Web Development By Nabeel Ahmad
Web Development
Nabeel.Writes
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nabeel.Writes | Home</title>
<link rel="stylesheet" href="Nabeel.Writes.CSS">
</head>
<body>
<header>
<h1>Nabeel Writes</h1>
</header>
<nav><a href="#">Home</a>
<a href="#">Channel</a>
<a href="#">About</a>
<a href="#">Login/SignUp</a>
</nav>
<main>
<section>
<h2>Most viewed shorts</h2>
<video src="video/Zindagi se badi saza hi nahi Sad Urdu poetry Whatsapp Status 2022Whatsapp Status_1080p.mp4" width="33%" height="60%" controls></video>
<video src="video/Meri Ankhon Ko Bakhshe Hain Aansoo by Nusrat Fateh Ali Khan Whatsapp status 2022NabeelWrites_1080p.mp4" width="33%" height="60%" controls></video>
<video src="video/Maza le rhy hain log NabeelWrites _1080p.mp4" width="33%" controls></video>
</section>
<section>
<h2>Working</h2>
<h4>Hello Friends!
Hope so you like my channel keep your support friends Subscribe more and more :)
https://www.youtube.com/channel/UCA9h... </h4>
<h4> Visit the YouTube Nabeel Writes Channel to find today's top talent, featured artists and playlists. Subscribe to see the latest in the music world.
This channel was generated automatically by YouTube's video discovery system.
</h4>
<img src="youtube.png" alt="" width="30%">
</section>
<section>
<h2>Channel Links</h2>
<br>
<br>
<h2>Nabeel Writes</h2>
<a target="_blank" href="#">https://www.youtube.com/@nabeelwrites6497/featured </a>
<br>
<br>
<br>
<br><br>
<br><br>
<br>
<h2>Lyrics Writes</h2>
<a target="_blank" href="#">https://www.youtube.com/@LyricsWrites-ut9mv</a>
<br><br>
<br><br>
<br><br>
<br>
<br>
<h2>Jdmukhtar Writes</h2>
<a target="_blank" href="">https://www.youtube.com/@jdmukhtarwrites8505</a>
</section>
<section>
<h2>Our founder</h2>
<img src="IMG_1946.jpg" alt="This is Nabeel Ahmad" width="33%">
<h3>Nabeel Ahmad</h3>
<a href="http://www.youtube.com/@nabeelwrites6497/featured" target="_blank" rel="noopener noreferrer">YouTube</a> |
<a href="www.facebook.com/nabeeahmad" target="_blank" rel="noopener noreferrer">Facebook</a> |
<a href="http://www.www.instagram.com/its_m_nabeel" target="_blank" rel="noopener noreferrer">Instagram</a> |
<h4>Assalam o Alikum</h4>
<h5>My name is Nabeel Ahmad.I work hard to make youtube video.
Now I tried my best to learn coding and become a good web developer.
</h5>
</section>
</main>
<footer>
<a href="#">FAQ</a>
<a href="#">Contact Us</a>
<a href="#">Terms of Use</a>
<a href="#">privacy Policy</a>
<a href="#">Work As Freelancer</a>
</footer>
</body>
</html>
CSS Nabeel.Writes
* {
box-sizing: border-box;
}
body {
margin: 0px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
header h1 {
text-align: center;
font-size: 40px;
color: white;
}
header {
padding: 40px;
background-color: rgb(80, 72, 78);
}
nav {
background-color: #ffffff;
overflow: hidden;
outline-color: rgb(255, 255, 255);
}
nav a {
text-decoration:none;
padding: 30px;
text-align: center;
float: left;
color: rgb(117, 15, 233);
}
main {
background-color: white;
text-align: center;
}
h2 {
padding: 20px;
}
section:nth-child(even) {
background-color: rgb(241, 241, 241);
}
section {
min-height: 50vh;
}
video {
padding: 10px;
}
iframe {
height: 5vh;
}
img {
padding: 10px;
}
section h5 {
margin: 40px;
}
footer {
background-color: #333;
overflow: hidden;
}
footer a {
text-decoration: none;
padding: 20px;
text-align: center;
float: left;
color: white;
}
Comments
Post a Comment