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

Worked on HTML

Browse Source
This commit is contained in:
LJ5O
2025-03-01 02:30:33 +01:00
parent ffdc01a024
commit b50960bd5d
2 changed files with 62 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
index.html
View File

@@ -9,15 +9,40 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"> <link rel="icon" href="./favicon.ico" type="image/x-icon">
</head> </head>
<body> <body>
<div class="test" id="welcome_div"> <div class="test" id="welcome_div">
<p id="random_citation">Random Sentence</p>
<div class="test" id="name_div"> <div class="test" id="name_div">
<div id="profile_picture"><img src="https://picsum.photos/200" height="100%" width="100%"></div> <div id="profile_picture"><img src="https://picsum.photos/200" height="100%" width="100%"></div>
<p id="random_citation">Random Sentence</p>
<div class="test" id="welcome_text_div"> <div id="name_div_right_container">
<div class="test" id="welcome_text_div">
<h1>Hello ! I'm </h1> <h1>Hello ! I'm </h1>
<h2>AI enthousiast</h2> <h2>AI enthousiast</h2>
</div>
<div id="social_networks" class="test">
<div class="network">
<img src="https://picsum.photos/50" height="100%" width="100%">
</div>
<div class="network">
<img src="https://picsum.photos/50" height="100%" width="100%">
</div>
<div class="network">
<img src="https://picsum.photos/50" height="100%" width="100%">
</div>
</div>
</div> </div>
</div>
</div> <!-- Name div -->
</div> <!-- Welcome Div -->
<div class="intersection_div">
<div class="intersection_content test">
<h2 class="test">Looking for something ?</h2>
</div>
</div> </div>
</body> </body>
</html> </html>

35
style.css
View File

@@ -15,7 +15,7 @@ h1,h2,h3,h4,h5,p{
#welcome_div{ #welcome_div{
width: 100vw; width: 100vw;
min-height: 100vh; height: 100vh;
margin: 0; margin: 0;
} }
@@ -45,10 +45,43 @@ h1,h2,h3,h4,h5,p{
border-radius: 50%; border-radius: 50%;
} }
#name_div_right_container{
display: flex;
flex-direction: column;
}
#welcome_text_div{ #welcome_text_div{
height: 100%; height: 100%;
width: fit-content; width: fit-content;
} }
#welcome_text_div h1{ #welcome_text_div h1{
margin-top: 100px; margin-top: 100px;
}
#social_networks{
max-height: 100%;
display: flex;
flex-direction: row;
}
.network{
height: 50px;
width: 50px;
margin-left: 15px;
}
.network img{
border-radius: 50%;
}
.intersection_div{
width: 100vw;
min-height: 150px;
background-color: #D9D9D9;
}
.intersection_content{
width: 90%;
margin: auto;
display: flex;
align-items: center;
}
.intersection_content h2{
color: #1E1E1E !important;
} }