main.php
См. документацию.
1 <?php
2 
3 /**
4  * @file
5  * @brief страница
6  */
7 
8 ?>
9 <div class="page-body-wrapper">
10  <section id="home" class="home">
11  <div class="container">
12  <div class="row">
13  <div class="col-sm-12">
14  <div class="main-banner">
15  <div class="d-sm-flex justify-content-between">
16  <div data-aos="zoom-in-up">
17  <div class="banner-title">
18  <h3 class="font-weight-medium">We Help Power
19  Millions Of Businesses
20  in 100+ Countries
21  </h3>
22  </div>
23  <p class="mt-3">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
24 
25  <br>
26  Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
27  </p>
28  <a href="#" class="btn btn-secondary mt-3">Learn more</a>
29  </div>
30  <div class="mt-5 mt-lg-0">
31  <img src="images/group.png" alt="marsmello" class="img-fluid" data-aos="zoom-in-up">
32  </div>
33  </div>
34  </div>
35  </div>
36  </div>
37  </div>
38  </section>
39  <section class="our-services" id="services">
40  <div class="container">
41  <div class="row">
42  <div class="col-sm-12">
43  <h5 class="text-dark">We’re offering</h5>
44  <h3 class="font-weight-medium text-dark mb-5">Creative Digital Agency</h3>
45  </div>
46  </div>
47  <div class="row" data-aos="fade-up">
48  <div class="col-sm-4 text-center text-lg-left">
49  <div class="services-box" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
50  <img src="images/integrated-marketing.svg" alt="integrated-marketing" data-aos="zoom-in">
51  <h6 class="text-dark mb-3 mt-4 font-weight-medium">Integrated
52  Marketing
53  </h6>
54  <p>Lorem ipsum dolor sit amet,
55  pretium pretium tempor.Lorem ipsum
56  </p>
57  </div>
58  </div>
59  <div class="col-sm-4 text-center text-lg-left">
60  <div class="services-box" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
61  <img src="images/design-development.svg" alt="design-development" data-aos="zoom-in">
62  <h6 class="text-dark mb-3 mt-4 font-weight-medium">Design &
63  Development
64  </h6>
65  <p>Lorem ipsum dolor sit amet,
66  pretium pretium tempor.Lorem ipsum
67  </p>
68  </div>
69  </div>
70  <div class="col-sm-4 text-center text-lg-left">
71  <div class="services-box" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
72  <img src="images/digital-strategy.svg" alt="digital-strategy" data-aos="zoom-in">
73  <h6 class="text-dark mb-3 mt-4 font-weight-medium">Digital
74  Strategy
75  </h6>
76  <p>Lorem ipsum dolor sit amet,
77  pretium pretium tempor.Lorem ipsum
78  </p>
79  </div>
80  </div>
81  </div>
82  <div class="row" data-aos="fade-up">
83  <div class="col-sm-4 text-center text-lg-left">
84  <div class="services-box pb-lg-0" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
85  <img src="images/digital-marketing.svg" alt="digital-marketing" data-aos="zoom-in">
86  <h6 class="text-dark mb-3 mt-4 font-weight-medium">Digital
87  Marketing
88  </h6>
89  <p>Lorem ipsum dolor sit amet,
90  pretium pretium tempor.Lorem ipsum
91  </p>
92  </div>
93  </div>
94  <div class="col-sm-4 text-center text-lg-left">
95  <div class="services-box pb-lg-0" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
96  <img src="images/growth-strategy.svg" alt="growth-strategy" data-aos="zoom-in">
97  <h6 class="text-dark mb-3 mt-4 font-weight-medium">Growth
98  Strategy
99  </h6>
100  <p>Lorem ipsum dolor sit amet,
101  pretium pretium tempor.Lorem ipsum
102  </p>
103  </div>
104  </div>
105  <div class="col-sm-4 text-center text-lg-left">
106  <div class="services-box pb-0" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
107  <img src="images/saving-strategy.svg" alt="saving-strategy" data-aos="zoom-in">
108  <h6 class="text-dark mb-3 mt-4 font-weight-medium">Saving
109  Strategy
110  </h6>
111  <p>Lorem ipsum dolor sit amet,
112  pretium pretium tempor.Lorem ipsum
113  </p>
114  </div>
115  </div>
116  </div>
117  </div>
118  </section>
119  <section class="our-process" id="about">
120  <div class="container">
121  <div class="row">
122  <div class="col-sm-6" data-aos="fade-up">
123  <h5 class="text-dark">Our work process</h5>
124  <h3 class="font-weight-medium text-dark">Discover New Idea With Us!</h3>
125  <h5 class="text-dark mb-3">Imagination will take us everywhere</h5>
126  <p class="font-weight-medium mb-4">Lorem ipsum dolor sit amet, <br>
127  pretium pretium tempor.Lorem ipsum dolor sit amet, consectetur
128  </p>
129  <div class="d-flex justify-content-start mb-3">
130  <img src="images/tick.png" alt="tick" class="mr-3 tick-icon">
131  <p class="mb-0">Lorem ipsum dolor sit amet, pretium pretium</p>
132  </div>
133  <div class="d-flex justify-content-start mb-3">
134  <img src="images/tick.png" alt="tick" class="mr-3 tick-icon">
135  <p class="mb-0">Lorem ipsum dolor sit amet, pretium pretium</p>
136  </div>
137  <div class="d-flex justify-content-start">
138  <img src="images/tick.png" alt="tick" class="mr-3 tick-icon">
139  <p class="mb-0">Lorem ipsum dolor sit amet, pretium pretium</p>
140  </div>
141  </div>
142  <div class="col-sm-6 text-right" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
143  <img src="images/idea.png" alt="idea" class="img-fluid">
144  </div>
145  </div>
146  </div>
147  </section>
148  <section class="our-projects" id="projects">
149  <div class="container">
150  <div class="row mb-5">
151  <div class="col-sm-12">
152  <div class="d-sm-flex justify-content-between align-items-center mb-2">
153  <h3 class="font-weight-medium text-dark ">Let's See Our Latest Project</h3>
154  <div><a href="#" class="btn btn-outline-primary">View more</a></div>
155  </div>
156  </div>
157  </div>
158  </div>
159  <div class="mb-5" data-aos="fade-up">
160  <div class="owl-carousel-projects owl-carousel owl-theme">
161  <div class="item">
162  <img src="images/carousel/slider1.jpg" alt="slider">
163  </div>
164  <div class="item">
165  <img src="images/carousel/slider2.jpg" alt="slider">
166  </div>
167  <div class="item">
168  <img src="images/carousel/slider3.jpg" alt="slider">
169  </div>
170  <div class="item">
171  <img src="images/carousel/slider4.jpg" alt="slider">
172  </div>
173  <div class="item">
174  <img src="images/carousel/slider5.jpg" alt="slider">
175  </div>
176  <div class="item">
177  <img src="images/carousel/slider1.jpg" alt="slider">
178  </div>
179  <div class="item">
180  <img src="images/carousel/slider2.jpg" alt="slider">
181  </div>
182  <div class="item">
183  <img src="images/carousel/slider3.jpg" alt="slider">
184  </div>
185  <div class="item">
186  <img src="images/carousel/slider4.jpg" alt="slider">
187  </div>
188  <div class="item">
189  <img src="images/carousel/slider5.jpg" alt="slider">
190  </div>
191  <div class="item">
192  <img src="images/carousel/slider1.jpg" alt="slider">
193  </div>
194  <div class="item">
195  <img src="images/carousel/slider2.jpg" alt="slider">
196  </div>
197  <div class="item">
198  <img src="images/carousel/slider3.jpg" alt="slider">
199  </div>
200  <div class="item">
201  <img src="images/carousel/slider4.jpg" alt="slider">
202  </div>
203  <div class="item">
204  <img src="images/carousel/slider5.jpg" alt="slider">
205  </div>
206  </div>
207  </div>
208  <div class="container">
209  <div class="row pt-5 mt-5 pb-5 mb-5">
210  <div class="col-sm-3">
211  <div class="d-flex py-3 my-3 my-lg-0 justify-content-center" data-aos="fade-down">
212  <img src="images/satisfied-client.svg" alt="satisfied-client" class="mr-3">
213  <div>
214  <h4 class="font-weight-bold text-dark mb-0"><span class="scVal">0</span>%</h4>
215  <h5 class="text-dark mb-0">Satisfied clients</h5>
216  </div>
217  </div>
218  </div>
219  <div class="col-sm-3">
220  <div class="d-flex py-3 my-3 my-lg-0 justify-content-center" data-aos="fade-up">
221  <img src="images/finished-project.svg" alt="satisfied-client" class="mr-3">
222  <div>
223  <h4 class="font-weight-bold text-dark mb-0"><span class="fpVal">0</span></h4>
224  <h5 class="text-dark mb-0">Finished Project</h5>
225  </div>
226  </div>
227  </div>
228  <div class="col-sm-3">
229  <div class="d-flex py-3 my-3 my-lg-0 justify-content-center" data-aos="fade-down">
230  <img src="images/team-members.svg" alt="Team Members" class="mr-3">
231  <div>
232  <h4 class="font-weight-bold text-dark mb-0"><span class="tMVal">0</span></h4>
233  <h5 class="text-dark mb-0">Team Members</h5>
234  </div>
235  </div>
236  </div>
237  <div class="col-sm-3">
238  <div class="d-flex py-3 my-3 my-lg-0 justify-content-center" data-aos="fade-up">
239  <img src="images/our-blog-posts.svg" alt="Our Blog Posts" class="mr-3">
240  <div>
241  <h4 class="font-weight-bold text-dark mb-0"><span class="bPVal">0</span></h4>
242  <h5 class="text-dark mb-0">Our Blog Posts</h5>
243  </div>
244  </div>
245  </div>
246  </div>
247  </div>
248  </section>
249  <section class="testimonial" id="testimonial">
250  <div class="container">
251  <div class="row mt-md-0 mt-lg-4">
252  <div class="col-sm-6 text-white" data-aos="fade-up">
253  <p class="font-weight-bold mb-3">Testimonials</p>
254  <h3 class="font-weight-medium">Our customers are our <br>biggest fans</h3>
255  <ul class="flipster-custom-nav">
256  <li class="flipster-custom-nav-item">
257  <a href="javascript:;" class="flipster-custom-nav-link" title="0"></a>
258  </li>
259  <li class="flipster-custom-nav-item">
260  <a href="javascript:;" class="flipster-custom-nav-link" title="1"></a>
261  </li>
262  <li class="flipster-custom-nav-item">
263  <a href="javascript:;" class="flipster-custom-nav-link active" title="2"></a>
264  </li>
265  <li class="flipster-custom-nav-item">
266  <a href="javascript:;" class="flipster-custom-nav-link" title="3"></a>
267  </li>
268  </ul>
269  </div>
270  <div class="col-sm-6" data-aos="fade-up">
271  <div id="testimonial-flipster">
272  <ul>
273  <li>
274  <div class="testimonial-item">
275  <img src="images/testimonial/testimonial1.jpg" alt="icon" class="testimonial-icons">
276  <p>Lorem ipsum dolor sit amet, consectetur
277  pretium pretium tempor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pretium
278  </p>
279  <h6 class="testimonial-author">Mark Spenser</h6>
280  <p class="testimonial-destination">Accounts</p>
281  </div>
282  </li>
283  <li>
284  <div class="testimonial-item">
285  <img src="images/testimonial/testimonial2.jpg" alt="icon" class="testimonial-icons">
286  <p>Lorem ipsum dolor sit amet, consectetur
287  pretium pretium tempor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pretium
288  </p>
289  <h6 class="testimonial-author">Tua Manuera</h6>
290  <p class="testimonial-destination">Director,Dj market</p>
291  </div>
292  </li>
293  <li>
294  <div class="testimonial-item">
295  <img src="images/testimonial/testimonial3.jpg" alt="icon" class="testimonial-icons">
296  <p>Lorem ipsum dolor sit amet, consectetur
297  pretium pretium tempor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pretium
298  </p>
299  <h6 class="testimonial-author">Sarah Philip</h6>
300  <p class="testimonial-destination">Chief Accountant</p>
301  </div>
302  </li>
303  <li>
304  <div class="testimonial-item">
305  <img src="images/testimonial/testimonial4.jpg" alt="icon" class="testimonial-icons">
306  <p>Lorem ipsum dolor sit amet, consectetur
307  pretium pretium tempor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pretium
308  </p>
309  <h6 class="testimonial-author">Mark Spenser</h6>
310  <p class="testimonial-destination">Director,Dj market</p>
311  </div>
312  </li>
313  </ul>
314  </div>
315  </div>
316  </div>
317  </div>
318  </section>
319  <section class="clients pt-5 mt-5" data-aos="fade-up" data-aos-offset="-400">
320  <div class="container">
321  <div class="row">
322  <div class="col-sm-12">
323  <div class="d-sm-flex justify-content-between align-items-center">
324  <img src="images/deloit.svg" alt="deloit" class="p-2 p-lg-0" data-aos="fade-down" data-aos-offset="-400">
325  <img src="images/erricson.svg" alt="erricson" class="p-2 p-lg-0" data-aos="fade-up" data-aos-offset="-400">
326  <img src="images/netflix.svg" alt="netflix" class="p-2 p-lg-0" data-aos="fade-down" data-aos-offset="-400">
327  <img src="images/instagram.svg" alt="instagram" class="p-2 p-lg-0" data-aos="fade-up" data-aos-offset="-400">
328  <img src="images/coinbase.svg" alt="coinbase" class="p-2 p-lg-0" data-aos="fade-down" data-aos-offset="-400">
329  </div>
330  </div>
331  </div>
332  </div>
333  </section>
334  <section class="pricing-list" id="plans">
335  <div class="container">
336  <div class="row" data-aos="fade-up" data-aos-offset="-500">
337  <div class="col-sm-12">
338  <div class="d-sm-flex justify-content-between align-items-center mb-2">
339  <div>
340  <h3 class="font-weight-medium text-dark ">Checkout Pricing Plan</h3>
341  <h5 class="text-dark ">Lorem ipsum dolor sit amet, consectetur pretium pretium tempor. Lorem ipsum dolor </h5>
342  </div>
343  <div class="mb-5 mb-lg-0 mt-3 mt-lg-0">
344  <div class="d-flex align-items-center">
345  <p class="mr-2 font-weight-medium monthly text-active check-box-label">Monthly</p>
346  <label class="toggle-switch toggle-switch">
347  <input type="checkbox" checked id="toggle-switch">
348  <span class="toggle-slider round"></span>
349  </label>
350  <p class="ml-2 font-weight-medium yearly check-box-label">Yearly</p>
351  </div>
352  </div>
353  </div>
354  </div>
355  </div>
356  <div class="row" data-aos="fade-up" data-aos-offset="-300">
357  <div class="col-sm-4">
358  <div class="pricing-box">
359  <img src="images/starter.svg" alt="starter">
360  <h6 class="font-weight-medium title-text">Starter Business</h6>
361  <h1 class="text-amount mb-4 mt-2">$23</h1>
362  <ul class="pricing-list">
363  <li>Create a free website</li>
364  <li>Connect Domain</li>
365  <li>Business and ecommerce</li>
366  <li>Idea for smaller professional websites</li>
367  <li>Web space</li>
368  </ul>
369  <a href="#" class="btn btn-outline-primary">Puchase Now</a>
370  </div>
371  </div>
372  <div class="col-sm-4">
373  <div class="pricing-box selected">
374  <img src="images/proffessional.svg" alt="starter">
375  <h6 class="font-weight-medium title-text">Professional</h6>
376  <h1 class="text-amount mb-4 mt-2">$45</h1>
377  <ul class="pricing-list">
378  <li>Create a free website</li>
379  <li>Connect Domain</li>
380  <li>Business and ecommerce</li>
381  <li>Idea for smaller professional websites</li>
382  <li>Web space</li>
383  </ul>
384  <a href="#" class="btn btn-primary">Puchase Now</a>
385  </div>
386  </div>
387  <div class="col-sm-4">
388  <div class="pricing-box">
389  <img src="images/premium.svg" alt="starter">
390  <h6 class="font-weight-medium title-text">Premium</h6>
391  <h1 class="text-amount mb-4 mt-2">$87</h1>
392  <ul class="pricing-list">
393  <li>Create a free website</li>
394  <li>Connect Domain</li>
395  <li>Business and ecommerce</li>
396  <li>Idea for smaller professional websites</li>
397  <li>Web space</li>
398  </ul>
399  <a href="#" class="btn btn-outline-primary">Puchase Now</a>
400  </div>
401  </div>
402  </div>
403  </div>
404  </section>
405  <section class="contactus" id="contact">
406  <div class="container">
407  <div class="row mb-5 pb-5">
408  <div class="col-sm-5" data-aos="fade-up" data-aos-offset="-500">
409  <img src="images/contact.jpg" alt="contact" class="img-fluid">
410  </div>
411  <div class="col-sm-7" data-aos="fade-up" data-aos-offset="-500">
412  <h3 class="font-weight-medium text-dark mt-5 mt-lg-0">Got A Problem</h3>
413  <h5 class="text-dark mb-5">Lorem ipsum dolor sit amet, consectetur pretium</h5>
414  <form>
415  <div class="row">
416  <div class="col-sm-6">
417  <div class="form-group">
418  <input type="text" class="form-control" id="name" placeholder="Name*">
419  </div>
420  </div>
421  <div class="col-sm-6">
422  <div class="form-group">
423  <input type="email" class="form-control" id="mail" placeholder="Email*">
424  </div>
425  </div>
426  <div class="col-sm-12">
427  <div class="form-group">
428  <textarea name="message" id="message" class="form-control" placeholder="Message*" rows="5"></textarea>
429  </div>
430  </div>
431  <div class="col-sm-12">
432  <a href="#" class="btn btn-secondary">SEND</a>
433  </div>
434  </div>
435  </form>
436  </div>
437  </div>
438  </div>
439  </section>
440 </div>
checked
this dataset checked
Definition: filter.php:53
href
href
Definition: main.php:21