This repository has been archived by the owner on Dec 12, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpromo.html
130 lines (116 loc) · 6.36 KB
/
promo.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Magic Straw</title>
<link rel="stylesheet" href="css/normalize.css">
<link href='https://fonts.googleapis.com/css?family=Neucha&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="main-header">
<div class="container">
<nav class="main-navigation clearfix">
<div class="left"><span>Волшебная</span></div>
<div class="right"><span>соломинка</span></div>
</nav>
<div class="header-logo">
<a href="index.html"><img src="img/ms-logo-temp.svg" alt="Magic Straw"></a>
</div>
</div>
</header>
<main class="main-action">
<h1>"Волшебная соломинка" объявляет акцию!</h1>
<div class="slider">
<input type="radio" id="btn-1" name="toggle" checked>
<input type="radio" id="btn-2" name="toggle">
<input type="radio" id="btn-3" name="toggle">
<input type="radio" id="btn-4" name="toggle">
<div class="slider-controls">
<label for="btn-1">1</label>
<label for="btn-2">2</label>
<label for="btn-3">3</label>
<label for="btn-4">4</label>
</div>
<div class="slider-inner">
<div class="slider-slides">
<div class="slide clearfix"> <!-- ПЕРВЫЙ СЛАЙД -->
<div class="slider-image">
<img src="img/cow-present.svg" alt="" width="400" height="300">
</div>
<div class="slider-description">
<div class="text">
<p>
Скоро в магазинах появится новая упаковка «Волшебных соломинок» с надписью «Акция». В упаковке обязательно есть магнитик. Это подарок, он же сюрприз – специально для вас!
</p>
</div>
</div>
</div>
<div class="slide"> <!-- ВТОРОЙ СЛАЙД -->
<div class="slider-image">
<img src="img/boy-computer.svg" alt="" width="400" height="300">
</div>
<div class="slider-description">
<div class="text">
<p>
На магнитике нарисована симпатичная волшебная корова и стоят цифры. Эти цифры называются «промо-код». Они вам и нужны. Прежде чем наклеить магнитик на холодильник, регистрируетесь на нашей страничке и отправляйте нам промо-коды с магнитиков.
Всё! Теперь ждите розыгрыша призов.
</p>
</div>
</div>
</div>
<div class="slide"> <!-- ТРЕТИЙ СЛАЙД -->
<div class="slider-image">
<img src="img/fridge.svg" alt="" width="400" height="300">
</div>
<div class="slider-description">
<div class="text">
<p>
Правда, с одним кодом можно выиграть только очень маленький
приз. Поэтому лучше собрать коллекцию магнитиков с разными
коровами и кодами – всего их существует 10 видов. Чем
больше магнитиков вы соберете, тем интереснее и больше
призов вы сможете получить.
</p>
</div>
</div>
</div>
<div class="slide"> <!-- ЧЕТВЕРТЫЙ СЛАЙД -->
<div class="slider-image">
<img src="img/presents.svg" alt="" width="400" height="300">
</div>
<div class="slider-description">
<div class="text">
<p>
Если вы соберете коллекцию из 10 разных магнитиков,
тогда мы подарим вам 5 упаковок «Волшебных
соломинок» - это вдобавок к призам, которые можно
выиграть.
</p>
<p>
У нас есть тысячи призов на любой вкус и цвет! Чем больше кодов вы зарегистириуете, тем более ценные призы вы сможете получить:
</p>
<ul>
<li>ручки, брелки, карандаши</li>
<li>кепки, сумки, кружки</li>
<li>футболки, пляжные мячи, зонтики</li>
<li>рюкзаки, наборы для бадминтона, футбольные мячи</li>
<li>мягкие игрушки, часы</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="main-footer clearfix">
<div class="container">
<div class="footer-copyright">
<p>Все права защищены.<br>
© ООО "ПрофИмпорт", 2016</p>
</div>
</div>
</footer>
</body>
</html>