<!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 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录