Untitled
unknown
html
2 years ago
6.8 kB
2
Indexable
Never
<!DOCTYPE html>
<html lang="en">
<head>
<title>Hi! I'm _______</title>
<link href="main.css" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<section id="home">
<div class="home-container">
<div class="navbar">
<div class="nav">
<div class="nav-logo">
<p>YourName. <span>(Known IGN)</span></p>
</div>
<div class="nav-links">
<a href="#home">HOME</a>
<a href="#about">ABOUT ME</a>
<a href="#projects">MY PROJECTS</a>
<a href="">CONTACTS</a>
</div>
</div>
</div>
<div class="home-content">
<div class="radialLight"></div>
<div class="homecont">
<p id="intro">Hi! I _________________</p>
<p id="intro2">An incoming <b>YOUR COURSE</b> student</p>
<div class="homebuttons">
<a href="" class="homebutton" id="hmbtn1">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor"
class="bi bi-discord" viewBox="0 0 16 16">
<path
d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z" />
</svg>
Discord
</a>
<a href="" class="homebutton" id="hmbtn2">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor"
class="bi bi-send-check-fill" viewBox="0 0 16 16">
<path
d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 1.59 2.498C8 14 8 13 8 12.5a4.5 4.5 0 0 1 5.026-4.47L15.964.686Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z" />
<path
d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z" />
</svg>
Mail me
</a>
</div>
</div>
</div>
</div>
</section>
<section id="about">
<div class="about-container">
<div class="about-content">
<div class="sideabout" id="leftabt">
<div class="selfinfo">
<p>Hi! I'm ______________</p>
<p id="aboutMe">I am <b>AGE</b> years old and an incoming YOUR COURSE<br> Student in YOUR INCOMING SCHOOL</p>
<p id="moreAboutMe">
ABOUT YOURSELF
</p>
</div>
</div>
<div class="sideabout" id="rightabt">
<div class="selfknowledge">
<p>Knowledge</p>
<div class="languageCont">
<div class="langIdef">
<img src="IMAGE LINK">
<p>SKILL 1</p>
</div>
<div class="langIdef">
<img src="IMAGE LINK">
<p>SKILL 2</p>
</div>
<div class="langIdef">
<img src="IMAGE LINK">
<p>SKILL 3</p>
</div>
<div class="langIdef">
<img src="IMAGE LINK">
<p>SKILL 4</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="projects">
<div class="projects-container">
<div class="tabs">
<div class="headerTab">
</div>
<div class="tabTitle"></div>
<div class="tabDesc"></div>
<div class="tabFooter"></div>
</div>
<div class="tabs">
<div class="headerTab" id="emptyspace">
<img src="IMAGE LINK">
</div>
<div class="tabTitle"></div>
<div class="tabDesc"></div>
<div class="tabFooter"></div>
</div>
<div class="tabs">
<div class="headerTab"></div>
<div class="tabTitle"></div>
<div class="tabDesc"></div>
<div class="tabFooter"></div>
</div>
</div>
</section>
</div>
</body>
</html>