main.php
См. документацию.
1
<?php
2
3
/**
4
* @file
5
* @brief страница
6
*/
7
8
?>
9
<!-- Hero Section Begin -->
10
<section
class
=
"hero spad set-bg"
data-setbg=
"img/hero-bg.jpg"
>
11
<div
class
=
"container"
>
12
<div
class
=
"row"
>
13
<div
class
=
"col-lg-6"
>
14
<div
class
=
"hero__text"
>
15
<span>Eiusmod tempor incididunt </span>
16
<h2>Take the world
's best quality Treadment</h2>
17
<a href="#" class="primary-btn normal-btn">Contact us</a>
18
</div>
19
</div>
20
</div>
21
</div>
22
</section>
23
<!-- Hero Section End -->
24
25
<!-- Consultation Section Begin -->
26
<section class="consultation">
27
<div class="container">
28
<div class="row">
29
<div class="col-lg-4">
30
<div class="consultation__form">
31
<div class="section-title">
32
<span>REQUEST FOR YOUR</span>
33
<h2>Consultation</h2>
34
</div>
35
<form action="#">
36
<input type="text" placeholder="Name">
37
<input type="text" placeholder="Email">
38
<div class="datepicker__item">
39
<input type="text" placeholder="Date" class="datepicker">
40
<i class="fa fa-calendar"></i>
41
</div>
42
<select>
43
<option value="">Type of service</option>
44
<option value="">Advanced equipment</option>
45
<option value="">Qualified doctors</option>
46
<option value="">Certified services</option>
47
<option value="">Emergency care</option>
48
</select>
49
<button type="submit" class="site-btn">Book appoitment</button>
50
</form>
51
</div>
52
</div>
53
<div class="col-lg-8">
54
<div class="consultation__text">
55
<div class="row">
56
<div class="col-lg-6 col-md-6">
57
<div class="consultation__text__item">
58
<div class="section-title">
59
<span>Welcon to Aesthetic</span>
60
<h2>Find Best Doctors With <b>AESTHETIC</b></h2>
61
</div>
62
<p>30 Years of experience in Cosmetic Surgery.Lorem ipsum dolor sit amet,
63
consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
64
dolore magna aliqua.</p>
65
</div>
66
</div>
67
<div class="col-lg-6 col-md-6">
68
<div class="consultation__video set-bg" data-setbg="img/consultation-video.jpg">
69
<a href="https://www.youtube.com/watch?v=PXsuI67s2AA" class="play-btn video-popup"><i class="fa fa-play"></i></a>
70
</div>
71
</div>
72
</div>
73
</div>
74
</div>
75
</div>
76
</div>
77
</section>
78
<!-- Consultation Section End -->
79
80
<!-- Chooseus Section Begin -->
81
<section class="chooseus spad">
82
<div class="container">
83
<div class="row">
84
<div class="col-lg-12 text-center">
85
<div class="section-title">
86
<span>Why choose us?</span>
87
<h2>Offer for you</h2>
88
</div>
89
</div>
90
</div>
91
<div class="row">
92
<div class="col-lg-3 col-md-6 col-sm-6">
93
<div class="chooseus__item">
94
<img src="img/icons/ci-1.png" alt="">
95
<h5>Advanced equipment</h5>
96
<p>Lorem ipsum amet, consectetur adipiscing elit, sed do eiusmod tempor cididunt facilisis.</p>
97
</div>
98
</div>
99
<div class="col-lg-3 col-md-6 col-sm-6">
100
<div class="chooseus__item">
101
<img src="img/icons/ci-2.png" alt="">
102
<h5>Qualified doctors</h5>
103
<p>Lorem ipsum amet, consectetur adipiscing elit, sed do eiusmod tempor cididunt facilisis.</p>
104
</div>
105
</div>
106
<div class="col-lg-3 col-md-6 col-sm-6">
107
<div class="chooseus__item">
108
<img src="img/icons/ci-3.png" alt="">
109
<h5>Certified services</h5>
110
<p>Lorem ipsum amet, consectetur adipiscing elit, sed do eiusmod tempor cididunt facilisis.</p>
111
</div>
112
</div>
113
<div class="col-lg-3 col-md-6 col-sm-6">
114
<div class="chooseus__item">
115
<img src="img/icons/ci-4.png" alt="">
116
<h5>Emergency care</h5>
117
<p>Lorem ipsum amet, consectetur adipiscing elit, sed do eiusmod tempor cididunt facilisis.</p>
118
</div>
119
</div>
120
</div>
121
</div>
122
</section>
123
<!-- Chooseus Section End -->
124
125
<!-- Services Section Begin -->
126
<section class="services spad set-bg" data-setbg="img/services-bg.jpg">
127
<div class="container">
128
<div class="row">
129
<div class="col-lg-8 col-md-8 col-sm-6">
130
<div class="section-title">
131
<span>Our services</span>
132
<h2>Offer for you</h2>
133
</div>
134
</div>
135
<div class="col-lg-4 col-md-4 col-sm-6">
136
<div class="services__btn">
137
<a href="#" class="primary-btn">Contact us</a>
138
</div>
139
</div>
140
</div>
141
<div class="row">
142
<div class="col-lg-6 col-md-6">
143
<div class="services__item">
144
<div class="services__item__icon">
145
<span class="flaticon-044-aesthetic"></span>
146
</div>
147
<div class="services__item__text">
148
<h5>Body procedures</h5>
149
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor aliqua.
150
</p>
151
</div>
152
</div>
153
</div>
154
<div class="col-lg-6 col-md-6">
155
<div class="services__item">
156
<div class="services__item__icon">
157
<span class="flaticon-027-beauty"></span>
158
</div>
159
<div class="services__item__text">
160
<h5>Facial Procedures</h5>
161
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor aliqua.
162
</p>
163
</div>
164
</div>
165
</div>
166
<div class="col-lg-6 col-md-6">
167
<div class="services__item">
168
<div class="services__item__icon">
169
<span class="flaticon-031-anatomy"></span>
170
</div>
171
<div class="services__item__text">
172
<h5>Breast procedures</h5>
173
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor aliqua.
174
</p>
175
</div>
176
</div>
177
</div>
178
<div class="col-lg-6 col-md-6">
179
<div class="services__item">
180
<div class="services__item__icon">
181
<span class="flaticon-008-abdominoplasty"></span>
182
</div>
183
<div class="services__item__text">
184
<h5>Skin care & Beauty</h5>
185
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor aliqua.
186
</p>
187
</div>
188
</div>
189
</div>
190
</div>
191
</div>
192
</section>
193
<!-- Services Section End -->
194
195
<!-- Team Section Begin -->
196
<section class="team spad">
197
<div class="container">
198
<div class="row">
199
<div class="col-lg-12 text-center">
200
<div class="section-title">
201
<span>Our Team</span>
202
<h2>Our Expert Doctors</h2>
203
</div>
204
</div>
205
</div>
206
<div class="row">
207
<div class="col-lg-4 col-md-6 col-sm-6">
208
<div class="team__item">
209
<img src="img/team/team-1.jpg" alt="">
210
<h5>Caroline Grant</h5>
211
<span>Plastic surgeon</span>
212
<div class="team__item__social">
213
<a href="#"><i class="fa fa-facebook"></i></a>
214
<a href="#"><i class="fa fa-twitter"></i></a>
215
<a href="#"><i class="fa fa-instagram"></i></a>
216
<a href="#"><i class="fa fa-dribbble"></i></a>
217
</div>
218
</div>
219
</div>
220
<div class="col-lg-4 col-md-6 col-sm-6">
221
<div class="team__item">
222
<img src="img/team/team-2.jpg" alt="">
223
<h5>Dr. Maria Angel</h5>
224
<span>Plastic surgeon</span>
225
<div class="team__item__social">
226
<a href="#"><i class="fa fa-facebook"></i></a>
227
<a href="#"><i class="fa fa-twitter"></i></a>
228
<a href="#"><i class="fa fa-instagram"></i></a>
229
<a href="#"><i class="fa fa-dribbble"></i></a>
230
</div>
231
</div>
232
</div>
233
<div class="col-lg-4 col-md-6 col-sm-6">
234
<div class="team__item">
235
<img src="img/team/team-3.jpg" alt="">
236
<h5>Nathan Mullins</h5>
237
<span>Plastic surgeon</span>
238
<div class="team__item__social">
239
<a href="#"><i class="fa fa-facebook"></i></a>
240
<a href="#"><i class="fa fa-twitter"></i></a>
241
<a href="#"><i class="fa fa-instagram"></i></a>
242
<a href="#"><i class="fa fa-dribbble"></i></a>
243
</div>
244
</div>
245
</div>
246
</div>
247
</div>
248
</section>
249
<!-- Team Section End -->
250
251
<!-- Gallery Begin -->
252
<div class="gallery">
253
<div class="gallery__container">
254
<div class="grid-sizer"></div>
255
<div class="gc__item set-bg" data-setbg="img/gallery/gallery-1.jpg">
256
<a href="img/gallery/gallery-1.jpg" class="image-popup"><i class="fa fa-search-plus"></i></a>
257
</div>
258
<div class="gc__item set-bg" data-setbg="img/gallery/gallery-2.jpg">
259
<a href="img/gallery/gallery-2.jpg" class="image-popup"><i class="fa fa-search-plus"></i></a>
260
</div>
261
<div class="gc__item set-bg" data-setbg="img/gallery/gallery-3.jpg">
262
<a href="img/gallery/gallery-3.jpg" class="image-popup"><i class="fa fa-search-plus"></i></a>
263
</div>
264
<div class="gc__item gc__item__large set-bg" data-setbg="img/gallery/gallery-4.jpg">
265
<a href="img/gallery/gallery-4.jpg" class="image-popup"><i class="fa fa-search-plus"></i></a>
266
</div>
267
<div class="gc__item set-bg" data-setbg="img/gallery/gallery-5.jpg">
268
<a href="img/gallery/gallery-5.jpg" class="image-popup"><i class="fa fa-search-plus"></i></a>
269
</div>
270
<div class="gc__item set-bg" data-setbg="img/gallery/gallery-6.jpg">
271
<a href="img/gallery/gallery-6.jpg" class="image-popup"><i class="fa fa-search-plus"></i></a>
272
</div>
273
<div class="gc__item set-bg" data-setbg="img/gallery/gallery-7.jpg">
274
<a href="img/gallery/gallery-7.jpg" class="image-popup"><i class="fa fa-search-plus"></i></a>
275
</div>
276
</div>
277
</div>
278
<!-- Gallery End -->
279
280
<!-- Latest News Begin -->
281
<section class="latest spad">
282
<div class="container">
283
<div class="row">
284
<div class="col-lg-8 col-md-8 col-sm-6">
285
<div class="section-title">
286
<span>Our News</span>
287
<h2>Skin care tips</h2>
288
</div>
289
</div>
290
<div class="col-lg-4 col-md-4 col-sm-6">
291
<div class="latest__btn">
292
<a href="#" class="primary-btn">View all news</a>
293
</div>
294
</div>
295
</div>
296
<div class="row">
297
<div class="col-lg-4 col-md-6 col-sm-6">
298
<div class="latest__item">
299
<h5><a href="#">Here’s how you can get a natural glow this party season</a></h5>
300
<p>Lorem ipsum, consectetur adipiscing elit, sed do eiusmod tempor.</p>
301
<ul>
302
<li><img src="img/blog/blog-author.jpg" alt=""> John Doe</li>
303
<li>Dec 06, 2019</li>
304
</ul>
305
</div>
306
</div>
307
<div class="col-lg-4 col-md-6 col-sm-6">
308
<div class="latest__item">
309
<h5><a href="#">Get better skin with these top 10 tips for skin care</a></h5>
310
<p>Lorem ipsum, consectetur adipiscing elit, sed do eiusmod tempor.</p>
311
<ul>
312
<li><img src="img/blog/blog-author.jpg" alt=""> John Doe</li>
313
<li>Dec 06, 2019</li>
314
</ul>
315
</div>
316
</div>
317
<div class="col-lg-4 col-md-6 col-sm-6">
318
<div class="latest__item">
319
<h5><a href="#">8 Ways to Save Your Skin if You Exercise Outside This Winter</a></h5>
320
<p>Lorem ipsum, consectetur adipiscing elit, sed do eiusmod tempor.</p>
321
<ul>
322
<li><img src="img/blog/blog-author.jpg" alt=""> John Doe</li>
323
<li>Dec 06, 2019</li>
324
</ul>
325
</div>
326
</div>
327
</div>
328
</div>
329
</section>
330
<!-- Latest News End -->