-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (91 loc) · 4.17 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nike</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/media.css">
<script src="#"></script>
</head>
<body>
<header>
<nav>
<div class="container">
<a href="index.html" class="logo"><img src="images/nike-logo.png" alt="logo"></a>
<ul class="menu">
<li><a href="#" class="link">Кроссовки</a></li>
<li><a href="#" class="link">Кеды</a></li>
<li><a href="#" class="link">Футболки</a></li>
<li><a href="#" class="link">Шорты</a></li>
<li><a href="#" class="link">Майки</a></li>
<li><a href="#" class="link">Олимпийки</a></li>
<li><a href="#" class="link">Толстовки</a></li>
</ul>
</div>
</nav>
<div class="content">
<h1>NIKE</h1>
<p>Крутые кроссовки от <span>NIKE</span> для вас</p>
</div>
</header>
<main class="container main">
<section class="product">
<img src="images/review.png" alt="">
<h2 class="title">Shoe Review: Nike React Infinity Run</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci sagittis eu volutpat odio facilisis mauris sit amet massa
</p>
</section>
<section class="cards">
<div class="card">
<img src="images/air-max.png" alt="">
<h2 class="title">Nike Air Max 270</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis
</p>
</div>
<div class="card">
<img src="images/tanjun.png" alt="">
<h2 class="title">Nike Tanjun</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis
</p>
</div>
<div class="card">
<img src="images/air-force.png" alt="">
<h2 class="title">Зеленый Air Force</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis
</p>
</div>
<div class="card">
<img src="images/moon.png" alt="">
<h2 class="title">Nike moon shoes</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis
</p>
</div>
</section>
</main>
<footer>
<div class="container footer">
<form action="" class="form">
<input type="text" placeholder="Введите свое имя" required>
<textarea name="" id="" cols="30" rows="10" placeholder="Сообщение" required></textarea>
<button>Отправить</button>
</form>
<ul class="menu">
<li><a href="#" class="link">Кроссовки</a></li>
<li><a href="#" class="link">Кеды</a></li>
<li><a href="#" class="link">Футболки</a></li>
<li><a href="#" class="link">Шорты</a></li>
<li><a href="#" class="link">Майки</a></li>
<li><a href="#" class="link">Олимпийки</a></li>
<li><a href="#" class="link">Толстовки</a></li>
</ul>
</div>
</footer>
</body>
</html>