Beautiful Website HTML Code: Design a Stunning Website
<!DOCTYPE html>
<html>
<head>
<title>My Beautiful Website</title>
<meta charset='UTF-8'>
<link rel='stylesheet' href='style.css'>
</head>
<body>
<header>
<nav>
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Services</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</nav>
</header>
<main>
<section class='hero'>
<h1>Welcome to My Beautiful Website</h1>
<p>Explore the beauty of our world through our amazing collection of photos and videos.</p>
<a href='#' class='btn'>View Gallery</a>
</section>
<section class='features'>
<div class='feature'>
<img src='https://via.placeholder.com/400x300' alt='Feature Image'>
<h2>Feature 1</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget ipsum id magna placerat consequat.</p>
</div>
<div class='feature'>
<img src='https://via.placeholder.com/400x300' alt='Feature Image'>
<h2>Feature 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget ipsum id magna placerat consequat.</p>
</div>
<div class='feature'>
<img src='https://via.placeholder.com/400x300' alt='Feature Image'>
<h2>Feature 3</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget ipsum id magna placerat consequat.</p>
</div>
</section>
<section class='gallery'>
<h2>Our Gallery</h2>
<div class='photos'>
<img src='https://via.placeholder.com/400x300' alt='Gallery Image'>
<img src='https://via.placeholder.com/400x300' alt='Gallery Image'>
<img src='https://via.placeholder.com/400x300' alt='Gallery Image'>
<img src='https://via.placeholder.com/400x300' alt='Gallery Image'>
<img src='https://via.placeholder.com/400x300' alt='Gallery Image'>
<img src='https://via.placeholder.com/400x300' alt='Gallery Image'>
</div>
</section>
<section class='contact'>
<h2>Contact Us</h2>
<form action='#'>
<label for='name'>Name:</label>
<input type='text' id='name' name='name' required>
<label for='email'>Email:</label>
<input type='email' id='email' name='email' required>
<label for='message'>Message:</label>
<textarea id='message' name='message' required></textarea>
<input type='submit' value='Send'>
</form>
</section>
</main>
<footer>
<p>Copyright ᄅ 2021 My Beautiful Website.
<a href='#'>Privacy Policy</a> | <a href='#'>Terms of Service</a></p>
</footer>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/nAJR 著作权归作者所有。请勿转载和采集!