-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpage-demo.html
198 lines (174 loc) · 10.3 KB
/
page-demo.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content="Control your distribution and sales">
<meta name="author" content="Salesdoctor.uz">
<link rel="icon" href="assets/images/favicon.png" type="image/png" sizes="16x16">
<title>Salesdoctor pro</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/fontawesome.css">
</head>
<body>
<!--main content wrapper start-->
<div class="main-wrapper">
<!--header start-->
<header class="main-header position-absolute w-100">
<nav class="navbar navbar-expand-lg navbar-dark sticky-header">
<div class="container d-flex align-items-center justify-content-lg-between position-relative">
<a href="index.html" class="navbar-brand d-flex align-items-center text-decoration-none">
<img src="assets/images/logo-white.png" height="40" alt="logo" class="logo-white" />
<img src="assets/images/logo.png" height="40" alt="logo" class="logo-color" />
</a>
<b class="clearfix"></b>
<div class="collapse navbar-collapse">
<ul class="navbar-nav mx-auto main-menu">
<li> <a href="index.html" class="nav-link"> Продукт </a> </li>
<li> <a href="#section_features" class="nav-link"> Решения </a> </li>
<li> <a href="#section_pricing" class="nav-link"> Тарифы </a> </li>
<li> <a href="#section_reviews" class="nav-link"> Отзывы </a> </li>
<li> <a href="page-blog.html" class="nav-link"> Блог </a> </li>
</ul>
</div>
<div class="action-btns text-end">
<a href="https://demo.salesdoc.io/site/login" target="_blank" class="d-none d-md-inline-block btn btn-sm btn-success"> Попробовать демо </a>
<a href="https://t.me/temur_salesdoctor" class="btn btn-sm btn-icon btn-success" target="_blank"> <i class="fa fa-comment-dots fa-lg"></i></a>
<a class="mobile-menu btn px-2 ms-2 d-lg-none" href="#offcanvasWithBackdrop" role="button">
<span class="icon far fa-lg fa-bars" data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBackdrop"></span>
</a>
</div>
<!--offcanvas menu start-->
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasWithBackdrop">
<div class="offcanvas-header d-flex align-items-center">
<a href="index.html" class="ms-2 text-decoration-none">
<img src="assets/images/logo.png" alt="logo" height="38" />
</a>
<button type="button" class="close-btn text-danger" data-bs-dismiss="offcanvas" aria-label="Close">
<i class="far fa-lg fa-close"></i>
</button>
</div>
<div class="offcanvas-body">
<ul class="nav col-12 col-md-auto justify-content-center main-menu">
<li> <a href="index.html" class="nav-link"> Продукт </a> </li>
<li> <a href="#section_features" class="nav-link"> Решения </a> </li>
<li> <a href="#section_pricing" class="nav-link"> Тарифы </a> </li>
<li> <a href="#section_reviews" class="nav-link"> Отзывы </a> </li>
<li> <a href="page-blog.html" class="nav-link"> Блог </a> </li>
</ul>
</div>
</div>
<!--offcanvas menu end-->
</div>
</nav>
</header>
<!--header section end-->
<section class="sign-up-in-section bg-gradient ptb-120">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-xl-5 col-lg-5 col-md-12 order-1 order-lg-0">
<div class="mt-5">
<h1 class="fw-bold text-white display-5">Попробуйте <br> демо-версию</h1>
<p class="lead" style="max-width: 600px">Команда Sales Doctor проведет для вас тур по функционалу сервиса. А также вы получите доступ к демо-версии продукта. Оставьте свои контактные данные, и мы обязательно свяжемся с вами</p>
<hr>
</div>
</div>
<div class="col-xl-5 col-lg-7 col-md-12 order-0 order-lg-1">
<div class="register-wrap p-5 bg-white shadow rounded-custom mt-5 mt-lg-0 mt-xl-0">
<h3 class="fw-medium h4">Заполните форму </h3>
<form action="#" class="mt-4 register-form">
<div class="row gx-2">
<div class="col-sm-6">
<div class="mb-3">
<label class="form-label">Имя*</label>
<input type="text" name="" class="form-control" placeholder="">
</div>
</div>
<div class="col-sm-6">
<div class="mb-3">
<label class="form-label">Фамилия*</label>
<input type="text" name="" class="form-control" placeholder="">
</div>
</div>
<div class="col-sm-12">
<div class="mb-3">
<label class="form-label">Email*</label>
<input type="email" class="form-control" placeholder="">
</div>
</div>
<div class="col-sm-12">
<div class="mb-3">
<label class="form-label">Номер телефона*</label>
<input type="text" class="form-control" value="+">
</div>
</div>
<div class="col-sm-12">
<div class="mb-3">
<label class="form-label">Страна*</label>
<select class="form-control form-select" name="country" required>
<option value="">Выбрать </option>
<option value="TM">Turkmenistan</option>
<option value="UA">Ukraine</option>
<option value="GB">United Kingdom</option>
<option value="US">United States</option>
<option value="UZ">Uzbekistan</option>
<option value="KZ">Kazakhstan</option>
</select>
</div>
</div>
<div class="col-sm-12">
<div class="mb-3">
<label class="form-label">Удобное время демонстрации*</label>
<input class="form-control" value="09:00" type="time" name="">
</div>
</div>
<div class="col-12">
<button type="submit" class="btn btn-warning mt-4 d-block w-100"> Получить демо
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!--footer section start-->
<footer class="footer-section">
<!--footer bottom start-->
<div class="footer-bottom footer-light py-4">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-md-7 col-lg-7">
<div class="copyright-text">
<p class="mb-lg-0 mb-md-0">© Copyright 2022 Salesdoctor Solutions LLC </p>
</div>
</div>
<div class="col-md-4 col-lg-4">
<div class="footer-single-col text-start text-lg-end text-md-end">
<ul class="list-unstyled list-inline footer-social-list mb-0">
<li class="list-inline-item">
<a href="https://www.instagram.com/salesdoctor.kz/" target="_blank">
<i class="fab fa-lg fa-instagram"></i></a>
</li>
<li class="list-inline-item">
<a href="https://www.linkedin.com/company/ooo-sales-doctor-solutions/" target="_blank"> <i class="fab fa-lg fa-linkedin"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--footer bottom end-->
</footer>
<!--footer section end-->
</div> <!-- main wrapper.//end -->
<!--build:js-->
<script src="assets/js/vendors/jquery-3.6.0.min.js"></script>
<script src="assets/js/vendors/bootstrap.bundle.min.js"></script>
<script src="assets/js/app.js"></script>
<!--endbuild-->
</body>
</html>