Pilotindream.github.io/index.html at main · Pilotindream/Pilotindream.github.io · GitHub

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="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap-reboot.min.css">
    <link rel="stylesheet" href="css/bootstrap-grid.min.css">
    <link rel="stylesheet" href="css/fonts.css">
    <link rel="stylesheet" href="css/slick.css">
    <link rel="stylesheet" href="css/style.min.css">
    <title>RunSmart</title>
</head>
<body>
    <section class="promo">
        <div class="container">
            <header class="header">
                <a href="#" class="header__logo">
                    <img src="img/logo.png" alt="logo">
                </a>
                <div class="header__official">
                    Официальный представитель
                   <span>Garmin, Polar, Suunto</span>
                </div>
                <div class="header__contacts">
                    <a href="tel:+74999228974" class="header__phone">
                        +7 (499) 922-89-74
                   </a>
                   <button class="button">заказать звонок</button>
                </div>
            </header>
            <div class="promo__wrapper">
                <h1 class="promo__header">Подбор пульсометра</h1>
                <h2 class="promo__subheader">с учётом Вашего уровня подготовки</h2>
                <div class="promo__icons">
                    <div class="promo__icon">
                        <img src="img/timer.png" alt="timer-icon">
                         Время подбора: 10 минут
                    </div>
                    <div class="promo__icon">
                        <img src="img/carry.png" alt="carry-icon">
                        Бесплатная доставка
                    </div>

                    <div class="promo__icon">
                        <img src="img/messege.png" alt="messege-icon">
                       Ответим <br> на все вопросы
                    </div>
                </div>
                <button class="button button_main">заказать консультацию</button>
                <div class="promo__link">
                    или
                    <a href="#">ПЕРЕЙТИ В КАТАЛОГ</a>
                </div>
            </div>
        </div>
    </section>
    <section class="pros">
        <div class="container">
            <h2 class="title">
                Наши преимущества
            </h2>
            <div class="pros__wrapper">
                <div class="pros__item">
                    <img src="img/cup.png" alt="" class="pros__img">
                    <div class="pros__subtitle">
                        Делимся опытом
                    </div>
                    <div class="pros__txt">
                        Наши сотрудники всегда готовы поделиться своим опытом,  так как сами бегают полумарафоны,  переплыли Босфор, готовятся к соревнованиям по триатлону!
                    </div>
                </div>
                <div class="pros__item">
                    <img src="img/heart.png" alt="" class="pros__img">
                    <div class="pros__subtitle">
                        Заботимся о здоровье
                    </div>
                    <div class="pros__txt">
                        Мы работаем для того,  чтобы Ваши занятия спортом шли на пользу Вашему здоровью и были в  радость Вам и Вашим близким!
                    </div>
                </div>
                <div class="pros__item">
                    <img src="img/shoe.png" alt="" class="pros__img">
                    <div class="pros__subtitle">
                        Учим бегать
                    </div>
                    <div class="pros__txt">
                        Помогаем с обучением  правильной технике бега! Дружим с крупнейшей школой бега в России - <span>I LOVE RUNNING.</span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="consultation">
        <div class="container">
            <h2 class="title title_left">
                Получите бесплатную консультацию <br>по подбору пульсометра
            </h2>
            <div class="consultation__descr">
            	Просто заполните форму заявки <br> и мы перезвоним вам в течении 10 минут
            </div>
            <form class="feed-form" action="#">
            	<input name="name" required type="text" placeholder="Ваше имя">
            	<input name="phone" required type="number" placeholder="Ваш телефон">
            	<input name="mail" required type="email" placeholder=" Ваш E-mail">
            	<button class="button button_submit">Заказать Консультацию</button>
            </form>
        </div>
    </section>
    <section class="carousel">
        <div class="container">
            <div class="carousel__inner">
                <div>
                    <img src="img/slide1.jpg" alt="slide-1">
                </div>
                <div>
                    <img src="img/hidden1.png" alt="slide-2">
                </div>
                <div>
                    <img src="img/hidden2.png" alt="slide-3">
                </div>
              </div>
        </div>
    </section>

    <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script src="js/slick.js"></script>
    <script src="js/script.js"></script>
</body>
</html>