Scribd
Upload
17 views

My Web Page

Uploaded by

jannat.5450
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
17 views

My Web Page

Uploaded by

jannat.5450
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

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jannat's Personal Webpage</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f5;
color: #333;
margin: 0;
padding: 0;
}
header {
background-color: #6a0dad;
color: white;
padding: 10px 0;
text-align: center;
}
nav {
background-color: #333;
overflow: hidden;
}
nav a {
float: left;
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
nav a:hover {
background-color: #ddd;
color: black;
}
.container {
padding: 20px;
}
.section {
margin-bottom: 20px;
}
.section h2 {
color: #6a0dad;
}
.pets, .travels {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.pet, .travel {
border: 1px solid #ccc;
border-radius: 10px;
padding: 10px;
width: calc(33% - 20px);
background-color: white;
}
footer {
background-color: #333;
color: white;
text-align: center;
padding: 10px 0;
position: fixed;
width: 100%;
bottom: 0;
}
</style>
</head>
<body>

<header>
<h1>Jannat's Personal Webpage</h1>
</header>

<nav>
<a href="#about">About Me</a>
<a href="#pets">Pets</a>
<a href="#travels">Travels</a>
<a href="#hobbies">Hobbies</a>
</nav>

<div class="container">

<div id="about" class="section">


<h2>About Me</h2>
<p>Hello! My name is Jannat. I'm 13 years old and I love history, math, and
spending time outdoors. I am an avid reader of non-fiction, especially books about
history. I move every 2 years due to my parents' commitments, and I have a dream to
study at NYU Abu Dhabi and then Oxford. I also love art and horseback riding.</p>
</div>

<div id="pets" class="section">


<h2>My Pets</h2>
<div class="pets">
<div class="pet">
<h3>Husky 1</h3>
<p>One of my two huskies, energetic and playful.</p>
</div>
<div class="pet">
<h3>Husky 2</h3>
<p>The second of my two huskies, equally full of life.</p>
</div>
<div class="pet">
<h3>Samoyed</h3>
<p>My fluffy Samoyed, always ready for a cuddle.</p>
</div>
<div class="pet">
<h3>Shih Tzu</h3>
<p>My adorable Shih Tzu, small but full of personality.</p>
</div>
</div>
</div>

<div id="travels" class="section">


<h2>Places I've Visited</h2>
<div class="travels">
<div class="travel">
<h3>France</h3>
<p>Visited iconic landmarks and enjoyed the rich culture.</p>
</div>
<div class="travel">
<h3>Italy</h3>
<p>Explored the beautiful architecture and historical sites.</p>
</div>
<div class="travel">
<h3>Belgium</h3>
<p>Indulged in delicious chocolates and waffles.</p>
</div>
<div class="travel">
<h3>Netherlands</h3>
<p>Enjoyed the scenic canals and vibrant tulip fields.</p>
</div>
<div class="travel">
<h3>Qatar</h3>
<p>Experienced the modern skyline and cultural heritage.</p>
</div>
<div class="travel">
<h3>UAE</h3>
<p>Visited several times, enjoying the blend of tradition and
modernity.</p>
</div>
<div class="travel">
<h3>Turkey</h3>
<p>Explored historical sites and enjoyed the diverse cuisine.</p>
</div>
<div class="travel">
<h3>Vatican City</h3>
<p>Visited the heart of the Catholic Church and admired its art and
architecture.</p>
</div>
<div class="travel">
<h3>Germany</h3>
<p>Learned about its rich history and vibrant culture.</p>
</div>
</div>
</div>

<div id="hobbies" class="section">


<h2>My Hobbies</h2>
<p>I

You might also like