services.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>Our Services</h2>
16  <div class="breadcrumb__links">
17  <a href="./index">Home</a>
18  <span>Services</span>
19  </div>
20  </div>
21  </div>
22  </div>
23  </div>
24 </section>
25 <!-- Breadcrumb Section End -->
26 
27 <!-- Services Section Begin -->
28 <section class="services-page spad">
29  <div class="container">
30  <div class="row">
31  <div class="col-lg-8 order-lg-2">
32  <div class="services__details">
33  <div class="row">
34  <div class="col-lg-6 col-md-6 col-sm-6">
35  <div class="services__details__title">
36  <span>Facial procedures</span>
37  <h3>Min Facelift</h3>
38  </div>
39  </div>
40  <div class="col-lg-6 col-md-6 col-sm-6">
41  <div class="services__details__widget">
42  <div class="rating">
43  <i class="fa fa-star"></i>
44  <i class="fa fa-star"></i>
45  <i class="fa fa-star"></i>
46  <i class="fa fa-star"></i>
47  <i class="fa fa-star"></i>
48  </div>
49  <h3>$ 159.50</h3>
50  </div>
51  </div>
52  </div>
53  <div class="services__details__pic">
54  <img src="img/services/services-details.jpg" alt="">
55  </div>
56  <div class="services__details__text">
57  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
58  ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo
59  viverra maecenas accumsan lacus vel facilisis magnam aliquid. Cupiditate!</p>
60  <p>Aut ipsam consequuntur non rem tenetur dolore consequatur ducimus a labore excepturi quae
61  nisi, quisquam, maxime voluptates magnam aliquid.</p>
62  </div>
63  <div class="row">
64  <div class="col-sm-4">
65  <div class="services__details__item__pic">
66  <img src="img/services/sd-1.jpg" alt="">
67  </div>
68  </div>
69  <div class="col-sm-4">
70  <div class="services__details__item__pic">
71  <img src="img/services/sd-2.jpg" alt="">
72  </div>
73  </div>
74  <div class="col-sm-4">
75  <div class="services__details__item__pic">
76  <img src="img/services/sd-3.jpg" alt="">
77  </div>
78  </div>
79  </div>
80  <div class="services__details__desc">
81  <p>Atque eum alias debitis suscipit, sint dignissimos minus quisquam recusandae nostrum quas
82  eligendi odit, fugiat eius rem. Lorem ipsum dolor sit amet consectetur adipisicing elit.
83  </p>
84  <div class="row">
85  <div class="col-lg-6 col-md-6 col-sm-6">
86  <ul class="services__details__feature">
87  <li><i class="fa fa-check-circle"></i> Routine and medical care</li>
88  <li><i class="fa fa-check-circle"></i> Excellence in Healthcare every</li>
89  <li><i class="fa fa-check-circle"></i> Building a healthy environment</li>
90  <li><i class="fa fa-check-circle"></i> cumsan lacus vel facilisis.</li>
91  </ul>
92  </div>
93  <div class="col-lg-6 col-md-6 col-sm-6">
94  <ul class="services__details__feature">
95  <li><i class="fa fa-check-circle"></i> Routine and medical care</li>
96  <li><i class="fa fa-check-circle"></i> Excellence in Healthcare every</li>
97  <li><i class="fa fa-check-circle"></i> Building a healthy environment</li>
98  <li><i class="fa fa-check-circle"></i> cumsan lacus vel facilisis.</li>
99  </ul>
100  </div>
101  </div>
102  <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Atque eum alias debitis
103  suscipit, sint dignissimos minus quisquam recusandae nostrum quas eligendi odit, fugiat
104  eius rem. Cumque, labore placeat! Velit, vitae. Lorem ipsum dolor sit amet consectetur
105  adipisicing elit.</p>
106  </div>
107  </div>
108  </div>
109  <div class="col-lg-4 order-lg-1">
110  <div class="services__sidebar">
111  <div class="services__accordion">
112  <div class="services__title">
113  <h4><img src="img/icons/services-icon.png" alt=""> All services</h4>
114  </div>
115  <div class="accordion" id="accordionExample">
116  <div class="card">
117  <div class="card-heading active">
118  <a data-toggle="collapse" data-target="#collapseOne">
119  Facial Procedures
120  </a>
121  </div>
122  <div id="collapseOne" class="collapse show" data-parent="#accordionExample">
123  <div class="card-body">
124  <ul>
125  <li><a href="#">Facelift</a></li>
126  <li><a href="#">Mini facelift</a></li>
127  <li><a href="#">Eyelid lift</a></li>
128  <li><a href="#">Brow lift</a></li>
129  <li><a href="#">Rhinoplasty</a></li>
130  <li><a href="#">Chin implants</a></li>
131  <li><a href="#">Facial fillers</a></li>
132  </ul>
133  </div>
134  </div>
135  </div>
136  <div class="card">
137  <div class="card-heading">
138  <a data-toggle="collapse" data-target="#collapseTwo">
139  Body Procedures
140  </a>
141  </div>
142  <div id="collapseTwo" class="collapse" data-parent="#accordionExample">
143  <div class="card-body">
144  <ul>
145  <li><a href="#">Facelift</a></li>
146  <li><a href="#">Mini facelift</a></li>
147  <li><a href="#">Eyelid lift</a></li>
148  <li><a href="#">Brow lift</a></li>
149  <li><a href="#">Rhinoplasty</a></li>
150  <li><a href="#">Chin implants</a></li>
151  <li><a href="#">Facial fillers</a></li>
152  </ul>
153  </div>
154  </div>
155  </div>
156  <div class="card">
157  <div class="card-heading">
158  <a data-toggle="collapse" data-target="#collapseThree">
159  Breast procedures
160  </a>
161  </div>
162  <div id="collapseThree" class="collapse" data-parent="#accordionExample">
163  <div class="card-body">
164  <ul>
165  <li><a href="#">Facelift</a></li>
166  <li><a href="#">Mini facelift</a></li>
167  <li><a href="#">Eyelid lift</a></li>
168  <li><a href="#">Brow lift</a></li>
169  <li><a href="#">Rhinoplasty</a></li>
170  <li><a href="#">Chin implants</a></li>
171  <li><a href="#">Facial fillers</a></li>
172  </ul>
173  </div>
174  </div>
175  </div>
176  <div class="card">
177  <div class="card-heading">
178  <a data-toggle="collapse" data-target="#collapseFour">
179  Buttocks
180  </a>
181  </div>
182  <div id="collapseFour" class="collapse" data-parent="#accordionExample">
183  <div class="card-body">
184  <ul>
185  <li><a href="#">Facelift</a></li>
186  <li><a href="#">Mini facelift</a></li>
187  <li><a href="#">Eyelid lift</a></li>
188  <li><a href="#">Brow lift</a></li>
189  <li><a href="#">Rhinoplasty</a></li>
190  <li><a href="#">Chin implants</a></li>
191  <li><a href="#">Facial fillers</a></li>
192  </ul>
193  </div>
194  </div>
195  </div>
196  <div class="card">
197  <div class="card-heading">
198  <a data-toggle="collapse" data-target="#collapseFive">
199  Skin care
200  </a>
201  </div>
202  <div id="collapseFive" class="collapse" data-parent="#accordionExample">
203  <div class="card-body">
204  <ul>
205  <li><a href="#">Facelift</a></li>
206  <li><a href="#">Mini facelift</a></li>
207  <li><a href="#">Eyelid lift</a></li>
208  <li><a href="#">Brow lift</a></li>
209  <li><a href="#">Rhinoplasty</a></li>
210  <li><a href="#">Chin implants</a></li>
211  <li><a href="#">Facial fillers</a></li>
212  </ul>
213  </div>
214  </div>
215  </div>
216  </div>
217  </div>
218  </div>
219  <div class="services__appoinment">
220  <div class="services__title">
221  <h4><img src="img/icons/services-icon.png" alt=""> Get an appointment</h4>
222  </div>
223  <form action="#">
224  <input type="text" placeholder="Name">
225  <input type="text" placeholder="Email">
226  <div class="datepicker__item">
227  <input type="text" placeholder="Date" class="datepicker">
228  <i class="fa fa-calendar"></i>
229  </div>
230  <select>
231  <option value="">Type of service</option>
232  <option value="">Advanced equipment</option>
233  <option value="">Qualified doctors</option>
234  <option value="">Certified services</option>
235  <option value="">Emergency care</option>
236  </select>
237  <button type="submit" class="site-btn">Book appoitment</button>
238  </form>
239  </div>
240  </div>
241  </div>
242  </div>
243 </section>
244 <!-- Services Section End -->
toggle
if(! $user->id) демо версия data toggle
Definition: comments.php:17
href
href
Definition: main.php:21