Neelam Virmani6:04 PM
<!DOCTYPE html>
<html>
<head>
<title>My portfolio website</title>
<style>
body {
margin: 0;
font-family: "Jokerman", cursive;
}
h1 {
margin: 0;
padding: 0;
}
.section {
background-size: cover;
background-position: center;
text-align: center;
color: white;
padding: 60px;
width: 100vw;
min-height: 100vh;
}
.highlight {
color: #f9d557;
text-shadow: 0px 8px 0px #eb7260;
}
.intro-section {
background-image:
url("[Link]
7bdnjaafo_1683617831012.png");
line-height: 1;
letter-spacing: 4px;
}
.sun-img {
width: 300px;
height: 300px;
margin-top: 50px;
}
.about-section {
background-image:
url("[Link]
Neelam Virmani6:05 PM
.about-section {
background-image:
url("[Link]
7gdpb9z4m_1683620851723.png");
justify-content: center;
padding: 60px;
margin-top: 46px;
}
.about-content-text {
font-family: Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 120%;
text-align: left;
color: #ffffff;
}
.me {
display: flex;
justify-content: center;
object-fit: contain;
height: 381.7px;
}
.me img {
object-fit: contain;
}
.about-section {
background-image: url("[Link]
[Link]/python/2_clhg0dvd700210ul7gdpb9z4m_1683620851723.png");
justify-content: center;
padding: 60px;
}
.about-content{
width: fit-content;
display: flex;
align-self: flex-start;
background: #44949D;
border: 4px solid #000000;
box-shadow: 0px 10px 0px #000000;
border-radius: 24px;
}
</style>
</head>
<body>
<div class="section intro-section">
<h1>
Hi!
<br>
I AM <span class="highlight">Harmeet</span>
</h1>
<img class="sun-img" src="[Link]
[Link]/python/sun_clhfyhj58003h0un16l1tawht_1683617663276.gif" alt="sun">
</div>
Neelam Virmani6:06 PM
<div class="section about-section">
<h1 class="page-title">About Me</h1>
<div class="about-content">
<div class="about-content-text">
<h5>
<p>Welcome to my personal website! </p>
<p>My name is Harmeet and I am a</p>
<p>13-year-old, 8th Grade student.</p><p> On
this site, you'll find information<br></p> <p>about me, my hobbies, and
the<br></p> <p> things I'm passionate about.<br>
</p>
<p>Thanks for visiting!</p>
</h5>
</div>
<div class="me">
<img
src="[Link]
n1ej8o7tu8_1683620921040.png">
</div>
</div>
</div>
</body>
</html>
