API tools faq
paste
Advertisement
bungfaz46

abdul fazri

bungfaz46
Jul 2nd, 2018
223
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 8.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html lang="en">
  4. <head>
  5.     <title>abdul fazri</title>
  6.    
  7.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8.    <script src="js/jquery.js"></script>
  9.     <script src="js/jquery.glide.js"></script>
  10.    
  11.     <link rel="stylesheet" href="css/style.css">
  12.       <link rel="stylesheet" href="css/animate.css">
  13.     <script type="text/javascript" src="js/MyJQ.js"></script>
  14.     <script src="js/jquery.localScroll.min.js" type="text/javascript"></script>
  15.     <script src="js/jquery.scrollTo.min.js" type="text/javascript"></script>
  16.     <script src="js/wow.min.js" type="text/javascript"></script>
  17.  
  18.  
  19. <script type="text/javascript">
  20. $(document).ready(function() {
  21.    $('#navigations').localScroll({duration:800});
  22. });
  23. </script>
  24.  
  25. <script src="js/wow.min.js"></script>
  26. <script>
  27. new WOW().init();
  28. </script>
  29. </head>
  30. <body>
  31.  
  32.  
  33.  
  34. <div class="headerwrapper">
  35.     <div id="header" class="container">
  36.         <div class="logo"> <a href="#"><img src="images/LOGO.jpg" alt="logo" width="215" height="105"></a> </div> <!--end of Logo-->
  37.         <nav>
  38.             <ul id="navigations">
  39.                 <li><a href="#navigations">HOME</a></li>
  40.                <!-- ini adalah batas -->
  41.                 <li><a href="#map">TENTANG</a></li>
  42.                 <li><a href="#bestdishes">MENU/LAYANAN</a></li>
  43.                 <li><a href="#contactus">CONTACT</a></li>
  44.             </ul>
  45.         </nav>
  46.       </div>
  47. </div>
  48.  
  49.  
  50.  
  51.  
  52. <div class="sliderwrapper">
  53.       <div id="slider" class="container">
  54.            <div class="slider">
  55.                 <ul class="slides">
  56.                       <li class="slide">
  57.                         <h5 class="wow fadeInDown" data-wow-delay="0.8s">WELCOME TO ABDUL FOOD</h5>
  58.                         <p class="wow fadeInUp" data-wow-delay="0.8s">Abdul Food adalah salah satu restoran, yang terletak di lokasi Cirebon utara, bukan hanya mendirikan restoran saja tetapi juga menerima pesanan online, dan kami akan melayani anda dari jarak mana pun silkan beli secara online dan rasakan sensasi nya</p>
  59.                       <img src="images/lengko.jpg" width="317" height="256" class="wow fadeInRight"
  60.                       data-wow-delay="0.8s" alt="slide1img">
  61.                       </li>
  62.                       <li class="slide">
  63.                         <h5 class="wow fadeInDown" data-wow-delay="0.8s">Rumah makan, Sumber rezeki</h5>
  64.                         <p class="wow fadeInUp" data-wow-delay="0.8s">Rumah makan yang terletak di daerah suranenggala dan rumah makan ini juga menyediakan makanan khas cirebon</p>
  65.                       <img src="images/gentong.jpg" width="317" height="256" class="wow fadeInRight"
  66.                       data-wow-delay="0.8s" alt="slideimg2">
  67.                       </li>
  68.                       <li class="slide">
  69.                         <h5 class="wow fadeInDown" data-wow-delay="0.8s">Nasi jamblang, ibu sum</h5>
  70.                         <p class="wow fadeInUp" data-wow-delay="0.8s">Rumah makan ibu sum adalah rumah makan yang berfokus pada penjualan nasi jamblang saja tidak ada yang lain, warung ini terletak di daerah cirebon desa surakarta</p>
  71.                       <img src="images/jamblang.jpg" width="317" height="256" class="wow fadeInRight"
  72.                       data-wow-delay="0.8s" alt="slideimg2">
  73.                       </li>
  74.                   </ul>
  75.             </div>
  76.       </div>
  77. </div>
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85. <div class="bestdisheswrapper">
  86.     <div id="bestdishes" class="container">
  87.        
  88.          <h2 class="wow fadeInUp" data-wow-delay="0.3s">Daftar Rumah Makan, dan menu</h2>
  89.       <div class="slider">
  90.                 <ul class="slides">
  91.                  <li class="slide">
  92.                     <div class="item">
  93.                           <img src="images/lengk.jpg" width="226" height="225" alt="sliderimg" class="wow flipInX"
  94.                            data-wow-delay=".8s">
  95.                           <h3>nasi lengko</h3>
  96.                           <h3>Abdul Food</h3>
  97.                       </div>
  98.                      
  99.                    <div class="item2">
  100.                           <img src="images/tahu-gejrot.jpg" width="226" height="225" alt="sliderimg" class="wow flipInX"
  101.                            data-wow-delay=".8s" donwload>
  102.                           <h3>Tahu gejrot</h3>
  103.                           <h3>RM. Sumber rezeki</h3>
  104.                       </div>
  105.                      
  106.                    <div class="item3">
  107.                           <img src="images/jamblang.jpg" width="226" height="225" alt="sliderimg" class="wow flipInX"
  108.                            data-wow-delay=".8s">
  109.                           <h3>Nasi Jamblang</h3>
  110.                           <h3>RM. Ibu sum</h3>
  111.                       </div>
  112.                   </li>
  113.                    <li class="slide">
  114.                     <div class="item">
  115.                           <img src="images/lengk.jpg" width="226" height="225" alt="sliderimg" >
  116.                           <h3>Lengko</h3>
  117.                       </div> <!-- end of item-->
  118.                      
  119.                    <div class="item2">
  120.                           <img src="gentong.jpg" width="226" height="225" alt="sliderimg">
  121.                           <h3>empal gentong</h3>
  122.                       </div> <!-- end of item-->
  123.                      
  124.                    <div class="item3">
  125.                           <img src="images/lengko.jpg" width="226" height="225" alt="sliderimg">
  126.                           <h3>lengko jaman now</h3>
  127.                       </div> <!-- end of item-->
  128.                   </li>
  129.                    
  130.         </ul>
  131.       </div>
  132.     </div>
  133. </div>
  134.  
  135.  
  136. <div class="bookonlinewrapper">
  137.     <div class="container" id="bookonline">
  138.    
  139.     <a href="crud/index.php"><button class="booknow wow fadeInUp"> Buku pesanan</button></a>
  140.    
  141.     </form>
  142.    
  143.    
  144.     </div>
  145. </div>
  146.  
  147.  
  148.  
  149.  
  150.  
  151. <div class="mapwrapper">
  152.     <div id="map" class="container">
  153.     <h1 align="center">Tentang restoran</h1>
  154.     <p>Restoran ini adalah sebuah restoran yang bergerak di bidang masakan khas cirebon, karna restoran ini mengispirasi dari masakan-masakan khas cirebon bukan hanya itu restoran ini juga mengajak anak-anak mudah cirebon agar lebih mencintai khas-khas masakan cirebon dan tak gengsi jika makanan cirebon karna restoran ini di desain lebih baik dan bisa pesan lewat online</p>
  155.    
  156.     </div>
  157.  
  158. </div>  
  159.  
  160.  
  161.  
  162.  
  163.  
  164. <div class="contactwrapper">
  165.   <div id="contactus" class="container">
  166.         <h3 class="wow fadeInUp" data-wow-delay="0.3s">CONTACT</h3>
  167.         <div class="staff">
  168.           <ul>
  169.                   <li><img src="images/abdul.jpg" width="163" height="163" class="myimage wow fadeIn" title="mido" alt="1">
  170.                    </li>
  171.              </ul>  
  172.              
  173.          </div>  
  174.    
  175.        
  176.    
  177.    
  178.    
  179.     </div>
  180.    
  181. </div>
  182.  
  183.  
  184.  
  185. <div class="footerwrapper">
  186.     <footer class="container">
  187.         <div class="customerreview">
  188.              
  189.           <div class="review">
  190.            
  191.            
  192.             </div>
  193.              
  194.               <div class="clearfix"></div>
  195.               <div class="line"></div>
  196.              
  197.           <div class="review">
  198.             <p><strong>&#8220; </strong>
  199.             <strong>&#8221;</strong></p>
  200.              
  201.              <h4></h4>
  202.            
  203.            
  204.             </div>
  205.              
  206.            
  207.         </div>
  208.         <div class="socialize">
  209.        
  210.       <h2>Silakan hubungi kontak kami, klik tombol di bawah</h2>
  211.         <div class="socialimgs">
  212.           <a href="#"><img src="images/hubungi.png" width="68" height="68" class="#"
  213.            alt="#"></a>
  214.        
  215.       </div>
  216.      
  217.        </div>
  218.      
  219.      
  220. <div class="sendfeedback">
  221.      
  222.            
  223.            
  224.            
  225.            
  226.            
  227.             </form>
  228.        
  229.         </div>
  230.        
  231.    
  232.    
  233.    
  234.     </footer>
  235.  
  236. </div>
  237.  
  238.  
  239.  
  240.  
  241.  
  242. <div class="copyrightswrapper">
  243.     <div id="copyrights" class="container">
  244.    
  245.        <p>Copyright Abdul robi padri 2017-2018 <a href=">  </a></p>
  246.    
  247.     </div> <!-- end of copyrights-->
  248. </div> <!-- end of website-->
  249.    
  250.  
  251.  
  252.  
  253. <div class="fixedsocial">
  254. <a href="#"><img src="images/facebook.png" width="20" height="20" alt="fb"> </a>
  255. <a href="#"><img src="images/behance.png" width="20" height="20" alt="behance"> </a>
  256.  
  257.  
  258.  
  259.  
  260. </div>
  261.  
  262. <script type="text/javascript">
  263.     $('.sliderwrapper .slider').glide({
  264.         autoplay: 7000,
  265.         animationDuration: 3000,
  266.         arrows: true,
  267.        
  268.        
  269.    
  270.         });
  271.    
  272. </script>
  273.    
  274.     <script type="text/javascript">
  275.     $('.bestdisheswrapper .slider').glide({
  276.         autoplay: false,
  277.         animationDuration: 700,
  278.         arrows: true,
  279.         navigation:false,
  280.        
  281.        
  282.    
  283.         });
  284.    
  285.    
  286. </script>
  287.    
  288.    
  289.    
  290.  
  291. </body>
  292.  
  293. </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!