<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Website</title>
<script src="/script.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="header-top">
<div class="header-logo">
<img src="logo.png" alt="Logo">
</div>
<div class="header-social">
<a href="#"><img src="иконки/whatsapp.png" alt="Whatsapp"></a>
<a href="#"><img src="иконки/tg.png" alt="Telegram"></a>
<a href="#"><img src="иконки/ig.png" alt="Instagram"></a>
</div>
<div class="header-contact">
<p>Phone: 123-456-7890</p>
<p>Email: info@mywebsite.com</p>
</div>
</div>
<div class="header-line"></div>
</header>
<main>
<div class="slider">
<div class="slides">
<div class="slide slide1">
<img src="фотографии/img1.jpg" alt="Slide 1">
</div>
<div class="slide slide2">
<img src="фотографии/img2.jpg" alt="Slide 2">
</div>
<div class="slide slide3">
<img src="фотографии/img3.jpg" alt="Slide 3">
</div>
<div class="slider-buttons">
<img src="кость.png" class="prev-slide" alt="Previous slide">
<img src="кость.png" class="next-slide" alt="Next slide">
</div>
</main>
<script src="script.js"></script>
</body>
</html>