John Doe's Website: Web Design, Development & SEO Services
<!DOCTYPE html>
<html>
<head>
<title>John Doe's Website: Web Design, Development & SEO Services</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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>
<h1>Welcome to my website</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac ante vel elit tempus ornare. In euismod velit euismod, fringilla turpis id, euismod libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Mauris aliquam ex et sapien luctus fermentum. Sed vel diam ac odio congue pellentesque. Integer nec felis in erat sodales scelerisque. Donec eget ex euismod, feugiat lacus at, bibendum magna. Donec non eros a leo efficitur iaculis.</p>
</section>
<section>
<h2>About me</h2>
<p>My name is John Doe and I am a web developer. I have been working in this field for over 5 years and I have a passion for creating websites that not only look great, but also provide a great user experience.</p>
</section>
<section>
<h2>Services</h2>
<ul>
<li>Web design</li>
<li>Web development</li>
<li>Search engine optimization</li>
</ul>
</section>
<section>
<h2>Contact me</h2>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br>
<pre><code> <label for="email">Email:</label>
<input type="email" id="email" name="email"><br>
<label for="message">Message:</label>
<textarea id="message" name="message"></textarea><br>
<input type="submit" value="Send">
</form>
</section>
</main>
<footer>
<p>&copy; 2021 My Website. All rights reserved.</p>
</footer>
</code></pre>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/lSaM 著作权归作者所有。请勿转载和采集!