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> </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 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.