Scribd
Upload
6 views

HTML

chemistry

Uploaded by

Latha Senthil
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
6 views

HTML

chemistry

Uploaded by

Latha Senthil
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

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("https://tekie-production.s3.ap-south-1.amazonaws.com/python/1_clhfyl4kk001v0ul
7bdnjaafo_1683617831012.png");
line-height: 1;
letter-spacing: 4px;
}
.sun-img {
width: 300px;
height: 300px;
margin-top: 50px;
}
.about-section {
background-image:
url("https://tekie-production.s3.ap-south-1.amazonaws.com/python/2_clhg0dvd700
Neelam Virmani6:05 PM
.about-section {
background-image:
url("https://tekie-production.s3.ap-south-1.amazonaws.com/python/2_clhg0dvd700210ul
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("https://tekie-production.s3.ap-south-
1.amazonaws.com/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="https://tekie-production.s3.ap-south-
1.amazonaws.com/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="https://tekie-production.s3.ap-south-1.amazonaws.com/python/me_clhg0fcuo003q0u
n1ej8o7tu8_1683620921040.png">
</div>
</div>
</div>
</body>
</html>

You might also like