Kevin/website
1
0
Fork 0
mirror of https://github.com/LJ5O/website.git synced 2026-08-11 22:54:46 +02:00
Code Issues Packages Projects Releases Wiki Activity

Project display

Browse Source
This commit is contained in:
LJ5O
2025-03-17 17:34:30 +01:00
parent ab9406bff0
commit e984005f5e
2 changed files with 42 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
index.html
View File

@@ -78,7 +78,7 @@
Nulla sit amet turpis nec turpis rhoncus venenatis. Sed nec malesuada quam. Nulla sit amet turpis nec turpis rhoncus venenatis. Sed nec malesuada quam.
Aenean faucibus neque id nibh facilisis auctor. </p> Aenean faucibus neque id nibh facilisis auctor. </p>
</article> </article>
<button class="feature_button">Oui ! Je veux en savoir plus !</button> <button class="button feature_button">Oui ! Je veux en savoir plus !</button>
</div> </div>
</div> <!-- Feature div --> </div> <!-- Feature div -->
@@ -94,7 +94,7 @@
Nulla sit amet turpis nec turpis rhoncus venenatis. Sed nec malesuada quam. Nulla sit amet turpis nec turpis rhoncus venenatis. Sed nec malesuada quam.
Aenean faucibus neque id nibh facilisis auctor. </p> Aenean faucibus neque id nibh facilisis auctor. </p>
</article> </article>
<button class="feature_button">Oui ! Je veux en savoir plus !</button> <button class="button feature_button">Oui ! Je veux en savoir plus !</button>
</div> </div>
<div class="feature_img_div"> <div class="feature_img_div">
<img src="https://picsum.photos/600/400"> <img src="https://picsum.photos/600/400">
@@ -122,11 +122,25 @@
<div class="project_picture"> <div class="project_picture">
<img src="https://picsum.photos/400/300"> <img src="https://picsum.photos/400/300">
</div> </div>
<!-- TODO : Project description --> <div class="project_description">
<article>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Proin felis lectus, feugiat in eros sit amet, venenatis euismod
urna. Aliquam id porttitor erat, vitae dapibus velit. Praesent
id felis tincidunt,</p>
</article>
<button class="button project_button">Oui ! </button>
</div>
</div> </div>
</div> </div>
</div> <!-- Projects summary --> </div> <!-- Projects summary -->
<footer>
<div id="footer_content">
<p id="footer_little_text">&lt;/&gt; with &lt;3 by Kévin</p>
</div>
</footer>
</body> </body>
</html> </html>

34
style.css
View File

@@ -18,6 +18,16 @@ h1,h2,h3,h4,h5,p{
border: red dotted 2px; border: red dotted 2px;
} }
.button{
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom: 5px;
border: none;
border-radius: 6px;
cursor: pointer;
}
#welcome_div{ #welcome_div{
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
@@ -150,7 +160,7 @@ h1,h2,h3,h4,h5,p{
.feature_div{ .feature_div{
width: 75%; width: 75%;
margin: auto; margin: auto;
margin-top: 30px; margin-top: 40px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
@@ -178,13 +188,7 @@ h1,h2,h3,h4,h5,p{
margin-top: 20px; margin-top: 20px;
} }
.feature_button{ .feature_button{
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom: 5px;
background-color: aqua; background-color: aqua;
border: none;
border-radius: 6px;
font-size: 1.3em; font-size: 1.3em;
} }
@@ -220,8 +224,9 @@ h1,h2,h3,h4,h5,p{
max-height: 600px; max-height: 600px;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: #A58181; background-color: #2c2b2b;
border-radius: 8px; border-radius: 8px;
border: 2px #EAEAEA solid;
} }
.project_picture{ .project_picture{
height: 200px; height: 200px;
@@ -232,4 +237,15 @@ h1,h2,h3,h4,h5,p{
.project_picture img{ .project_picture img{
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.project_description{
width: 90%;
margin: auto;
font-size: 1.1em;
margin-bottom: 20px;
}
.project_button{
background-color: rgb(65, 185, 61);
font-size: 1.1em;
}