<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Website</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="menu-toggle">
<input type="checkbox">
<span></span>
<span></span>
<span></span>
<ul class="menu">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#button3">Button 3</a></li>
<li><a href="#button4">Button 4</a></li>
<li><a href="#contacts">Contacts</a></li>
</ul>
</div>
<div id="home" class="section">
<h1>Welcome to our Website!</h1>
<img src="placeholder.jpg" alt="Placeholder Image">
</div>
<div id="about" class="section">
<h2>About Us</h2>
<p>This is some information about our company.</p>
</div>
<div id="button3" class="section">
<h2>Button 3 Section</h2>
</div>
<div id="button4" class="section">
<h2>Button 4 Section</h2>
</div>
<div id="contacts" class="section">
<h2>Contact Us</h2>
<p>Email: example@example.com</p>
</div>
<footer>
<a href="https://www.facebook.com"><img src="facebook.png" alt="Facebook"></a>
<a href="https://www.tiktok.com"><img src="tiktok.png" alt="TikTok"></a>
<a href="https://www.instagram.com"><img src="instagram.png" alt="Instagram"></a>
</footer>
<script src="script.js"></script>
</body>
</html>
PH