-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (65 loc) · 4.19 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles/styles.css">
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans|Yeseva+One&display=swap" rel="stylesheet">
<title>REPAIR DESIGN PROJECT</title>
</head>
<body>
<main class="main">
<section class="main__block main__block-one" id="projects">
<div class="main__content main__block-one__content">
<nav class="main__block-one__menu">
<ul class="main__block-one__menu__ul" >
<li class="main__block-one__menu__li" data-slide="1">Rostov-on-Don, Admiral</li>
<li class="main__block-one__menu__li" data-slide="2">Sochi Thieves</li>
<li class="main__block-one__menu__li" data-slide="3">Rostov-on-Don Patriotic</li>
</ul>
</nav>
<div class="main__block-one__slider">
<div class="main__block-one__slider__text">
<h2>completed<br>projects</h2>
<p>Only a small part of the work performed by our company is presented on the site. For 14 years on in the construction market we have made happy more than 1000 families</p>
<!-- <div class="main__block-one__slider__img__mob">
<img class="main__block-one__slider__img_img_mob" src="./images/image1.jpg" alt="">
<div class="main__block-one__slider__nav__mob">
<a href=""><img class="main__block-one__slider__prev__mob" src="images/arrow-left-mob.svg"></a>
<a href=""><img class="main__block-one__slider__next__mob" src="images/arrow-right-mob.svg"></a>
</div>
</div> -->
<div class="main__block-one__slider__text__desc">
<div class="main__block-one__slider__text__desc__element">
<div class="slider_text_header">city</div>
<span class="slider_text" id="city-left">Rostov-on-Don<br>LCD admiral</span>
</div>
<div class="main__block-one__slider__text__desc__element">
<div class="slider_text_header">apartment area:</div>
<span class="slider_text" id="area-left">81</span><span class="slider_text"> m2</span>
</div>
<div class="main__block-one__slider__text__desc__element">
<div class="slider_text_header">Repair time:</div>
<span class="slider_text" id="time-left">3.5</span><span class="slider_text"> months</span>
</div>
<div class="main__block-one__slider__text__desc__element">
<div class="slider_text_header">Repair Cost:</div>
<span class="slider_text">Upon request</span>
</div>
</div>
<div class="main__block-one__slider__nav">
<div><img class="main__block-one__slider__prev slider-arrows" id="prev-arrow" src="images/arrow-left.svg" alt="Prev"></div>
<div class="main__block-one__slider__dot" data-slide="1"></div>
<div class="main__block-one__slider__dot" data-slide="2"></div>
<div class="main__block-one__slider__dot" data-slide="3"></div>
<div><img class="main__block-one__slider__next slider-arrows" id="next-arrow" src="images/arrow-right.svg" alt="Next"></div>
</div>
</div>
<img class="main__block-one__slider__img" id="slide-image" src="./images/image1.jpg" alt="" width="679" height="483">
</div>
</div>
</section>
</main>
<script src="./scripts/scripts.js"></script>
</body>
</html>