API tools faq
paste
Advertisement
quewebdev

index.php

quewebdev
Jan 17th, 2019
163
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 27.68 KB | None | 0 0
raw download clone embed print report
  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="keywords" content="Organic, Quranic Food, Olive, Fig, Pomegranate, Honey, Grape, Cinnamon" />
  7.     <meta name="author" content="" />
  8.     <meta name="robots" content="" />
  9.     <meta name="description" content="Malaysia Organic Food, Quranic Foods, Olive Oil, Olivie, Fig Vinegar, Dried Fig, Pomegranate" />
  10.     <meta property="og:title" content="OLIVE HOUSE &trade;" />
  11.     <meta property="og:description" content="" />
  12.     <meta property="og:image" content="" />
  13.     <meta name="format-detection" content="telephone=no">
  14.    
  15.     <!-- FAVICONS ICON -->
  16.     <link rel="icon" href="images/favicon2.ico" type="image/x-icon" />
  17.     <link rel="shortcut icon" type="image/x-icon" href="images/favicon2.png" />
  18.    
  19.     <!-- PAGE TITLE HERE -->
  20.     <title>OLIVE HOUSE &trade; | Official Website</title>
  21.    
  22.     <!-- MOBILE SPECIFIC -->
  23.     <meta name="viewport" content="width=device-width, initial-scale=1">
  24.    
  25.     <!--[if lt IE 9]>
  26.     <script src="js/html5shiv.min.js"></script>
  27.     <script src="js/respond.min.js"></script>
  28.     <![endif]-->
  29.    
  30.     <!-- STYLESHEETS -->
  31.     <link rel="stylesheet" type="text/css" href="css/plugins.css">
  32.     <link rel="stylesheet" type="text/css" href="css/style.css">
  33.     <link class="skin" rel="stylesheet" type="text/css" href="css/skin/skin-6.css">
  34.     <link rel="stylesheet" type="text/css" href="css/templete.css">
  35.    
  36.     <style>
  37.    
  38.     .button {
  39.             border-radius: 4px;
  40.             background-color: #7AB104;
  41.             border: none;
  42.             color: #FFFFFF;
  43.             text-align: center;
  44.             font-size: 18px;
  45.             padding: 20px;
  46.             width: 200px;
  47.             transition: all 0.5s;
  48.             cursor: pointer;
  49.             margin: 5px;
  50.         }
  51.  
  52.         .button span {
  53.           cursor: pointer;
  54.           display: inline-block;
  55.           position: relative;
  56.           transition: 0.5s;
  57.         }
  58.  
  59.         .button span:after {
  60.           content: '\00bb';
  61.           position: absolute;
  62.           opacity: 0;
  63.           top: 0;
  64.           right: -20px;
  65.           transition: 0.5s;
  66.         }
  67.  
  68.         .button:hover span {
  69.           padding-right: 25px;
  70.           color: #FFFFFF;
  71.         }
  72.  
  73.         .button:hover span:after {
  74.         opacity: 1;
  75.         right: 0;
  76.         }
  77.  
  78.    
  79.     </style>
  80.    
  81.    
  82.     <!-- Revolution Slider Css -->
  83.     <link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/layers.css">
  84.     <link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/settings.css">
  85.     <link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/navigation.css">
  86.     <!-- Revolution Navigation Style -->
  87. </head>
  88. <body id="bg">
  89. <div class="page-wraper">
  90.     <div id="loading-area"></div>
  91.     <?php $page = 'home'; include ("navigation.php"); ?>
  92.     <!-- Content -->
  93.     <div class="page-content bg-white">
  94.         <!-- Main Slider -->
  95.         <div class="rev-slider">
  96.             <div id="rev_slider_265_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container errow-style-1" data-alias="" data-source="gallery" style="margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
  97.             <!-- START REVOLUTION SLIDER 5.4.6.3 fullwidth mode -->
  98.             <div id="rev_slider_265_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.6.3">
  99.                 <ul>  <!-- SLIDE  -->
  100.                     <li data-index="rs-100" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="images/banner/2.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
  101.                         <!-- MAIN IMAGE -->
  102.                         <img src="images/main-slider/slider-3.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
  103.                        
  104.                         <!-- LAYER NR. 2 -->
  105.                         <div class="tp-caption d-lg-block d-none tp-resizeme"
  106.                             id="slide-100-layer-1"
  107.                             data-x="380"
  108.                             data-y="200"
  109.                             data-width="['auto']"
  110.                             data-height="['auto']"
  111.                             data-type="text"
  112.                             data-responsive_offset="on"
  113.                             data-frames='[{"delay":"+1990","speed":2000,"frame":"0","from":"opacity:0;","color":"#e5452b","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","color":"transparent","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  114.                             data-textAlign="['inherit','inherit','inherit','inherit']"
  115.                             data-paddingtop="[0,0,0,0]"
  116.                             data-paddingright="[0,0,0,0]"
  117.                             data-paddingbottom="[0,0,0,0]"
  118.                             data-paddingleft="[0,0,0,0]"
  119.                             style="z-index: 6; white-space: nowrap; font-size: 20px; line-height: 62px; font-weight: 700; color: #000; letter-spacing: 0px;font-family:Montserrat;text-transform:uppercase;">
  120.                                  
  121.                         </div>
  122.                         <!-- LAYER NR. 3 -->
  123.                         <div class="tp-caption tp-resizeme d-lg-block d-none text-primary"
  124.                             id="slide-100-layer-2"
  125.                             data-x="380"
  126.                             data-y="260"
  127.                             data-width="['auto']"
  128.                             data-height="['auto']"
  129.                             data-type="text"
  130.                             data-responsive_offset="on"
  131.                             data-frames='[{"delay":"+500","split":"chars","splitdelay":0.05000000000000000277555756156289135105907917022705078125,"speed":2000,"split_direction":"forward","frame":"0","from":"opacity:0;","color":"#000000","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":2000,"frame":"999","color":"transparent","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  132.                             data-textAlign="['left','left','left','left']"
  133.                             data-paddingtop="[0,0,0,0]"
  134.                             data-paddingright="[0,0,0,0]"
  135.                             data-paddingbottom="[0,0,0,0]"
  136.                             data-paddingleft="[30,30,30,30]"
  137.                             style="z-index: 7; white-space: nowrap; font-size: 50px; line-height: 80px; font-weight: 600; letter-spacing: 0px; text-transform:uppercase; font-family:Roboto;">
  138.                                 AS WE GROW,WE CREATE <br/> MORE VALUE FOR OUR PARTNER
  139.                         </div>
  140.                         <div class="tp-caption tp-shape d-lg-block d-none tp-shapewrapper bg-primary tp-resizeme"
  141.                             id="slide-100-layer-5"
  142.                             data-x="380"
  143.                             data-y="279"
  144.                             data-width="10"
  145.                             data-height="123"
  146.                             data-whitespace="nowrap"
  147.                             data-type="shape"
  148.                             data-responsive_offset="on"
  149.                             data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;","ease":"Power2.easeInOut"}]'
  150.                             data-textAlign="['left','left','left','left']"
  151.                             data-paddingtop="[0,0,0,0]"
  152.                             data-paddingright="[0,0,0,0]"
  153.                             data-paddingbottom="[0,0,0,0]"
  154.                             data-paddingleft="[0,0,0,0]"
  155.  
  156.                             style="z-index: 15;border-color:rgba(0, 0, 0, 0.50);border-width:0px;"> </div>
  157.                         <!-- LAYER NR. 6 -->
  158.                         <div class="tp-caption tp-resizeme d-lg-block d-none"
  159.                             id="slide-100-layer-3"
  160.                             data-x="380"
  161.                             data-y="450"
  162.                             data-width="['auto']"
  163.                             data-height="['auto']"
  164.                             data-type="button"
  165.                             data-actions=''
  166.                             data-responsive_offset="on"
  167.                             data-frames='[{"delay":2000,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Power0.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0,0,0,1);bg:rgba(255,255,255,1);bs:solid;bw:0 0 0 0;"}]'
  168.                             data-textAlign="['inherit','inherit','inherit','inherit']"
  169.                             data-paddingtop="[0]"
  170.                             data-paddingright="[0]"
  171.                             data-paddingbottom="[0]"
  172.                             data-paddingleft="[0]"
  173.                             style="z-index: 10; white-space: nowrap; font-size: 16px; line-height: 30px; font-weight: 600; font-family:Montserrat;border-radius:3px 3px 3px 3px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;"> <a href="https://aafiyat2u.com/" class="site-button button-md" target="_blank">Aafiyat2u</a>
  174.                         </div>
  175.                         <div class="tp-caption tp-resizeme d-lg-block d-none"
  176.                             id="slide-100-layer-4"
  177.                             data-x="570"
  178.                             data-y="448"
  179.                             data-width="['auto']"
  180.                             data-height="['auto']"
  181.                             data-type="button"
  182.                             data-actions=''
  183.                             data-responsive_offset="on"
  184.                             data-frames='[{"delay":2500,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Power0.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0,0,0,1);bg:rgba(255,255,255,1);bs:solid;bw:0 0 0 0;"}]'
  185.                             data-textAlign="['inherit','inherit','inherit','inherit']"
  186.                             data-paddingtop="[0]"
  187.                             data-paddingright="[0]"
  188.                             data-paddingbottom="[0]"
  189.                             data-paddingleft="[0]"
  190.                             style="z-index: 11; white-space: nowrap; font-size: 16px; line-height: 30px; font-weight: 600; font-family:Montserrat;border-radius:3px 3px 3px 3px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;"> <a href="https://aafiyatlifestyle.com/" class="site-button button-md outline outline-2" target="_blank">Aafiyat Lifestyle</a>
  191.                         </div>
  192.                     </li>
  193.                     <!-- slider for ppe -->
  194.                     <li data-index="rs-200" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="images/banner/3.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
  195.                         <!-- MAIN IMAGE -->
  196.                         <img src="images/main-slider/slider-2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
  197.                        
  198.                         <!-- LAYER NR. 2 -->
  199.                         <!-- LAYER NR. 2 -->
  200.                         <div class="tp-caption   tp-resizeme d-lg-block d-none"
  201.                             id="slide-200-layer-1"
  202.                             data-x="380"
  203.                             data-y="200"
  204.                             data-width="['auto']"
  205.                             data-height="['auto']"
  206.                             data-type="text"
  207.                             data-responsive_offset="on"
  208.                             data-frames='[{"delay":"+1990","speed":2000,"frame":"0","from":"opacity:0;","color":"#e5452b","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","color":"transparent","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  209.                             data-textAlign="['inherit','inherit','inherit','inherit']"
  210.                             data-paddingtop="[0,0,0,0]"
  211.                             data-paddingright="[0,0,0,0]"
  212.                             data-paddingbottom="[0,0,0,0]"
  213.                             data-paddingleft="[0,0,0,0]"
  214.                             style="z-index: 6; white-space: nowrap; font-size: 20px; line-height: 62px; font-weight: 700; color: #000; letter-spacing: 0px;font-family:Montserrat;text-transform:uppercase;">
  215.                                  
  216.                         </div>
  217.                         <!-- LAYER NR. 3 -->
  218.                         <div class="tp-caption tp-resizeme text-primary d-lg-block d-none"
  219.                             id="slide-200-layer-2"
  220.                             data-x="380"
  221.                             data-y="260"
  222.                             data-width="['auto']"
  223.                             data-height="['auto']"
  224.                             data-type="text"
  225.                             data-responsive_offset="on"
  226.                             data-frames='[{"delay":"+500","split":"chars","splitdelay":0.05000000000000000277555756156289135105907917022705078125,"speed":2000,"split_direction":"forward","frame":"0","from":"opacity:0;","color":"#000000","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":2000,"frame":"999","color":"transparent","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  227.                             data-textAlign="['left','left','left','left']"
  228.                             data-paddingtop="[0,0,0,0]"
  229.                             data-paddingright="[0,0,0,0]"
  230.                             data-paddingbottom="[0,0,0,0]"
  231.                             data-paddingleft="[30,30,30,30]"
  232.                             style="z-index: 7; white-space: nowrap; font-size: 50px; line-height: 80px; font-weight: 600; letter-spacing: 0px; text-transform:uppercase; font-family:Roboto;">
  233.                                 Olive House <br/> Lorem Ipsum
  234.                         </div>
  235.                         <div class="tp-caption tp-shape tp-shapewrapper bg-primary tp-resizeme d-lg-block d-none"
  236.                             id="slide-200-layer-5"
  237.                             data-x="380"
  238.                             data-y="279"
  239.                             data-width="10"
  240.                             data-height="123"
  241.                             data-whitespace="nowrap"
  242.                             data-type="shape"
  243.                             data-responsive_offset="on"
  244.                             data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;","ease":"Power2.easeInOut"}]'
  245.                             data-textAlign="['left','left','left','left']"
  246.                             data-paddingtop="[0,0,0,0]"
  247.                             data-paddingright="[0,0,0,0]"
  248.                             data-paddingbottom="[0,0,0,0]"
  249.                             data-paddingleft="[0,0,0,0]"
  250.  
  251.                             style="z-index: 15; border-color:rgba(0, 0, 0, 0.50);border-width:0px;"> </div>
  252.                         <!-- LAYER NR. 6 -->
  253.                         <div class="tp-caption tp-resizeme d-lg-block d-none"
  254.                             id="slide-200-layer-3"
  255.                             data-x="380"
  256.                             data-y="450"
  257.                             data-width="['auto']"
  258.                             data-height="['auto']"
  259.                             data-type="button"
  260.                             data-actions=''
  261.                             data-responsive_offset="on"
  262.                             data-frames='[{"delay":2000,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Power0.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0,0,0,1);bg:rgba(255,255,255,1);bs:solid;bw:0 0 0 0;"}]'
  263.                             data-textAlign="['inherit','inherit','inherit','inherit']"
  264.                             data-paddingtop="[0]"
  265.                             data-paddingright="[0]"
  266.                             data-paddingbottom="[0]"
  267.                             data-paddingleft="[0]"
  268.                             style="z-index: 10; white-space: nowrap; font-size: 16px; line-height: 30px; font-weight: 600; font-family:Montserrat;border-radius:3px 3px 3px 3px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;"> <a href="https://aafiyat2u.com/" class="site-button button-md" target="_blank">Aafiyat2u</a>
  269.                         </div>
  270.                         <div class="tp-caption tp-resizeme d-lg-block d-none"
  271.                             id="slide-200-layer-4"
  272.                             data-x="570"
  273.                             data-y="448"
  274.                             data-width="['auto']"
  275.                             data-height="['auto']"
  276.                             data-type="button"
  277.                             data-actions=''
  278.                             data-responsive_offset="on"
  279.                             data-frames='[{"delay":2500,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Power0.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0,0,0,1);bg:rgba(255,255,255,1);bs:solid;bw:0 0 0 0;"}]'
  280.                             data-textAlign="['inherit','inherit','inherit','inherit']"
  281.                             data-paddingtop="[0]"
  282.                             data-paddingright="[0]"
  283.                             data-paddingbottom="[0]"
  284.                             data-paddingleft="[0]"
  285.                             style="z-index: 11; white-space: nowrap; font-size: 16px; line-height: 30px; font-weight: 600; font-family:Montserrat;border-radius:3px 3px 3px 3px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;"> <a href="https://aafiyatlifestyle.com/" class="site-button button-md outline outline-2" target="_blank">Aafiyat
  286.                                 Lifestyle</a>
  287.                         </div>
  288.                     </li>
  289.                     <!-- slider for pe -->
  290.                     <li data-index="rs-300" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="images/banner/4.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
  291.                         <!-- MAIN IMAGE -->
  292.                         <img src="images/main-slider/slider-1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
  293.                        
  294.                         <!-- LAYER NR. 2 -->
  295.                         <div class="tp-caption d-lg-block d-none tp-resizeme"
  296.                             id="slide-300-layer-1"
  297.                             data-x="380"
  298.                             data-y="200"
  299.                             data-width="['auto']"
  300.                             data-height="['auto']"
  301.                             data-type="text"
  302.                             data-responsive_offset="on"
  303.                             data-frames='[{"delay":"+1990","speed":2000,"frame":"0","from":"opacity:0;","color":"#e5452b","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","color":"transparent","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  304.                             data-textAlign="['inherit','inherit','inherit','inherit']"
  305.                             data-paddingtop="[0,0,0,0]"
  306.                             data-paddingright="[0,0,0,0]"
  307.                             data-paddingbottom="[0,0,0,0]"
  308.                             data-paddingleft="[0,0,0,0]"
  309.                             style="z-index: 6; white-space: nowrap; font-size: 20px; line-height: 62px; font-weight: 700; color: #000; letter-spacing: 0px;font-family:Montserrat;text-transform:uppercase;">
  310.                                  
  311.                         </div>
  312.                         <!-- LAYER NR. 3 -->
  313.                         <div class="tp-caption tp-resizeme d-lg-block d-none text-primary"
  314.                             id="slide-300-layer-2"
  315.                             data-x="380"
  316.                             data-y="260"
  317.                             data-width="['auto']"
  318.                             data-height="['auto']"
  319.                             data-type="text"
  320.                             data-responsive_offset="on"
  321.                             data-frames='[{"delay":"+500","split":"chars","splitdelay":0.05000000000000000277555756156289135105907917022705078125,"speed":2000,"split_direction":"forward","frame":"0","from":"opacity:0;","color":"#000000","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":2000,"frame":"999","color":"transparent","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  322.                             data-textAlign="['left','left','left','left']"
  323.                             data-paddingtop="[0,0,0,0]"
  324.                             data-paddingright="[0,0,0,0]"
  325.                             data-paddingbottom="[0,0,0,0]"
  326.                             data-paddingleft="[30,30,30,30]"
  327.                             style="z-index: 7; white-space: nowrap; font-size: 50px; line-height: 80px; font-weight: 600; letter-spacing: 0px; text-transform:uppercase; font-family:Roboto;">
  328.                                 Olive House <br/> Lorem Ipsum
  329.                         </div>
  330.                         <div class="tp-caption tp-shape d-lg-block d-none tp-shapewrapper bg-primary tp-resizeme"
  331.                             id="slide-300-layer-5"
  332.                             data-x="380"
  333.                             data-y="279"
  334.                             data-width="10"
  335.                             data-height="123"
  336.                             data-whitespace="nowrap"
  337.                             data-type="shape"
  338.                             data-responsive_offset="on"
  339.                             data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;","ease":"Power2.easeInOut"}]'
  340.                             data-textAlign="['left','left','left','left']"
  341.                             data-paddingtop="[0,0,0,0]"
  342.                             data-paddingright="[0,0,0,0]"
  343.                             data-paddingbottom="[0,0,0,0]"
  344.                             data-paddingleft="[0,0,0,0]"
  345.  
  346.                             style="z-index: 15;border-color:rgba(0, 0, 0, 0.50);border-width:0px;"> </div>
  347.                         <!-- LAYER NR. 6 -->
  348.                         <div class="tp-caption tp-resizeme d-lg-block d-none"
  349.                             id="slide-100-layer-3"
  350.                             data-x="380"
  351.                             data-y="450"
  352.                             data-width="['auto']"
  353.                             data-height="['auto']"
  354.                             data-type="button"
  355.                             data-actions=''
  356.                             data-responsive_offset="on"
  357.                             data-frames='[{"delay":2000,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Power0.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0,0,0,1);bg:rgba(255,255,255,1);bs:solid;bw:0 0 0 0;"}]'
  358.                             data-textAlign="['inherit','inherit','inherit','inherit']"
  359.                             data-paddingtop="[0]"
  360.                             data-paddingright="[0]"
  361.                             data-paddingbottom="[0]"
  362.                             data-paddingleft="[0]"
  363.                             style="z-index: 10; white-space: nowrap; font-size: 16px; line-height: 30px; font-weight: 600; font-family:Montserrat;border-radius:3px 3px 3px 3px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;"> <a href="https://aafiyat2u.com/" class="site-button button-md" target="_blank">Aafiyat2u</a>
  364.                         </div>
  365.                         <div class="tp-caption tp-resizeme d-lg-block d-none"
  366.                             id="slide-300-layer-4"
  367.                             data-x="570"
  368.                             data-y="448"
  369.                             data-width="['auto']"
  370.                             data-height="['auto']"
  371.                             data-type="button"
  372.                             data-actions=''
  373.                             data-responsive_offset="on"
  374.                             data-frames='[{"delay":2500,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Power0.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0,0,0,1);bg:rgba(255,255,255,1);bs:solid;bw:0 0 0 0;"}]'
  375.                             data-textAlign="['inherit','inherit','inherit','inherit']"
  376.                             data-paddingtop="[0]"
  377.                             data-paddingright="[0]"
  378.                             data-paddingbottom="[0]"
  379.                             data-paddingleft="[0]"
  380.                             style="z-index: 11; white-space: nowrap; font-size: 16px; line-height: 30px; font-weight: 600; font-family:Montserrat;border-radius:3px 3px 3px 3px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;"> <a href="https://aafiyatlifestyle.com/" class="site-button button-md outline outline-2" target="_blank">Aafiyat Lifestyle</a>
  381.                         </div>
  382.                     </li>
  383.                 </ul>
  384.                 <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> </div>
  385.             </div>  
  386.         </div>  
  387.         <!-- Main Slider -->
  388.         <!-- contact area -->
  389.         <div class="content-block">
  390.            <!-- fullwidth our story -->
  391.            <a href="about-us.php">
  392.            <div class="container-fluid story ">
  393.             <div class="row">
  394.                
  395.                  <h1> Olive House</h1>
  396.                
  397.             </div>
  398.            </div>
  399.            </a>
  400.            <!-- end of fullwidth our story -->
  401.  
  402.            <!-- fullwidht 4 column -->
  403.            <div class="container-fluid four-column">
  404.             <div class="row">
  405.                 <div class="col-sm-3">
  406.                     <a href="vision_mission.php">
  407.                     <img src="images/mock/visi.jpg">
  408.                     </a>
  409.                 </div>
  410.  
  411.                 <div class="col-sm-3">
  412.                     <img src="images/mock/business.jpg">
  413.                 </div>
  414.  
  415.                 <div class="col-sm-3">
  416.                     <img src="images/mock/our-product2.jpg">
  417.                 </div>
  418.  
  419.                 <div class="col-sm-3">
  420.                     <img src="images/mock/store3.jpg">
  421.                 </div>
  422.                
  423.             </div>                 
  424.            </div>
  425.            <!-- end of fullwidth 4 clomun -->
  426.  
  427.            <!-- start column 2 -->
  428.  
  429.             <div class="container-fluid two-column">
  430.                 <div class="row">
  431.  
  432.                     <div class="col-sm-6">
  433.                         <img src="images/mock/lifestyle.jpg">
  434.                     </div>
  435.  
  436.                     <div class="col-sm-6">
  437.                         <img src="images/mock/lifestyle2.jpg">
  438.                     </div>
  439.  
  440.                 </div>
  441.             </div>
  442.  
  443.            <!-- end of column 2 -->
  444.  
  445.            <!-- four column start -->
  446.            <div class="container-fluid four-column">
  447.             <div class="row">
  448.                 <div class="col-sm-3">
  449.                     <img src="images/mock/store3.jpg">
  450.                 </div>
  451.  
  452.                 <div class="col-sm-3">
  453.                     <img src="images/mock/store3.jpg">
  454.                 </div>
  455.  
  456.                 <div class="col-sm-3">
  457.                     <img src="images/mock/store3.jpg">
  458.                 </div>
  459.  
  460.                 <div class="col-sm-3">
  461.                     <img src="images/mock/store3.jpg">
  462.                 </div>
  463.                
  464.             </div>                 
  465.            </div>
  466.            <!-- end of 4 column -->
  467.  
  468.             <!-- fullwidth our story -->
  469.            <div class="container-fluid news ">
  470.             <div class="row">
  471.                  <h1> AAFIYAT NEWS</h1>
  472.             </div>
  473.            </div>
  474.            <!-- end of fullwidth our story -->
  475.        
  476.         </div>
  477.         <!-- contact area END -->
  478.     </div>
  479.     <!-- Content END-->
  480.     <!-- Footer -->
  481.     <?php include ("footer.php"); ?>
  482.     <!-- Footer END-->
  483.     <button class="scroltop fa fa-chevron-up"></button>
  484. </div>
  485. <!-- JAVASCRIPT FILES ========================================= -->
  486. <script src="js/jquery.min.js"></script><!-- JQUERY.MIN JS -->
  487. <script src="plugins/wow/wow.js"></script><!-- WOW JS -->
  488. <script src="plugins/bootstrap/js/popper.min.js"></script><!-- BOOTSTRAP.MIN JS -->
  489. <script src="plugins/bootstrap/js/bootstrap.min.js"></script><!-- BOOTSTRAP.MIN JS -->
  490. <script src="plugins/bootstrap-select/bootstrap-select.min.js"></script><!-- FORM JS -->
  491. <script src="plugins/bootstrap-touchspin/jquery.bootstrap-touchspin.js"></script><!-- FORM JS -->
  492. <script src="plugins/magnific-popup/magnific-popup.js"></script><!-- MAGNIFIC POPUP JS -->
  493. <script src="plugins/counter/waypoints-min.js"></script><!-- WAYPOINTS JS -->
  494. <script src="plugins/counter/counterup.min.js"></script><!-- COUNTERUP JS -->
  495. <script src="plugins/imagesloaded/imagesloaded.js"></script><!-- IMAGESLOADED -->
  496. <script src="plugins/masonry/masonry-3.1.4.js"></script><!-- MASONRY -->
  497. <script src="plugins/masonry/masonry.filter.js"></script><!-- MASONRY -->
  498. <script src="plugins/owl-carousel/owl.carousel.js"></script><!-- OWL SLIDER -->
  499. <script src="js/custom.js"></script><!-- CUSTOM FUCTIONS  -->
  500. <script src="js/carousel.js"></script><!-- SORTCODE FUCTIONS  -->
  501.  
  502. <script src="js/ajax.js"></script><!-- CONTACT JS  -->
  503. <script src="plugins/chart/Chart.bundle.js"></script>
  504. <script src="plugins/chart/utils.js"></script>
  505.  <!-- revolution JS FILES -->
  506. <script src="plugins/revolution/revolution/js/jquery.themepunch.tools.min.js"></script>
  507. <script src="plugins/revolution/revolution/js/jquery.themepunch.revolution.min.js"></script>
  508. <!-- Slider revolution 5.0 Extensions  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->
  509. <script src="plugins/revolution/revolution/js/extensions/revolution.extension.actions.min.js"></script>
  510. <script src="plugins/revolution/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
  511. <script src="plugins/revolution/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
  512. <script src="plugins/revolution/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
  513. <script src="plugins/revolution/revolution/js/extensions/revolution.extension.migration.min.js"></script>
  514. <script src="plugins/revolution/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
  515. <script src="plugins/revolution/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
  516. <script src="plugins/revolution/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
  517. <script src="plugins/revolution/revolution/js/extensions/revolution.extension.video.min.js"></script>
  518. <script src="js/rev.slider.js"></script>
  519. <script src="js/activenav.js"></script>
  520. <script>
  521. jQuery(document).ready(function() {
  522.     'use strict';
  523.     dz_rev_slider_1();
  524. }); /*ready*/
  525. </script>
  526. </body>
  527. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!