about.php
См. документацию.
1 <?php
2 
3 /**
4  * @file
5  * @brief страница
6  */
7 
8 ?>
9 <!-- Breadcrumb Section Begin -->
10 <section class="breadcrumb-option spad set-bg" data-setbg="img/breadcrumb-bg.jpg">
11  <div class="container">
12  <div class="row">
13  <div class="col-lg-12 text-center">
14  <div class="breadcrumb__text">
15  <h2>About Us</h2>
16  <div class="breadcrumb__links">
17  <a href="./index">Home</a>
18  <span>About</span>
19  </div>
20  </div>
21  </div>
22  </div>
23  </div>
24 </section>
25 <!-- Breadcrumb Section End -->
26 
27 <!-- About Section Begin -->
28 <section class="about spad">
29  <div class="container">
30  <div class="row">
31  <div class="col-lg-6 col-md-6">
32  <div class="about__video set-bg" data-setbg="img/about-video.jpg">
33  <a href="https://www.youtube.com/watch?v=PXsuI67s2AA" class="play-btn video-popup"><i class="fa fa-play"></i></a>
34  </div>
35  </div>
36  <div class="col-lg-6 col-md-6">
37  <div class="about__text">
38  <div class="section-title">
39  <span>ABOUT OUR CLINIC</span>
40  <h2>Welcom to the Aesthetic</h2>
41  </div>
42  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
43  labore et dolore magna aliqua.</p>
44  <ul>
45  <li><i class="fa fa-check-circle"></i> Routine and medical care</li>
46  <li><i class="fa fa-check-circle"></i> Excellence in Healthcare every</li>
47  <li><i class="fa fa-check-circle"></i> Building a healthy environment</li>
48  </ul>
49  <a href="#" class="primary-btn normal-btn">Contact us</a>
50  </div>
51  </div>
52  </div>
53  </div>
54 </section>
55 <!-- About Section End -->
56 
57 <!-- Chooseus Section Begin -->
58 <section class="chooseus spad">
59  <div class="container">
60  <div class="row">
61  <div class="col-lg-12 text-center">
62  <div class="section-title">
63  <span>Why choose us?</span>
64  <h2>Offer for you</h2>
65  </div>
66  </div>
67  </div>
68  <div class="row">
69  <div class="col-lg-3 col-md-6 col-sm-6">
70  <div class="chooseus__item">
71  <img src="img/icons/ci-1.png" alt="">
72  <h5>Advanced equipment</h5>
73  <p>Lorem ipsum amet, consectetur adipiscing elit, sed do eiusmod tempor cididunt facilisis.</p>
74  </div>
75  </div>
76  <div class="col-lg-3 col-md-6 col-sm-6">
77  <div class="chooseus__item">
78  <img src="img/icons/ci-2.png" alt="">
79  <h5>Qualified doctors</h5>
80  <p>Lorem ipsum amet, consectetur adipiscing elit, sed do eiusmod tempor cididunt facilisis.</p>
81  </div>
82  </div>
83  <div class="col-lg-3 col-md-6 col-sm-6">
84  <div class="chooseus__item">
85  <img src="img/icons/ci-3.png" alt="">
86  <h5>Certified services</h5>
87  <p>Lorem ipsum amet, consectetur adipiscing elit, sed do eiusmod tempor cididunt facilisis.</p>
88  </div>
89  </div>
90  <div class="col-lg-3 col-md-6 col-sm-6">
91  <div class="chooseus__item">
92  <img src="img/icons/ci-4.png" alt="">
93  <h5>Emergency care</h5>
94  <p>Lorem ipsum amet, consectetur adipiscing elit, sed do eiusmod tempor cididunt facilisis.</p>
95  </div>
96  </div>
97  </div>
98  </div>
99 </section>
100 <!-- Chooseus Section End -->
101 
102 <!-- Testimonials Section Begin -->
103 <section class="testimonials spad">
104  <div class="container">
105  <div class="row">
106  <div class="col-lg-12 text-center">
107  <div class="section-title">
108  <span>Testimonials</span>
109  <h2>Happy clients</h2>
110  </div>
111  </div>
112  </div>
113  <div class="row">
114  <div class="testimonial__slider owl-carousel">
115  <div class="col-lg-6">
116  <div class="testimonial__item">
117  <div class="testimonial__author">
118  <div class="testimonial__author__icon">
119  <i class="fa fa-quote-left"></i>
120  </div>
121  <div class="testimonial__author__text">
122  <h5>Catanis Greimar</h5>
123  <span>Businesswoman</span>
124  </div>
125  </div>
126  <div class="rating">
127  <i class="fa fa-star"></i>
128  <i class="fa fa-star"></i>
129  <i class="fa fa-star"></i>
130  <i class="fa fa-star"></i>
131  <i class="fa fa-star"></i>
132  </div>
133  <p>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus
134  vel facilisis ut labore et dolore magna aliqua accumsan lacus vel facilisis. </p>
135  </div>
136  </div>
137  <div class="col-lg-6">
138  <div class="testimonial__item">
139  <div class="testimonial__author">
140  <div class="testimonial__author__icon">
141  <i class="fa fa-quote-left"></i>
142  </div>
143  <div class="testimonial__author__text">
144  <h5>Catanis Greimar</h5>
145  <span>Businesswoman</span>
146  </div>
147  </div>
148  <div class="rating">
149  <i class="fa fa-star"></i>
150  <i class="fa fa-star"></i>
151  <i class="fa fa-star"></i>
152  <i class="fa fa-star"></i>
153  <i class="fa fa-star"></i>
154  </div>
155  <p>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus
156  vel facilisis ut labore et dolore magna aliqua accumsan lacus vel facilisis. </p>
157  </div>
158  </div>
159  <div class="col-lg-6">
160  <div class="testimonial__item">
161  <div class="testimonial__author">
162  <div class="testimonial__author__icon">
163  <i class="fa fa-quote-left"></i>
164  </div>
165  <div class="testimonial__author__text">
166  <h5>Catanis Greimar</h5>
167  <span>Businesswoman</span>
168  </div>
169  </div>
170  <div class="rating">
171  <i class="fa fa-star"></i>
172  <i class="fa fa-star"></i>
173  <i class="fa fa-star"></i>
174  <i class="fa fa-star"></i>
175  <i class="fa fa-star"></i>
176  </div>
177  <p>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus
178  vel facilisis ut labore et dolore magna aliqua accumsan lacus vel facilisis. </p>
179  </div>
180  </div>
181  <div class="col-lg-6">
182  <div class="testimonial__item">
183  <div class="testimonial__author">
184  <div class="testimonial__author__icon">
185  <i class="fa fa-quote-left"></i>
186  </div>
187  <div class="testimonial__author__text">
188  <h5>Catanis Greimar</h5>
189  <span>Businesswoman</span>
190  </div>
191  </div>
192  <div class="rating">
193  <i class="fa fa-star"></i>
194  <i class="fa fa-star"></i>
195  <i class="fa fa-star"></i>
196  <i class="fa fa-star"></i>
197  <i class="fa fa-star"></i>
198  </div>
199  <p>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus
200  vel facilisis ut labore et dolore magna aliqua accumsan lacus vel facilisis. </p>
201  </div>
202  </div>
203  <div class="col-lg-6">
204  <div class="testimonial__item">
205  <div class="testimonial__author">
206  <div class="testimonial__author__icon">
207  <i class="fa fa-quote-left"></i>
208  </div>
209  <div class="testimonial__author__text">
210  <h5>Catanis Greimar</h5>
211  <span>Businesswoman</span>
212  </div>
213  </div>
214  <div class="rating">
215  <i class="fa fa-star"></i>
216  <i class="fa fa-star"></i>
217  <i class="fa fa-star"></i>
218  <i class="fa fa-star"></i>
219  <i class="fa fa-star"></i>
220  </div>
221  <p>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus
222  vel facilisis ut labore et dolore magna aliqua accumsan lacus vel facilisis. </p>
223  </div>
224  </div>
225  <div class="col-lg-6">
226  <div class="testimonial__item">
227  <div class="testimonial__author">
228  <div class="testimonial__author__icon">
229  <i class="fa fa-quote-left"></i>
230  </div>
231  <div class="testimonial__author__text">
232  <h5>Catanis Greimar</h5>
233  <span>Businesswoman</span>
234  </div>
235  </div>
236  <div class="rating">
237  <i class="fa fa-star"></i>
238  <i class="fa fa-star"></i>
239  <i class="fa fa-star"></i>
240  <i class="fa fa-star"></i>
241  <i class="fa fa-star"></i>
242  </div>
243  <p>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus
244  vel facilisis ut labore et dolore magna aliqua accumsan lacus vel facilisis. </p>
245  </div>
246  </div>
247  </div>
248  </div>
249  </div>
250 </section>
251 <!-- Testimonials Section End -->
252 
253 <!-- Team Section Begin -->
254 <section class="team spad">
255  <div class="container">
256  <div class="row">
257  <div class="col-lg-12 text-center">
258  <div class="section-title">
259  <span>Our Team</span>
260  <h2>Our Expert Doctors</h2>
261  </div>
262  </div>
263  </div>
264  <div class="row">
265  <div class="col-lg-4 col-md-6 col-sm-6">
266  <div class="team__item">
267  <img src="img/team/team-1.jpg" alt="">
268  <h5>Caroline Grant</h5>
269  <span>Plastic surgeon</span>
270  <div class="team__item__social">
271  <a href="#"><i class="fa fa-facebook"></i></a>
272  <a href="#"><i class="fa fa-twitter"></i></a>
273  <a href="#"><i class="fa fa-instagram"></i></a>
274  <a href="#"><i class="fa fa-dribbble"></i></a>
275  </div>
276  </div>
277  </div>
278  <div class="col-lg-4 col-md-6 col-sm-6">
279  <div class="team__item">
280  <img src="img/team/team-2.jpg" alt="">
281  <h5>Dr. Maria Angel</h5>
282  <span>Plastic surgeon</span>
283  <div class="team__item__social">
284  <a href="#"><i class="fa fa-facebook"></i></a>
285  <a href="#"><i class="fa fa-twitter"></i></a>
286  <a href="#"><i class="fa fa-instagram"></i></a>
287  <a href="#"><i class="fa fa-dribbble"></i></a>
288  </div>
289  </div>
290  </div>
291  <div class="col-lg-4 col-md-6 col-sm-6">
292  <div class="team__item">
293  <img src="img/team/team-3.jpg" alt="">
294  <h5>Nathan Mullins</h5>
295  <span>Plastic surgeon</span>
296  <div class="team__item__social">
297  <a href="#"><i class="fa fa-facebook"></i></a>
298  <a href="#"><i class="fa fa-twitter"></i></a>
299  <a href="#"><i class="fa fa-instagram"></i></a>
300  <a href="#"><i class="fa fa-dribbble"></i></a>
301  </div>
302  </div>
303  </div>
304  </div>
305  </div>
306 </section>
307 <!-- Team Section End -->
href
href
Definition: main.php:21