mirror of
https://github.com/FranP-code/Allnews.com.git
synced 2025-10-13 00:32:45 +00:00
Diseño de sitio nº 1 terminado
This commit is contained in:
1
img/credits.txt
Normal file
1
img/credits.txt
Normal file
@@ -0,0 +1 @@
|
||||
logo = <div>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div>
|
||||
1
img/logo.svg
Normal file
1
img/logo.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m256 512c140.959 0 256-115.049 256-256 0-140.96-115.049-256-256-256-140.959 0-256 115.049-256 256 0 140.96 115.049 256 256 256zm75.947-43.143c14.505-18.535 25.623-40.643 33.974-62.867h58.966c-24.986 28.11-56.854 49.952-92.94 62.867zm115.476-92.857h-71.804c8.852-32.188 14.045-67.876 15.149-105h90.722c-2.528 38.388-14.68 74.185-34.067 105zm0-240c19.387 30.815 31.539 66.612 34.067 105h-90.722c-1.104-37.124-6.297-72.812-15.149-105zm-22.537-30h-58.966c-8.348-22.205-19.465-44.316-33.974-62.857 36.087 12.915 67.955 34.757 92.94 62.857zm-153.886-73.434c29.436 9.977 50.553 44.985 62.631 73.434h-62.631zm0 103.434h73.427c9.538 31.578 15.149 67.403 16.33 105h-89.757zm0 134.99h89.757c-1.181 37.607-6.792 73.432-16.33 105.01h-73.427zm0 135h62.631c-12.098 28.507-33.219 63.476-62.631 73.444zm-183.886.01h58.966c8.348 22.205 19.465 44.316 33.974 62.857-36.087-12.914-67.955-34.757-92.94-62.857zm153.886 73.434c-29.411-9.968-50.531-44.933-62.631-73.434h62.631zm0-103.434h-73.427c-9.538-31.578-15.149-67.403-16.33-105h89.757zm0-135h-89.757c1.181-37.597 6.792-73.422 16.33-105h73.427zm0-208.434v73.434h-62.631c12.099-28.498 33.218-63.465 62.631-73.434zm-60.947 10.577c-14.505 18.535-25.622 40.642-33.974 62.857h-58.965c24.985-28.1 56.853-49.943 92.939-62.857zm-115.476 92.847h71.804c-8.852 32.198-14.045 67.886-15.149 105.01h-90.722c2.528-38.388 14.68-74.185 34.067-105.01zm-34.067 135.01h90.722c1.104 37.124 6.297 72.812 15.149 105h-71.804c-19.387-30.815-31.539-66.612-34.067-105z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
BIN
img/test.jpg
Normal file
BIN
img/test.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
15
index.php
15
index.php
@@ -9,10 +9,13 @@
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>AllNews.com</h1>
|
||||
<div class="name">
|
||||
<img class="logo" src="./img/logo.svg">
|
||||
<h1>AllNews.com</h1>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="article-container">
|
||||
<div class="card-container">
|
||||
<?php
|
||||
|
||||
require 'mySQLconnect.php';
|
||||
@@ -22,6 +25,14 @@
|
||||
print_r($selection);
|
||||
|
||||
?>
|
||||
|
||||
<div class="card">
|
||||
<h2>Title</h2>
|
||||
<div class="bottom-part">
|
||||
<img src="./img/test.jpg">
|
||||
<h3>Content... Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut numquam accusamus, voluptas vel et corrupti, dolore maxime ipsum veritatis quae obcaecati magni provident iure possimus praesentium animi debitis, quos consequuntur. Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, reprehenderit. Voluptatem inventore est necessitatibus blanditiis? Voluptatem pariatur fuga officiis minus, excepturi laudantium assumenda enim, rem officia quis obcaecati facilis consequuntur? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur facilis odio blanditiis perspiciatis quaerat quos magni dolor praesentium repellat officia fugit eum natus, impedit quis, quo optio? Similique, temporibus delectus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque dicta quia minima! Harum, alias maxime, architecto debitis distinctio amet assumenda, fugiat iure quis nesciunt ut laboriosam rem voluptatibus aspernatur nobis!</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
74
style.css
74
style.css
@@ -4,16 +4,82 @@
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
background-color: #9dd3ff;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
header {
|
||||
padding-top: 4vh;
|
||||
padding-bottom: 4vh;
|
||||
padding-left: 3vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background-color: #00000050;
|
||||
color: white;
|
||||
align-items: center;
|
||||
/*justify-content: center;*/
|
||||
color: #000000;
|
||||
user-select: none;
|
||||
border-bottom: #000000 solid 1px;
|
||||
}
|
||||
|
||||
.name {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-top: 1vh;
|
||||
padding-bottom: 1vh;
|
||||
}
|
||||
|
||||
.name h1 {
|
||||
font-style: italic;
|
||||
color: #000000;
|
||||
margin-left: 1vw;
|
||||
font-size: 45px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
color: #62b0f0;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.card-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.card {
|
||||
padding-left: 2vw;
|
||||
padding-right: 2vw;
|
||||
padding-top: 2vh;
|
||||
padding-bottom: 2vh;
|
||||
width: 70vw;
|
||||
height: 13vh;
|
||||
background-color: #ffffff;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.card h2 {
|
||||
font-size: 30pt;
|
||||
margin-bottom: 1vh;
|
||||
}
|
||||
|
||||
.card .bottom-part {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.card img {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
object-fit: cover;
|
||||
margin-right: 2vw;
|
||||
}
|
||||
|
||||
.card h3 {
|
||||
font-size: 11pt;
|
||||
height: 7vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user