PageSourceSearch

https://oneoptimumlifestyles.com/v2/

html oneoptimumlifestyles.com collected 2026-10-02 16:03:11 UTC 72,253 bytes, 1,364 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    
8    <title>One Opti Lifestyle International</title>
9    
10    <meta name="description" content="OneOpti Lifestyle International">
11    <meta name="keywords" content="Organic Products">
12    <meta name="author" content="">
13    
14
15    <link rel="shortcut icon" href="img/favicon.png">
16    <link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon-57x57.png">
17    <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
18    <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
19    
20
21    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" />
22    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" />
23    
24
25    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
26
27    <link href="css/animate.css" rel="stylesheet">
28    <link href="css/font-awesome/font-awesome.min.css" rel="stylesheet">
29    <link href="css/magnific-popup.css" rel="stylesheet" />
30    <link href="css/YTPlayer.css" rel="stylesheet" />
31    <link href="inc/owlcarousel/css/owl.carousel.min.css" rel="stylesheet" />
32    <link href="inc/owlcarousel/css/owl.theme.default.min.css" rel="stylesheet" />
33    <link href="inc/revolution/css/settings.css" rel="stylesheet" />
34    <link href="inc/revolution/css/layers.css" rel="stylesheet" />
35    <link href="inc/revolution/css/navigation.css" rel="stylesheet" />
36    
37    <link href="css/style.css" rel="stylesheet">
38    
39  </head>
40  <body class="homepage_slider" data-spy="scroll" data-target=".navbar-fixed-top" data-offset="100">
41    
42    
43   
44    <div id="preloader">
45        <div id="spinner"></div>
46    </div>
47  
48
49    
50    <!-- Start Navigation -->
51    <header class="nav-solid" id="home">
52
53        <nav class="navbar navbar-fixed-top">
54            <div class="navigation">
55                <div class="container-fluid">
56                    <div class="row">
57
58                        <div class="navbar-header">
59                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
60                                <span class="sr-only">Toggle navigation</span>
61                                <span class="icon-bar"></span>
62                                <span class="icon-bar"></span>
63                                <span class="icon-bar"></span>
64                            </button>
65
66                            <!-- Logo -->
67                            <div class="logo-container">
68                                <div class="logo-wrap local-scroll">
69                                  <a href="#home">
70                                    <img class="logo" src="img/logo.png" alt="logo" data-rjs="2">
71                                  </a>
72                                </div>
73                            </div>
74                        </div> <!-- end navbar-header -->
75
76                        <div class="col-md-8 col-xs-12 nav-wrap">
77                            <div class="collapse navbar-collapse" id="navbar-collapse">
78
79                                <ul class="nav navbar-nav navbar-right">
80                                    <li><a data-scroll href="#home">Home</a></li>
81                                    <li><a data-scroll href="#download">Download App</a></li>
82                                    <li><a data-scroll href="#aboutus">About Us</a></li>
83                                    <li><a data-scroll href="#products">Products</a></li>
84                                    <li><a data-scroll href="#packages">Packages</a></li>
85                                    <li><a data-scroll href="#testimonials">Testimonials</a></li>
86                                                           
87                                    <li><a data-scroll href="#contact">Contact</a></li>
88                                    <li><a href="../myaccountv2/login">Login</a></li>
89                                </ul>
90
91                            </div>
92                        </div> <!-- /.col -->
93
94                    </div> <!-- /.row -->
95                </div> <!--/.container -->
96            </div> <!-- /.navigation-overlay -->
97        </nav> <!-- /.navbar -->
98
99    </header>
100    <!-- End Navigation -->
101
102    
103    <!-- Start Intro -->
104  
105    <section id="slider">
106        <div class="rev_slider_wrapper fullscreen-container" data-alias="agency-website" id="rev_slider_280_1_wrapper" style="background-color:#fff;padding:0px;height:1080px;">
107          <!-- START REVOLUTION SLIDER 5.1.4 fullscreen mode -->
108          <div class="rev_slider fullscreenbanner" id="rev_slider_nagency" style="display:none;">
109              <ul style="display:none;">
110
111                <!-- slider Item 1 -->
112                <li data-index="rs-1" data-transition="fadetotopfadefrombottom" data-slotamount="default" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-rotate="0"  data-saveperformance="off"  data-title="N.Agency" data-description="">
113                  <img src="img/slider/s1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
114
115                  <!-- LAYER NR. 1 -->
116                  <div class="tp-caption NotGeneric-Title tp-resizeme white-color rs-parallaxlevel-3" 
117                    id="slide-1-layer-1" 
118                    data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
119                    data-y="['middle','middle','middle','middle']" data-voffset="['-160','-170','-170','-120']" 
120                    data-fontsize="['70','60','60','36']"
121                    data-lineheight="['70','60','60','50']"
122                    data-width="none"
123                    data-height="none"
124                    data-whitespace="nowrap"
125                    data-transform_idle="o:1;"              
126                    data-transform_in="y:[100%];z:0;rZ:-35deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;" 
127                    data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
128                    data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
129                    data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" 
130                    data-start="1000" 
131                    data-splitin="chars" 
132                    data-splitout="none" 
133                    data-responsive_offset="on" 
134                    data-elementdelay="0.05"                    
135                    style="z-index: 5; white-space: nowrap;">
136                                      </div>
137
138                  <!-- LAYER NR. 2 -->
139                  <div class="tp-caption NotGeneric-SubTitle tp-resizeme white-color rs-parallaxlevel-4" 
140                    id="slide-1-layer-2" 
141                    data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
142                    data-y="['middle','middle','middle','middle']" data-voffset="['-80','-90','-90','-60']"
143                    data-fontsize="['28','24','24','20']"
144                    data-lineheight="['28','24','36','30']"
145                    data-width="none"
146                    data-height="none"
147                    data-whitespace="nowrap"
148                    data-transform_idle="o:1;"               
149                    data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" 
150                    data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
151                    data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" 
152                    data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" 
153                    data-start="1500" 
154                    data-splitin="none" 
155                    data-splitout="none" 
156                    data-responsive_offset="on"                     
157                    style="z-index: 6; white-space: nowrap;">
158                  </div>
159
160                  <!-- LAYER NR. 3 -->
161                  <div class="tp-caption rs-parallaxlevel-5" 
162                    id="slide-1-layer-3" 
163                    data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
164                    data-y="['middle','middle','middle','middle']" data-voffset="['15','5','5','10']" 
165                    data-width="none"
166                    data-height="none"
167                    data-whitespace="nowrap"
168                    data-transform_idle="o:1;"
169                    data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
170                    data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);
170cursor:pointer;"
171                    data-transform_in="y:50px;opacity:0;s:1500;e:Power4.easeInOut;" 
172                    data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
173                    data-mask_out="x:inherit;y:inherit;" 
174                    data-start="2000" 
175                    data-splitin="none" 
176                    data-splitout="none" 
177                    data-actions='[{"event":"click","action":"jumptoslide","slide":"next","delay":""}]'
178                    data-responsive_offset="on" 
179                    data-responsive="off"                   
180                    style="">
181                  </div>           
182                
183                </li>
184
185                <!-- slider Item 2 -->
186                <li data-index="rs-3" data-transition="slideremoveright" data-slotamount="default" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-rotate="0"  data-saveperformance="off">
187                  <img src="img/slider/s3.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
188
189                  <!-- LAYER NR. 1 -->
190                  <div class="tp-caption NotGeneric-Title tp-resizeme black-color rs-parallaxlevel-3" 
191                    id="slide-2-layer-1" 
192                    data-x="['left','left','left','left']" data-hoffset="['0','50','0','0']" 
193                    data-y="['middle','middle','middle','middle']" data-voffset="['-100','-100','-100','-85']" 
194                    data-fontsize="['70','60','60','36']"
195                    data-lineheight="['70','60','60','50']"
196                    data-width="none"
197                    data-height="none"
198                    data-whitespace="nowrap"
199                    data-transform_idle="o:1;"              
200                    data-transform_in="y:[100%];z:0;rx:0deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;" 
201                    data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
202                    data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
203                    data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" 
204                    data-start="1000" 
205                    data-splitin="chars" 
206                    data-splitout="none" 
207                    data-responsive_offset="on" 
208                    data-elementdelay="0.05"                    
209                    style="z-index: 5; white-space: nowrap;">
210                  </div>
211
212                  <!-- LAYER NR. 2 -->
213                  <div class="tp-caption tp-resizeme NotGeneric-Text black-color rs-parallaxlevel-4" 
214                    id="slide-2-layer-2" 
215                    data-x="['left','left','left','left']" data-hoffset="['0','50','0','0']" 
216                    data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','-10']"
217                    data-fontsize="['18','18','20','14']"
218                    data-lineheight="['28','28','32','24']"
219                    data-width="none"
220                    data-height="none"
221                    data-whitespace="nowrap"
222                    data-transform_idle="o:1;"               
223                    data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" 
224                    data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
225                    data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" 
226                    data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" 
227                    data-start="1500" 
228                    data-splitin="none" 
229                    data-splitout="none" 
230                    data-responsive_offset="on"                   
231                    style="z-index: 6;">
232                  </div>
233
234                  <!-- LAYER NR. 3 -->
235                  <div class="tp-caption rs-parallaxlevel-5" 
236                    id="slide-2-layer-3" 
237                    data-x="['left','left','left','left']" data-hoffset="['0','50','0','0']" 
238                    data-y="['middle','middle','middle','middle']" data-voffset="['105','105','115','85']" 
239                    data-width="none"
240                    data-height="none"
241                    data-whitespace="nowrap"
242                    data-transform_idle="o:1;"
243                    data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
244                    data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);
244cursor:pointer;"
245                    data-transform_in="y:50px;opacity:0;s:1500;e:Power4.easeInOut;" 
246                    data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
247                    data-mask_out="x:inherit;y:inherit;" 
248                    data-start="2000" 
249                    data-splitin="none" 
250                    data-splitout="none" 
251                    data-actions='[{"event":"click","action":"jumptoslide","slide":"next","delay":""}]'
252                    data-responsive_offset="on" 
253                    data-responsive="off"                   
254                    style="">
255                  </div>          
256                
257                </li>
258
259                <!-- slider Item 3 -->
260                <li data-index="rs-2" data-slotamount="default" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-rotate="0"  data-saveperformance="off">
261                  <img alt="" class="rev-slidebg" data-bgparallax="3" data-bgposition="center center" data-duration="5000" data-ease="Linear.easeNone" data-kenburns="on" data-no-retina="" data-offsetend="0 0" data-offsetstart="0 0" data-rotateend="0" data-rotatestart="0" data-scaleend="100" data-scalestart="110" src="img/slider/s2.jpg">
262
263                  <!-- LAYER NR. 1 -->
264                  <div class="tp-caption NotGeneric-Title tp-resizeme white-color rs-parallaxlevel-3" 
265                    id="slide-3-layer-1" 
266                    data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
267                    data-y="['middle','middle','middle','middle']" data-voffset="['-75','-70','-70','-45']" 
268                    data-fontsize="['70','60','60','36']"
269                    data-lineheight="['70','60','60','50']"
270                    data-width="none"
271                    data-height="none"
272                    data-whitespace="nowrap"
273                    data-transform_idle="o:1;"              
274                    data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;" 
275                    data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
276                    data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
277                    data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" 
278                    data-start="1000" 
279                    data-splitin="chars" 
280                    data-splitout="none" 
281                    data-responsive_offset="on" 
282                    data-elementdelay="0.05"                    
283                    style="z-index: 5; white-space: nowrap;">
284                  </div>
285
286                  <!-- LAYER NR. 2 -->
287                  <div class="tp-caption NotGeneric-SubTitle white-color tp-resizeme rs-parallaxlevel-2" 
288                    id="slide-3-layer-2" 
289                    data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
290                    data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
291                    data-fontsize="['28','24','24','20']"
292                    data-lineheight="['28','24','36','30']"
293                    data-width="none"
294                    data-height="none"
295                    data-whitespace="nowrap"
296                    data-transform_idle="o:1;"
297                    data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" 
298                    data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
299                    data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" 
300                    data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" 
301                    data-start="1500" 
302                    data-splitin="none" 
303                    data-splitout="none" 
304                    data-responsive_offset="on"                    
305                    style="z-index: 6; white-space: nowrap;">
306                                      </div>
307
308                  <!-- LAYER NR. 3 -->
309                  <div class="tp-caption rs-parallaxlevel-5" 
310                    id="slide-3-layer-3" 
311                    data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
312                    data-y="['middle','middle','middle','middle']" data-voffset="['90','90','100','75']" 
313                    data-width="none"
314                    data-height="none"
315                    data-whitespace="nowrap"
316                    data-transform_idle="o:1;"
317                    data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
318                    data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);
318cursor:pointer;"
319                    data-transform_in="y:50px;opacity:0;s:1500;e:Power4.easeInOut;" 
320                    data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
321                    data-mask_out="x:inherit;y:inherit;" 
322                    data-start="2000" 
323                    data-splitin="none" 
324                    data-splitout="none" 
325                    data-actions='[{"event":"click","action":"jumptoslide","slide":"next","delay":""}]'
326                    data-responsive_offset="on" 
327                    data-responsive="off"                   
328                    style="">
329                  </div>
330
331                </li>
332
333              </ul>
334              <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
335          </div>
336      </div>
337    </section>
338    <!-- End Intro -->
339<section id="download" class="p-top-80 p-bottom-80">
340      <!--<div align="center"><video controls preload="metadata">
341            <source src="img/china.mp4" type="video/mp4" width="100%">
342            Your browser does not support the video tag.
343        </video></div>-->
344        <div class="container">
345
346            <div class="row">
347                <div class="col-md-8 col-md-offset-2">
348                    <!-- Section Title -->
349                    <div class="section-title text-center m-bottom-40">
350                        <h2 class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.6s"><strong>Download Our Latest Mobile</strong></h2>
351                        <div class="divider-center-small wow zoomIn" data-wow-duration="1s" data-wow-delay="0.6s"></div>
352                        <p class="section-subtitle wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.6s"><em></em></p>
353
354                    </div>
355                </div> <!-- /.col -->
356            </div>  <!-- /.row -->
357            <a href="https://play.google.com/store/apps/details?id=com.oneoptimum" target="_blank"><img src="img/download.png" width="100%"></a>
358            <div align="center">
359            <table>
360              <tr align="center"><td colspan="3"><h2>Available Now</h2></td></tr>
361              <tr align="center"><td>
362
363 <a href="https://apps.apple.com/ph/app/one-opti/id6450835525" target="_new"><img src="img/android.svg" height="50" width="100%"></a></td>
364 <td>&nbsp;&nbsp;&nbsp;</td>
365 <td>
366 <a href="https://play.google.com/store/apps/details?id=com.oneoptimum" target="_new"><img src="img/IOS.svg" height="50" width="100%"></a>
367</td>
368</tr>
369</table></div>
370
371            
372
373            </div> <!-- /.row -->
374
375        </div> <!-- /.container -->
376    </section>
377<div align="center">
377<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
377
378<!-- 728x90, created 3/21/10 -->
379<ins class="adsbygoogle"
380     style="display:inline-block;width:728px;height:90px"
381     data-ad-client="ca-pub-5458132039248161"
382     data-ad-slot="2011833474"></ins>
383<script>
384(adsbygoogle = window.adsbygoogle || []).push({});
385</script>
385</div>   
386   
387    <section id="aboutus" class="p-top-80 p-bottom-80">
388        <div class="container">
389
390            <div class="row">
391                <div class="col-md-8 col-md-offset-2">
392                    <!-- Section Title -->
393                    <div class="section-title text-center m-bottom-40">
394                        <h2 class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.6s"><strong>About Us</strong></h2>
395                        <div class="divider-center-small wow zoomIn" data-wow-duration="1s" data-wow-delay="0.6s"></div>
396                        <p class="section-subtitle wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.6s"><em></em></p>
397                    </div>
398                </div> <!-- /.col -->
399            </div>  <!-- /.row -->
400
401
402            <div class="row">
403
404                               
405                <div class="col-md-3 col-sm-6 m-bottom-20">              
406                    <div class="service wow zoomIn" data-wow-duration="1s" data-wow-delay="0.6s">               
407                        
408                        <h4>Company Profile</h4>
409                        <div class="service-text">
410                            <p>We believe that our company can sustain quality products, excellent customer care, that will make us successful in accomplishing in our expansion market goals.</p>
411                        </div>
412                    </div>                   
413                </div> <!-- /.col -->
414
415                              
416                <div class="col-md-3 col-sm-6 m-bottom-20">              
417                    <div class="service wow zoomIn" data-wow-duration="1s" data-wow-delay="0.6s">               
418                        
419                        <h4>Mission</h4>
420                        <div class="service-text">
421                            <p>To offer an opportunity through our diverse products using the one of a kind marketing method resulting in total customer satisfaction.</p>
422                        </div>
423                    </div>                   
424                </div> <!-- /.col -->
425
426                               
427                <div class="col-md-3 col-sm-6 m-bottom-20">              
428                    <div class="service wow zoomIn" data-wow-duration="1s" data-wow-delay="0.6s">              
429                        
430                        <h4>Vision</h4>
431                        <div class="service-text">
432                            <p>To provide an opportunity to our important customer who aim high and look for bright future ahead.</p>
433                        </div>
434                    </div>                   
435                </div> <!-- /.col -->
436
437                               
438                <div class="col-md-3 col-sm-6">              
439                    <div class="service wow zoomIn" data-wow-duration="1s" data-wow-delay="0.6s">              
440                        
441                        <h4>Core Values</h4>
442                        <div class="service-text">
443                            <p>list of core values</p>
444                        </div>
445                    </div>                   
446                </div> <!-- /.col -->
447
448            </div> <!-- /.row -->
449
450        </div> <!-- /.container -->
451    </section>
452 
453
454
455    
456    <section id="products" class="light-bg p-top-80 p-bottom-80">
457        <div class="container">
458
459            <!-- Section Title -->
460            <div class="section-title text-center m-bottom-30">
461                <h2><strong>Organic Products</strong></h2>
462                <div class="divider-center-small"></div>
463            </div>
464
465           
466            <ul class="pf-filter text-center list-inline">
467                <li><a href="#" data-filter="*" class="iso-active iso-button">All</a></li>
468                <li><a href="#" data-filter=".juices" class="iso-button">Juices</a></li>
469                <li><a href="#" data-filter=".coffee" class="iso-button">Coffee</a></li>
470                <li><a href="#" data-filter=".soaps" class="iso-button">Organic Soaps</a></li>
471                <li><a href="#" data-filter=".others" class="iso-button">Others</a></li>
472            
473            
474            </ul>          
475
476            
477            <div class="portfolio portfolio-isotope col-3 gutter">
478
479                
480                <div class="pf-item juices">
481                    <a href="img/portfolio/1.jpg" class="pf-style lightbox-image mfp-image">
482                        <div class="pf-image">
483                            <img src="img/portfolio/1.jpg" alt="">
484                            <div class="overlay">
485                                <div class="overlay-caption">
486                                    <div class="overlay-content">
487                                        <div class="pf-info white-color">
488                                            <h4 class="pf-title">OneOpti Juice</h4>
489                                            <p>15-in-1 Herbal Drink</p>
490                                        </div> <!-- .pf-info -->
491                                    </div> <!-- .overlay-content -->
492                                </div> <!-- .overlay-caption -->
493                            </div> <!-- .overlay -->
494                        </div> <!-- .pf-image -->
495                    </a> <!-- .pf-style -->
496                </div>
497
498              
499                <div class="pf-item juices">
500                    <a href="img/portfolio/2.jpg" class="pf-style lightbox-image mfp-image">
501                        <div class="pf-image">
502                            <img src="img/portfolio/2.jpg" alt="">
503                            <div class="overlay">
504                                <div class="overlay-caption">
505                                    <div class="overlay-content">
506                                        <div class="pf-info white-color">
507                                            <h4 class="pf-title">optifit green juice</h4>
508                                            <p>Healthy & Fit</p>
509                                        </div> <!-- .pf-info -->
510                                    </div> <!-- .overlay-content -->
511                                </div> <!-- .overlay-caption -->
512                            </div> <!-- .overlay -->
513                        </div> <!-- .pf-image -->
514                    </a> <!-- .pf-style -->
515                </div>
516
517              
518               
519                <div class="pf-item coffee">
520                    <a href="img/portfolio/3.jpg" class="pf-style lightbox-image mfp-image">
521                        <div class="pf-image">
522                            <img src="img/portfolio/3.jpg" alt="">
523                            <div class="overlay">
524                                <div class="overlay-caption">
525                                    <div class="overlay-content">
526                                        <div class="pf-info white-color">
527                                            <h4 class="pf-title">One Opti Coffee</h4>
528                                            <p>12-in-1 Herbal Coffee</p>
529                                        </div> <!-- .pf-info -->
530                                    </div> <!-- .overlay-content -->
531                                </div> <!-- .overlay-caption -->
532                            </div> <!-- .overlay -->
533                        </div> <!-- .pf-image -->
534                    </a> <!-- .pf-style -->
535                </div>
536
537                
538                <div class="pf-item coffee">
539                    <a href="img/portfolio/4.jpg" class="pf-style lightbox-image mfp-image">
540                        <div class="pf-image">
541                            <img src="img/portfolio/4.jpg" alt="">
542                            <div class="overlay">
543                                <div class="overlay-caption">
544                                    <div class="overlay-content">
545                                        <div class="pf-info white-color">
546                                            <h4 class="pf-title">One Opti Ketofit-O</h4>
547                                            <p>Slimming Coffee</p>
548                                        </div> <!-- .pf-info -->
549                                    </div> <!-- .overlay-content -->
550                                </div> <!-- .overlay-caption -->
551                            </div> <!-- .overlay -->
552                        </div> <!-- .pf-image -->
553                    </a> <!-- .pf-style -->
554                </div>
555
556
557                <div class="pf-item soaps">
558                    <a href="img/portfolio/5.jpg" class="pf-style lightbox-image mfp-image">
559                        <div class="pf-image">
560                            <img src="img/portfolio/5.jpg" alt="">
561                            <div class="overlay">
562                                <div class="overlay-caption">
563                                    <div class="overlay-content">
564                                        <div class="pf-info white-color">
565                                            <h4 class="pf-title">Apple Stem Cell Soap</h4>
566                                            <p>Anti Ageing</p>
567                                        </div> <!-- .pf-info -->
568                                    </div> <!-- .overlay-content -->
569                                </div> <!-- .overlay-caption -->
570                            </div> <!-- .overlay -->
571                        </div> <!-- .pf-image -->
572                    </a> <!-- .pf-style -->
573                </div>
574
575
576                <div class="pf-item soaps">
577                    <a href="img/portfolio/6.jpg" class="pf-style lightbox-image mfp-image">
578                        <div class="pf-image">
579                            <img src="img/portfolio/6.jpg" alt="">
580                            <div class="overlay">
581                                <div class="overlay-caption">
582                                    <div class="overlay-content">
583                                        <div class="pf-info white-color">
584                                            <h4 class="pf-title">Kojic Papaya Soap</h4>
585                                            <p>Skin Rejuvination</p>
586                                        </div> <!-- .pf-info -->
587                                    </div> <!-- .overlay-content -->
588                                </div> <!-- .overlay-caption -->
589                            </div> <!-- .overlay -->
590                        </div> <!-- .pf-image -->
591                    </a> <!-- .pf-style -->
592                </div>
593
594                <div class="pf-item others">
595                    <a href="img/portfolio/7.jpg" class="pf-style lightbox-image mfp-image">
596                        <div class="pf-image">
597                            <img src="img/portfolio/7.jpg" alt="">
598                            <div class="overlay">
599                                <div class="overlay-caption">
600                                    <div class="overlay-content">
601                                        <div class="pf-info white-color">
602                                            <h4 class="pf-title">Miracle Oil</h4>
603                                            <p>Herbal Essence</p>
604                                        </div> <!-- .pf-info -->
605                                    </div> <!-- .overlay-content -->
606                                </div> <!-- .overlay-caption -->
607                            </div> <!-- .overlay -->
608                        </div> <!-- .pf-image -->
609                    </a> <!-- .pf-style -->
610                </div>
611
612                <div class="pf-item others">
613                    <a href="img/portfolio/8.jpg" class="pf-style lightbox-image mfp-image">
614                        <div class="pf-image">
615                            <img src="img/portfolio/8.jpg" alt="">
616                            <div class="overlay">
617                                <div class="overlay-caption">
618                                    <div class="overlay-content">
619                                        <div class="pf-info white-color">
620                                            <h4 class="pf-title">Escential</h4>
621                                            <p>Liniment Oil</p>
622                                        </div> <!-- .pf-info -->
623                                    </div> <!-- .overlay-content -->
624                                </div> <!-- .overlay-caption -->
625                            </div> <!-- .overlay -->
626                        </div> <!-- .pf-image -->
627                    </a> <!-- .pf-style -->
628                </div>
629
630                <div class="pf-item others">
631                    <a href="img/portfolio/9.jpg" class="pf-style lightbox-image mfp-image">
632                        <div class="pf-image">
633                            <img src="img/portfolio/9.jpg" alt="">
634                            <div class="overlay">
635                                <div class="overlay-caption">
636                                    <div class="overlay-content">
637                                        <div class="pf-info white-color">
638                                            <h4 class="pf-title">Opti White</h4>
639                                            <p>GLUTATHIONE WITH COLLAGEN</p>
640                                        </div> <!-- .pf-info -->
641                                    </div> <!-- .overlay-content -->
642                                </div> <!-- .overlay-caption -->
643                            </div> <!-- .overlay -->
644                        </div> <!-- .pf-image -->
645                    </a> <!-- .pf-style -->
646                </div>
647
648                <div class="pf-item others">
649                    <a href="img/portfolio/10.jpg" class="pf-style lightbox-image mfp-image">
650                        <div class="pf-image">
651                            <img src="img/portfolio/10.jpg" alt="">
652                            <div class="overlay">
653                                <div class="overlay-caption">
654                                    <div class="overlay-content">
655                                        <div class="pf-info white-color">
656                                            <h4 class="pf-title">Opti Smile</h4>
657                                            <p>Herbal Toothpaste</p>
658                                        </div> <!-- .pf-info -->
659                                    </div> <!-- .overlay-content -->
660                                </div> <!-- .overlay-caption -->
661                            </div> <!-- .overlay -->
662                        </div> <!-- .pf-image -->
663                    </a> <!-- .pf-style -->
664                </div>
665
666
667
668
669
670            </div> 
671            
672        </div> <!-- /.container -->
673    </section>
674    
675
676
677    
678    <section class="p-top-80 p-bottom-80">
679        <div class="container">
680            <div class="row">
681
682                <div class="col-md-6">
683                    <!-- Section Title -->
684                    <div class="m-bottom-30">
685                        <h2 class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.6s">
686                        One Opti goes to China 2.0!</h2>
687                        <div class="divider-small wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.7s"></div>
688                    </div>
689
690                    <div class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.8s">
691                        <p align="justify">
692
693<h5>Chongqing</h5>
694
695A sprawling, mountainous "provincial-level municipality" in Southwest China. Known as the "Mountain City" and the "Fog Capital," it is a major industrial and transportation hub located at the confluence of the Yangtze and Jialing rivers. It is world-famous for its spicy hot pot, unique "cyberpunk" cityscape, and hilly, multi-level urban design.
696
697<h5>Chengdu</h5>
698
699The capital of Sichuan province and a historic city located on the fertile Chengdu Plain. Often called the "Land of Abundance," it is famous for being the home of the "giant panda" and a UNESCO-recognized "City of Gastronomy". It serves as the primary cultural and economic hub of Western China.
700
701<h5>Chongqing Hongyadong (Hongya Cave)</h5>
702
703A stunning, 11-story stilt-building complex built into a cliffside along the Jialing River in Chongqing’s Jiefangbei district. It is a popular tourist landmark known for its traditional *diaojiaolou* architecture, which is illuminated beautifully at night and often compared to the aesthetic of the film *Spirited Away*.
704
705<h5>Chongqing Riverside</h5>
706
707This refers to the vibrant waterfront areas along the Yangtze and Jialing rivers, which are central to the city's life and tourism. Areas like "Jiangbeizui Riverside Park" or "Nanbin Road" offer walking trails, viewing platforms, and parks that provide spectacular vantage points for seeing the city's famous skyline, bridges, and the glowing lights of Hongyadong.
708</p>
709                        <p></p>
710                    </div>
711
712                    <a data-scroll href="#contact" class="m-top-30 m-bottom-30 btn btn-main wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.8s">Contact Us</a>
713
714                    
715                </div> <!-- /.col -->
716
717                <div class="col-md-6">
718
719                    <div class="feature-image">
720                        <img src="img/china2.jpg" alt="Feature Image" class="img-responsive wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.6s" />
721                    </div>                  
722                    
723                </div> <!-- /.col -->
724
725            </div> <!-- /.row -->
726        </div> <!-- /.container -->
727    </section>
728    
729
730
731   
732    <!--<section class="video-bg overlay-dark" style="background-image:url(img/video-bg.jpg)">
733        <div class="js-height-full container">
734            <!-- video setting 
735            <div class="video-player" data-property="{videoURL:'https://www.youtube.com/watch?v=l4Qqka27iYU',containment:'.video-bg',autoPlay:true, mute:true, loop:true, showControls:false, startAt:0, opacity:1}"></div>
736
737            <div class="vertical-section">
738                <div class="vertical-content">
739                    <div class="video-caption text-center white-color">
740                        <h2 class="p-top-20"></h2>
741                        <div class="divider-center-small divider-white"></div>
742                        <h6 class="p-bottom-20"></h6>
743                    </div>
744                </div>
745            </div>
746        </div>
747    </section>-->
748    
749
750<section id="packages" class="p-top-80 p-bottom-50">
751        <div class="container">
752
753            <div class="row">
754                <div class="col-md-8 col-md-offset-2">
755                    <!-- Section Title -->
756                    <div class="section-title text-center m-bottom-40">
757                        <h2 class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.6s">One Opti Membership Packages</h2>
758                        <div class="divider-center-small wow zoomIn" data-wow-duration="1s" data-wow-delay="0.6s"></div>
759                        <p class="section-subtitle wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.6s"><em>Network marketing is not a job, it’s a lifestyle.</em></p>
760                    </div>
761                </div> <!-- /.col -->
762            </div>  <!-- /.row -->
763
764            <div class="row">
765
766                            
767                <div class="col-md-3 col-sm-6 col-xs-6 p-bottom-30">
768                    <div class="team-item wow zoomIn" data-wow-duration="1s" data-wow-delay="0.9s">
769                        <div class="team-item-image">                            
770                            <img src="img/PLAN1.jpg" alt="" />
771                        </div>
772                        
773                    </div>
774                </div> <!-- /.col -->
775                            
776                <div class="col-md-3 col-sm-6 col-xs-6 p-bottom-30">
777                    <div class="team-item wow zoomIn" data-wow-duration="1s" data-wow-delay="0.9s">
778                        <div class="team-item-image">                            
779                            <img src="img/PLAN2.jpg" alt="" />
780                        </div>
781                        
782                    </div>
783                </div> <!-- /.col -->
784                            
785                <div class="col-md-3 col-sm-6 col-xs-6 p-bottom-30">
786                    <div class="team-item wow zoomIn" data-wow-duration="1s" data-wow-delay="0.9s">
787                        <div class="team-item-image">                            
788                            <img src="img/PLAN3.jpg" alt="" />
789                        </div>
790                        
791                    </div>
792                </div> <!-- /.col -->
793                            
794                <div class="col-md-3 col-sm-6 col-xs-6 p-bottom-30">
795                    <div class="team-item wow zoomIn" data-wow-duration="1s" data-wow-delay="0.9s">
796                        <div class="team-item-image">                            
797                            <img src="img/PLAN4.jpg" alt="" />
798                        </div>
799                        
800                    </div>
801                </div> <!-- /.col -->
802                            
803                <div class="col-md-3 col-sm-6 col-xs-6 p-bottom-30">
804                    <div class="team-item wow zoomIn" data-wow-duration="1s" data-wow-delay="0.9s">
805                        <div class="team-item-image">                            
806                            <img src="img/PLAN5.jpg" alt="" />
807                        </div>
808                        
809                    </div>
810                </div> <!-- /.col -->
811                            
812                <div class="col-md-3 col-sm-6 col-xs-6 p-bottom-30">
813                    <div class="team-item wow zoomIn" data-wow-duration="1s" data-wow-delay="0.9s">
814                        <div class="team-item-image">                            
815                            <img src="img/PLAN6.jpg" alt="" />
816                        </div>
817                        
818                    </div>
819                </div> <!-- /.col -->
820                                
821
822            </div> <!-- /.row -->
823
824        </div> <!-- /.container -->
825    </section>
826    
827    <section id="team" class="p-top-80 p-bottom-50">
828        <div class="container">
829
830            <div class="row">
831                <div class="col-md-8 col-md-offset-2">
832                    <!-- Section Title -->
833                    <div class="section-title text-center m-bottom-40">
834                        <h2 class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.6s">One Opti Team</h2>
835                        <div class="divider-center-small wow zoomIn" data-wow-duration="1s" data-wow-delay="0.6s"></div>
836                        <p class="section-subtitle wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.6s"><em>Network marketing is not a job, it’s a lifestyle.</em></p>
837                    </div>
838                </div> <!-- /.col -->
839            </div>  <!-- /.row -->
840
841            <div class="row">
842
843                <!-- === Team Item 1 === -->               
844                <div class="col-md-3 col-sm-6 col-xs-6 p-bottom-30">
845                    <div class="team-item wow zoomIn" data-wow-duration="1s" data-wow-delay="0.9s">
846                        <div class="team-item-image">
847                            <div class="team-item-image-overlay">
848                                <div class="team-item-icons">
849                                    <a href="#"><i class="fa fa-twitter"></i></a>
850                                    <a href="#"><i class="fa fa-facebook"></i></a>
851                                    <a href="#"><i class="fa fa-google-plus"></i></a>
852                                </div>
853                            </div>
854                            <img src="img/team/1.jpg" alt="" />
855                        </div>
856                        <div class="team-item-info">
857                            <div class="team-item-name">
858                                Name
859                            </div>
860                            <div class="team-item-position">
861                                President/CEO
862                            </div>
863                        </div>
864                    </div>
865                </div> <!-- /.col -->
866                
867                <!-- === Team Item 2 === -->              
868                <div class="col-md-3 col-sm-6 col-xs-6 p-bottom-30">
869                    <div class="team-item wow zoomIn" data-wow-duration="1s" data-wow-delay="0.9s">
870                        <div class="team-item-image">
871                            <div class="team-item-image-overlay">
872                                <div class="team-item-icons">
873                                    <a href="#"><i class="fa fa-twitter"></i></a>
874                                    <a href="#"><i class="fa fa-facebook"></i></a>
875                                    <a href="#"><i class="fa fa-google-plus"></i></a>
876                                </div>
877                            </div>
878                            <img src="img/team/2.jpg" alt="" />
879                        </div>
880                        <div class="team-item-info">
881                            <div class="team-item-name">
882                                Name
883                            </div>
884                            <div class="team-item-position">
885                                VP for Marketing
886                            </div>
887                        </div>
888                    </div>
889                </div> <!-- /.col -->
890                
891                <!-- === Team Item 3 === -->               
892                <div class="col-md-3 col-sm-6 col-xs-6 p-bottom-30">
893                    <div class="team-item wow zoomIn" data-wow-duration="1s" data-wow-delay="0.9s">
894                        <div class="team-item-image">
895                            <div class="team-item-image-overlay">
896                                <div class="team-item-icons">
897                                    <a href="#"><i class="fa fa-twitter"></i></a>
898                                    <a href="#"><i class="fa fa-facebook"></i></a>
899                                    <a href="#"><i class="fa fa-google-plus"></i></a>
900                                </div>
901                            </div>
902                            <img src="img/team/3.jpg" alt="" />
903                        </div>
904                        <div class="team-item-info">
905                            <div class="team-item-name">
906                                Name
907                            </div>
908                            <div class="team-item-position">
909                                VP for Network Development
910                            </div>
911                        </div>
912                    </div>
913                </div> <!-- /.col -->
914                
915                <!-- === Team Item 4 === -->               
916                <div class="col-md-3 col-sm-6 col-xs-6 p-bottom-30">
917                    <div class="team-item wow zoomIn" data-wow-duration="1s" data-wow-delay="0.9s">
918                        <div class="team-item-image">
919                            <div class="team-item-image-overlay">
920                                <div class="team-item-icons">
921                                    <a href="#"><i class="fa fa-twitter"></i></a>
922                                    <a href="#"><i class="fa fa-facebook"></i></a>
923                                    <a href="#"><i class="fa fa-google-plus"></i></a>
924                                </div>
925                            </div>
926                            <img src="img/team/4.jpg" alt="" />
927                        </div> <!-- /.team-item-image -->
928                        <div class="team-item-info">
929                            <div class="team-item-name">
930                                Name
931                            </div>
932                            <div class="team-item-position">
933                                VP for Creative
934                            </div>
935                        </div> <!-- /.team-item-info -->
936                    </div> <!-- /.team-item -->
937                </div> <!-- /.col -->
938
939            </div> <!-- /.row -->
940
941        </div> <!-- /.container -->
942    </section>
943    
944
945
946    
947    <section class="light-bg p-top-80 p-bottom-40">
948        <div class="container">
949            <div class="row">
950
951                <div class="col-md-6 p-bottom-40">
952                    <!-- Section Title -->
953                    <div class="m-bottom-30">
954                        <h2 class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.6s">where we are</h2>
955                        <div class="divider-small wow zoomIn" data-wow-duration="1s" data-wow-delay="0.6s"></div>
956                    </div>
957
958                    <!-- === Progress item 1 === -->
959                    <div class="progress-heading clearfix wow fadeIn">
960                        <h6 class="pull-left">Products Efficiency</h6>
961                        <p class="pull-right">80%</p>
962                    </div>
963                    <div class="progress progress-thin">
964                        <div class="progress-bar wow zoomIn" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;" data-wow-delay="0.3s"></div>
965                    </div>
966
967                    <!-- === Progress item 2 === -->
968                    <div class="progress-heading clearfix wow fadeIn">
969                        <h6 class="pull-left">Design</h6>
970                        <p class="pull-right">90%</p>
971                    </div>
972                    <div class="progress progress-thin">
973                        <div class="progress-bar wow zoomIn" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;" data-wow-delay="0.3s"></div>
974                    </div>
975
976                    <!-- === Progress item 3 === -->
977                    <div class="progress-heading clearfix wow fadeIn">
978                        <h6 class="pull-left">Branding</h6>
979                        <p class="pull-right">90%</p>
980                    </div>
981                    <div class="progress progress-thin">
982                        <div class="progress-bar wow zoomIn" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;" data-wow-delay="0.3s"></div>
983                    </div>
984
985                    <!-- === Progress item 4 === -->
986                    <div class="progress-heading clearfix wow fadeIn">
987                        <h6 class="pull-left">Marketing</h6>
988                        <p class="pull-right">85%</p>
989                    </div>
990                    <div class="progress progress-thin">
991                        <div class="progress-bar wow zoomIn" role="progressbar" aria-valuenow="73" aria-valuemin="0" aria-valuemax="100" style="width: 73%;" data-wow-delay="0.3s"></div>
992                    </div>
993
994                    <!-- === Progress item 5 === -->
995                    <div class="progress-heading clearfix wow fadeIn">
996                        <h6 class="pull-left">Income</h6>
997                        <p class="pull-right">90%</p>
998                    </div>
999                    <div class="progress progress-thin">
1000                        <div class="progress-bar wow zoomIn" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;" data-wow-delay="0.3s">
1001                        </div>
1002                    </div>
1003
1004                </div> <!-- /.col -->
1005
1006                <div class="col-md-6 p-bottom-40">
1007
1008                    <!-- Section Title Right -->
1009                    <div class="m-bottom-30">
1010                        <h2 class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.6s">Did you know</h2>
1011                        <div class="divider-small wow zoomIn" data-wow-duration="1s" data-wow-delay="0.6s"></div>
1012                    </div>
1013
1014                    <!-- === Accordion === -->
1015                    <div id="accordion" class="panel-group wow fadeIn" data-wow-delay="0.6s">
1016                        
1017                        <!-- === Accordion item 1 === -->
1018                        <div class="panel panel-default">
1019                            <div class="panel-heading">
1020                                <h4 class="panel-title">
1021                                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Reasons why choose herbal/organic products</a>
1022                                </h4>
1023                            </div>
1024                            <div id="collapseOne" class="panel-collapse collapse in">
1025                                <div class="panel-body">
1026                                    <p>Herbal products may be more affordable and accessible than conventional medicines, especially for people who live in remote areas or have limited access to health care (1).
1027Herbal products may align with the personal health ideologies of some people who prefer natural or holistic approaches to health and wellness (1).
1028Herbal products may have fewer side effects or interactions than conventional medicines, as they are usually less potent and more gentle on the body (2).
1029Herbal products may have multiple benefits for various health conditions, as they often contain a complex mixture of active compounds that can affect different systems and organs in the body (3).
1030Herbal products may have a long history of use and effectiveness, as they have been tested and refined by generations of traditional healers and practitioners (3).</p>
1031                                </div>
1032                            </div>
1033                        </div>
1034                        
1035                        <!-- === Accordion item 2 === -->
1036                        <div class="panel panel-default">
1037                            <div class="panel-heading">
1038                                <h4 class="panel-title">
1039                                    <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Best thing about network marketing</a>
1040                                </h4>
1041                            </div>
1042                            <div id="collapseTwo" class="panel-collapse collapse">
1043                                <div class="panel-body">
1044                                    <p>
1045You can work from anywhere, as long as you have a wifi connection, a laptop, and a phone2. You can also set your own schedule and work at your own pace.
1046You can start your business with a low initial investment, compared to other types of businesses that require high capital, inventory, or overhead costs.
1047You can choose the people you want to work with, and build relationships with like-minded individuals who share your vision and goals.
1048You can leverage your time and money by creating a network of distributors who sell the products or services for you, and earn commissions from their sales as well as your own.
1049You can learn new skills and develop your personal and professional growth, as network marketing provides training, mentoring, and coaching opportunities.</p>
1050                                </div>
1051                            </div>
1052                        </div>
1053                        
1054                        <!-- === Accordion item 3 === -->
1055                        <div class="panel panel-default">
1056                            <div class="panel-heading">
1057                                <h4 class="panel-title">
1058                                    <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">others</a>
1059                                </h4>
1060                            </div>
1061                            <div id="collapseThree" class="panel-collapse collapse">
1062                                <div class="panel-body">
1063                                    <p>insert additional infos here</p>
1064                                </div>
1065                            </div>
1066                        </div>
1067
1068                    </div> <!-- /.panel-group -->
1069                                      
1070                </div> <!-- /.col -->
1071
1072            </div> <!-- /.row -->
1073        </div> <!-- /.container -->
1074    </section>
1075    <!-- End Skill/Why Choose Us -->
1076
1077
1078    <section id="testimonials" class="parallax-bg overlay-dark p-top-80 p-bottom-80" style="background-image:url(img/testimonial-bg.jpg)" data-stellar-background-ratio="0.5">
1079
1080        <!-- Section Title -->
1081        <div class="section-title text-center white-color m-bottom-40">
1082            <h2 class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.6s">Product Testimonials</h2>
1083            <div class="divider-center-small divider-white wow zoomIn" data-wow-duration="1s" data-wow-delay="0.6s"></div>
1084        </div>
1085
1086        <!-- === Testimonials === -->
1087        <div id="owl-testimonials" class="owl-carousel owl-theme testimonial text-center white-color">
1088
1089            <!-- === Testimonial item 1 === -->
1090            <div class="testimonial-item text-center">
1091                <p class="testimonial-desc">details here</p>
1092                <div class="testimonial-thumb">
1093                    <img class="img-responsive" src="img/testimonial/1.jpg" alt="">
1094                </div>
1095                <h5 class="testimonial-author">Client/Members Name</h5>
1096            </div>
1097
1098            <!-- === Testimonial item 2 === -->
1099            <div class="testimonial-item text-center">
1100                <p class="testimonial-desc">
1100details here</p>
1101                <div class="testimonial-thumb">
1102                    <img class="img-responsive" src="img/testimonial/2.jpg" alt="">
1103                </div>
1104                <h5 class="testimonial-author">Client/Members Name</h5>
1105            </div>
1106
1107            <!-- === Testimonial item 3 === -->
1108            <div class="testimonial-item text-center">
1109                <p class="testimonial-desc">details here</p>
1110                <div class="testimonial-thumb">
1111                    <img class="img-responsive" src="img/testimonial/3.jpg" alt="">
1112                </div>
1113                <h5 class="testimonial-author">Client/Members Name</h5>
1114            </div>
1115
1116        </div> <!-- /#owl-testimonials -->
1117
1118    </section>
1119 
1120 
1121    <section id="contact" class="p-top-80 p-bottom-50">
1122        <div class="container">
1123
1124            <div class="row">
1125                <div class="col-md-8 col-md-offset-2">
1126                    <!-- Section Title -->
1127                    <div class="section-title text-center m-bottom-40">
1128                        <h2 class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.6s">Contact</h2>
1129                        <div class="divider-center-small wow zoomIn" data-wow-duration="1s" data-wow-delay="0.6s"></div>
1130                        <p class="section-subtitle wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.6s"><em></em></p>
1131                    </div>
1132                </div> <!-- /.col -->
1133            </div>  <!-- /.row -->
1134
1135            <div class="row">
1136
1137                <!-- === Contact Form === -->
1138                <div class="col-md-7 col-sm-7 p-bottom-30">
1139                    <div class="contact-form row">
1140
1141                        <form name="ajax-form" id="ajax-form" action="contact.php" method="post">
1142                            <div class="col-sm-6 contact-form-item wow zoomIn">
1143                                <input name="name" id="name" type="text"   placeholder="Your Name: *"/>
1144                                <span class="error" id="err-name">please enter name</span>
1145                            </div>
1146                            <div class="col-sm-6 contact-form-item wow zoomIn">
1147                                <input name="email" id="email" type="text"  placeholder="E-Mail: *"/>
1148                                <span class="error" id="err-email">please enter e-mail</span>
1149                                <span class="error" id="err-emailvld">e-mail is not a valid format</span>
1150                            </div>
1151                            <div class="col-sm-12 contact-form-item wow zoomIn">
1152                                <textarea name="message" id="message" placeholder="Your Message"></textarea>
1153                            </div>
1154                            <div class="col-sm-12 contact-form-item">
1155                                <button class="send_message btn btn-main btn-theme wow fadeInUp" id="send" data-lang="en">submit</button>                
1156                            </div>
1157                            <div class="clear"></div>   
1158                            <div class="error text-align-center" id="err-form">There was a problem validating the form please check!</div>
1159                            <div class="error text-align-center" id="err-timedout">The connection to the server timed out!</div>
1160                            <div class="error" id="err-state"></div>
1161                        </form> 
1162                                    
1163                        <div class="clearfix"></div>
1164                        <div id="ajaxsuccess">Successfully sent!!</div>
1165                        <div class="clear"></div>
1166
1167                    </div> <!-- /.contacts-form & inner row -->
1168                </div> <!-- /.col -->
1169
1170                <!-- === Contact Information === -->
1171                <div class="col-md-5 col-sm-5 p-bottom-30">
1172                    <address class="contact-info">
1173
1174                        <p class="m-bottom-30 wow slideInRight">One Opti Lifestyle International</p>
1175
1176                        <!-- === Location === -->
1177                        <div class="m-top-20 wow slideInRight">
1178                            <div class="contact-info-icon">
1179                                <i class="fa fa-location-arrow"></i>
1180                            </div>
1181                            <div class="contact-info-title">
1182                                Address:
1183                            </div>
1184                            <div class="contact-info-text">
1185                                Unit 106 Pacific Century Tower Quezon Ave Quezon City
1186                            </div>
1187                        </div>
1188
1189                        <!-- === Phone === -->
1190                        <div class="m-top-20 wow slideInRight">
1191                            <div class="contact-info-icon">
1192                                <i class="fa fa-phone"></i>
1193                            </div>
1194                            <div class="contact-info-title">
1195                                Phone number:
1196                            </div>
1197                            <div class="contact-info-text">
1198                                 (+02) 123 4567 / (+63) 908 123 4567
1199                            </div>
1200                        </div>
1201
1202                        <!-- === Mail === -->
1203                        <div class="m-top-20 wow slideInRight">
1204                            <div class="contact-info-icon">
1205                                <i class="fa fa-envelope"></i>
1206                            </div>
1207                            <div class="contact-info-title">
1208                                Email:
1209                            </div>
1210                            <div class="contact-info-text">
1211                                <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="137c63677a7e667e7c6174727d7a7060536a727b7c7c3d707c7e">[email&#160;protected]</a>
1212                            </div>
1213                        </div>
1214
1215                    </address>
1216                </div> <!-- /.col -->
1217
1218            </div> <!-- /.row -->
1219        </div> <!-- /.container -->
1220    </section>
1221 
1222    <footer class="site-footer">
1223        <div class="container">
1224            <small class="copyright pull-left">One Opti Lifestyle International 2017 - 2026. All Rights Reserved
1225            </small>
1226           
1227            <!-- /social-icon -->
1228        </div>
1229        <!-- /container -->
1230    </footer>
1231    <!-- End Footer -->
1232
1233
1234    <!-- Back to top -->
1235    <a href="#" id="back-to-top" title="Back to top"><i class="fa fa-angle-up"></i></a>
1236    <!-- /Back to top -->
1237
1238    
1239    <!-- jQuery -->
vendor: 114 bytes, lines 1239-1240
1239
1240    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1240<script src="js/jquery.min.js"></script>
1240
1241    
1242    <!-- Bootstrap -->
1243    
1243<script src="bootstrap/js/bootstrap.min.js"></script>
1243
1244    
1245    <!-- Components Plugin -->
1246    
1246<script src="js/jquery.easing.1.3.js"></script>
1246
1247    
1247<script src="js/smooth-scroll.js"></script>
1247
1248    
1248<script src="js/jquery.appear.js"></script>
1248
1249    
1249<script src="js/jquery.countTo.js"></script>
1249
1250    
1250<script src="js/jquery.stellar.min.js"></script>
1250
1251    
1251<script src="js/jquery.magnific-popup.min.js"></script>
1251
1252    
1252<script src="js/imagesloaded.pkgd.min.js"></script>
1252
1253    
1253<script src="js/isotope.pkgd.min.js"></script>
1253
1254    
1254<script src="js/jquery.mb.YTPlayer.js"></script>
1254
1255    
1255<script src="js/retina.min.js"></script>
1255
1256    
1256<script src="js/wow.min.js"></script>
1256
1257    
1257<script src="inc/owlcarousel/js/owl.carousel.min.js"></script>
1257
1258    
1258<script src="inc/revolution/js/jquery.themepunch.tools.min.js"></script>
1258
1259    
1259<script src="inc/revolution/js/jquery.themepunch.revolution.min.js"></script>
1259
1260
1261    <!-- Contact Form -->
1262    
1262<script src="js/contact.js"></script>
1262
1263    
1264    <!-- Custom Plugin -->
1265    
1265<script src="js/custom.js"></script>
1265
1266
1267    <!-- RS Plugin Extensions -->
1268    
1268<script src="inc/revolution/js/extensions/revolution.extension.video.min.js"></script>
1268
1269    
1269<script src="inc/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
1269
1270    
1270<script src="inc/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
1270
1271    
1271<script src="inc/revolution/js/extensions/revolution.extension.actions.min.js"></script>
1271
1272    
1272<script src="inc/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
1272
1273    
1273<script src="inc/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
1273
1274    
1274<script src="inc/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
1274
1275    
1275<script src="inc/revolution/js/extensions/revolution.extension.migration.min.js"></script>
1275
1276    
1276<script src="inc/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
1276
1277
1278
1279    
1279<script>
1280      var tpj = jQuery;
1281
1282      var revapi280;
1283      tpj(document).ready(function() {
1284          if (tpj("#rev_slider_nagency").revolution == undefined) {
1285              revslider_showDoubleJqueryError("#rev_slider_nagency");
1286          } else {
1287              revapi280 = tpj("#rev_slider_nagency").show().revolution({
1288                  sliderType: "standard",
1289                  sliderLayout: "fullscreen",
1290                  dottedOverlay: "none",
1291                  delay: 90000,
1292                  navigation: {
1293                    keyboardNavigation:"off",
1294                    keyboard_direction: "horizontal",
1295                    mouseScrollNavigation:"off",
1296                    onHoverStop:"off",
1297                    touch:{
1298                      touchenabled:"on",
1299                      swipe_threshold: 75,
1300                      swipe_min_touches: 1,
1301                      swipe_direction: "horizontal",
1302                      drag_block_vertical: false
1303                    }
1304                    ,
1305                    arrows: {
1306                          style: "uranus",
1307                          enable: true,
1308                          hide_onmobile: true,
1309                          hide_under: 496,
1310                          hide_onleave: true,
1311                          hide_delay: 200,
1312                          hide_delay_mobile: 1200,
1313                          tmp: '',
1314                          left: {
1315                              h_align: "left",
1316                              v_align: "center",
1317                              h_offset: 20,
1318                              v_offset: 0
1319                          },
1320                          right: {
1321                              h_align: "right",
1322                              v_align: "center",
1323                              h_offset: 20,
1324                              v_offset: 0
1325                          }
1326                      }
1327                  },
1328                  responsiveLevels: [1200, 991, 767, 480],
1329                  visibilityLevels: [1200, 991, 767, 480],
1330                  gridwidth: [1200, 991, 767, 480],
1331                  gridheight: [868, 768, 960, 720],
1332                  lazyType: "none",
1333                  parallax: {
1334                    type:"mouse+scroll",
1335                    origo:"slidercenter",
1336                    speed:2000,
1337                    levels:[2,3,4,5,6,7,12,16,10,50],
1338                    disable_onmobile:"on"
1339                  },
1340                  shadow: 0,
1341                  spinner: "spinner2",
1342                  autoHeight: "off",
1343                  fullScreenAutoWidth: "off",
1344                  fullScreenAlignForce: "off",
1345                  fullScreenOffsetContainer: "",
1346                  fullScreenOffset: "0",
1347                  disableProgressBar: "on",
1348                  hideThumbsOnMobile: "off",
1349                  hideSliderAtLimit: 0,
1350                  hideCaptionAtLimit: 0,
1351                  hideAllCaptionAtLilmit: 0,
1352                  debugMode: false,
1353                  fallbacks: {
1354                      simplifyAll: "off",
1355                      disableFocusListener: false,
1356                  }
1357              });
1358          }
1359      }); 
1360  </script>
1360
1361    
1362  
1362<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"e9f4ec6ffacf4a2d928fbe205fef7b15","r":1,"spa":2}' crossorigin="anonymous"></script>
1362
1363</body>
1364</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.