--pro/index.html at main · darksdevi/--pro · 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <link rel="stylesheet" href="style/style.css">
    <title>Сайт Турист-PRO</title>
</head>
<body>
    <!-- шапка сайта -->
    <header>
        <div class="wrapper">
            <div class="content">
                <div class="logo">
                    <a href="index.html"><img src="media/image/logo.png" alt="Логотип компании"></a>

                    <nav>
                        <a href="index.html#promos">Акции</a>
                        <a href="index.html#search">Поиск</a>
                        <a href="booking.html">Управление бронированием</a>
                    </nav>
                </div>
            </div>
        </div>
    </header>

    <!-- Баннер -->
    <section class="banner">
        <div class="wrapper">
            <div class="content">
                <h1>ТУРИСТ PRO</h1>
            </div>
        </div>
    </section>

    <!-- Секции Алгоритм -->
    <section class="alg">
        <div class="wrapper">
            <div class="content">
                <h1>Шесть шагов к мечте</h1>
                <div class="steps">
                    <div class="step">Выбери даты</div>
                    <div class="step">Собери компанию</div>
                    <div class="step">Выбери регион</div>
                    <div class="step">Определи зоны</div>
                    <div class="step">Дополнительные услуги</div>
                    <div class="step">Оформи заказ</div>
                </div>
            </div>
        </div>
    </section>

    <!-- секции О компании -->
    <section class="about">
        <div class="wrapper">
            <div class="content">
                <h2>Наша цель - сделать любой поход удобным, комфортным и безопасным!</h2>
                <h2>Исполнить мечты просто!</h2>
                <div class="comment">
                    <img src="media/image/фото1.jpg" alt="" class="comment_foto">
                    <div class="comment_text">Спасибо большое за отличный отдых!</div>
                </div>
                <div class="comment">
                    <img src="media/image/фото2.jpg" alt="" class="comment_foto">
                    <div class="comment_text">Спасибо большое за отличный отдых!</div>
                </div>
                <div class="comment">
                    <img src="media/image/фото3.jpg" alt="" class="comment_foto">
                    <div class="comment_text">Спасибо большое за отличный отдых!</div>
                </div>
            </div>
        </div>
    </section>

    <!-- секции Поиск -->
    <section class="search" id="search">
        <div class="wrapper">
            <div class="content">
                <form action="search.html">
                    <select name="region" id="region">
                        <option value="region_0">Выберите регион...</option>
                        <option value="region_1">Якутия</option>
                        <option value="region_2">Республика Коми</option>
                        <option value="region_3">Краснодарский край</option>
                    </select><input type="date" placeholder="Начало похода"><input type="date" placeholder="Окончание похода"><input type="number" placeholder="Количество участников">
                    <select name="lavel" id="lavel">
                        <option value="lavel_0">Выберите уровень...</option>
                        <option value="lavel_1">Начальный</option>
                        <option value="lavel_2">Средний</option>
                        <option value="lavel_3">Продвинутый</option>
                    </select><input type="submit"></form>
            </div>
        </div>
    </section>

    <!-- секции Акции -->
    <section class="promos" id="promos">
        <div class="wrapper">
            <div class="content">
                <div class="promo">
                    <img src="media/image/акция1.jpg" alt="фото_акции">
                    <h2>Returning and Changing Your Tickets</h2>
                    <div class="promo_text">The pandemic has changed many travelers’ plans, but we know that it will not last forever.Once all of this is over, we will continue exploring this world the way we used to.Special rules that have been developed for this challenging situation will help you cancel your trip or postpone it until later.
                        </div>
                    <button>Подробнее...</button>
                </div>
                <div class="promo">
                    <img src="media/image/акция2.jpg" alt="фото_акции">
                    <h2>Best offers</h2>
                    <div class="promo_text">To see again the streets that witnessed so much. To hug your beloved ones and look back to seewhat you’ve come through. And to think of new dreams that will be so special!</div>
                    <button>Подробнее...</button>
                </div>
                <div class="promo">
                    <img src="media/image/акция3.jpg" alt="фото_акции">
                    <h2>See you more often</h2>
                    <div class="promo_text">Since the beginning of January, we have been expanding the geography of flights in Russia so that you cansee your loved ones more often. Choose our company to fly to where you are always expected.</div>
                    <button>Подробнее...</button>
                </div>
            </div>
        </div>
    </section>

    <!-- секции Подписка -->
    <section class="sub">
        <div class="wrapper">
            <div class="content">
                <input type="email"><button>Подписаться</button>
            </div>
        </div>
    </section>

    <!-- подвал сайта -->
    <footer>
        <div class="wrapper">
            <div class="content">
                <h2>8 (800) 555-33-10</h2>
                <nav><a href="http://xxxxxx-m1.wsr.ru">Home</a>
                    <a href="http://xxxxxx-m1.wsr.ru/login">Login</a>
                    <a href="http://xxxxxx-m1.wsr.ru/signup">Sign up</a>
                    <a href="http://xxxxxx-m1.wsr.ru/contact">Contact</a>
                    <a href="http://xxxxxx-m1.wsr.ru/news">News</a>
                    <a href="http://xxxxxx-m1.wsr.ru/return">Return</a>