<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>John Doe - Software Engineer</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>John Doe</h1>
<p>Software Engineer</p>
</header>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<section id="about">
<h2>About Me</h2>
<p>Passionate software engineer with experience in developing scalable web applications. Skilled in various programming languages and frameworks.</p>
</section>
<section id="skills">
<h2>Skills</h2>
<ul>
<li>JavaScript</li>
<li>Python</li>
<li>React</li>
<li>Node.js</li>
<li>HTML & CSS</li>
</ul>
</section>
<section id="projects">
<h2>Projects</h2>
<div class="project">
<h3>Project One</h3>
<p>Description of the first project.</p>
<a href="https://github.com/yourusername/project-one" target="_blank">View on GitHub</a>
</div>
<div class="project">
<h3>Project Two</h3>
<p>Description of the second project.</p>
<a href="https://github.com/yourusername/project-two" target="_blank">View on GitHub</a>
</div>
</section>
<section id="contact">
<h2>Contact</h2>
<p>Email: johndoe@example.com</p>
<p>LinkedIn: <a href="https://linkedin.com/in/johndoe" target="_blank">linkedin.com/in/johndoe</a></p>
</section>
<footer>
<p>© 2024 John Doe. All rights reserved.</p>
</footer>
<script src="script.js"></script>
</body>
</html>