Scribd
Upload
2 views2 pages

Index HTML

This document is an HTML webpage for Yusra, featuring a personal introduction, contact information, and links to social media platforms. It includes a profile picture, a welcome message about her interests in skincare and creativity, and an embedded YouTube video. The page is styled with a pink color scheme and a clean layout to create an inviting online presence.

Uploaded by

yusrahuda4
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
2 views2 pages

Index HTML

This document is an HTML webpage for Yusra, featuring a personal introduction, contact information, and links to social media platforms. It includes a profile picture, a welcome message about her interests in skincare and creativity, and an embedded YouTube video. The page is styled with a pink color scheme and a clean layout to create an inviting online presence.

Uploaded by

yusrahuda4
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/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Yusra's Page</title>
<style>
body {
font-family: "Arial", sans-serif;
background-color: #ffe6f2;
color: #333;
margin: 0;
padding: 0;
text-align: center;
}
.container {
max-width: 600px;
margin: 50px auto;
background: white;
padding: 20px;
border-radius: 15px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
h1 {
color: #ff99cc;
}
p {
font-size: 16px;
}
.social-links a {
display: inline-block;
margin: 10px;
text-decoration: none;
color: #ff66a3;
font-weight: bold;
}
.social-links a:hover {
color: #ff3385;
}
.media {
margin-top: 20px;
}
.profile-pic {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
border: 3px solid #ff99cc;
}
.footer {
margin-top: 20px;
font-size: 12px;
color: #666;
}
</style>
</head>
<body>

<div class="container">
<img src="https://via.placeholder.com/120" alt="Profile Picture"
class="profile-pic">
<h1>Hi, I'm Yusra!</h1>
<p>Welcome to my cute little corner of the internet. I love skincare,
creativity, and all things adorable!</p>

<h3>Contact Me</h3>
<p>Email: <a
href="mailto:your-email@example.com">your-email@example.com</a></p>

<h3>Follow Me</h3>
<div class="social-links">
<a href="https://tiktok.com" target="_blank">TikTok</a>
<a href="https://instagram.com" target="_blank">Instagram</a>
<a href="https://youtube.com" target="_blank">YouTube</a>
</div>

<div class="media">
<h3>Featured Media</h3>
<iframe width="100%" height="200"
src="https://www.youtube.com/embed/dQw4w9WgXcQ"
frameborder="0" allowfullscreen></iframe>
</div>

<p class="footer">&copy; 2025 Yusra. All rights reserved.</p>


</div>

</body>
</html>

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy