API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 22nd, 2017
600
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 23.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <title>Just The Tips</title>
  5.   <meta charset="utf-8">
  6.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.   <meta name="viewport" content="width=device-width, initial-scale=1">
  8.   <meta name="description" content="Hanya Sebuah Web Pribadi berisi tentang data diri seorang bocah ingusan">
  9.   <meta name="author" content="RiyanRIS">
  10.   <link rel="stylesheet" type="text/css" href="css/bootstrap/carousel.css">
  11.   <link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.min.css">
  12.   <link rel="stylesheet" type="text/css" href="css/font-awesome/css/font-awesome.min.css">
  13.   <link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
  14.   <link rel="stylesheet" type="text/css" href="css/creative.css">
  15.   <link rel="stylesheet" type="text/css" href="css/animate.css">
  16.   <link rel="stylesheet" type="text/css" href="css/style.css">
  17.  
  18. </head>
  19. <body data-spy="scroll" data-target="#mainNavbar" data-offset="10">
  20.  
  21.   <div class="preloader">
  22.     <div class="loader theme_background_color">
  23.         <span></span>
  24.     </div>
  25.   </div>
  26.  
  27.  
  28.   <!-- Navigation Bar -->
  29.   <nav class="navbar navbar-default navbar-fixed-top" id="mainNavbar">
  30.     <div class="container-fluid">
  31.       <div class="navbar-header">
  32.         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
  33.           <span class="sr-only">Toggle navigation</span>
  34.           <span class="icon-bar"></span>
  35.           <span class="icon-bar"></span>
  36.           <span class="icon-bar"></span>
  37.         </button>
  38.         <a class="navbar-brand" href="#" style="font-family: 'Chewy', cursive;font-size: 20px">PortFolio</a>
  39.       </div>
  40.       <div class="collapse navbar-collapse nav" id="bs-example-navbar-collapse-1">
  41.         <ul class="nav navbar-nav navbar-right" >
  42.           <li class="active"><a href="#home" style="font-family: 'Fredoka One', cursive;font-size: 15px;">Home</a></li>
  43.           <li><a href="#Pendidikan" style="font-family: 'Fredoka One', cursive;font-size: 15px;">Pendidikan</a></li>
  44.           <li><a href="#data-diri" style="font-family: 'Fredoka One', cursive;font-size: 15px;">Data Diri</a></li>
  45.           <li><a href="#Ira" style="font-family: 'Fredoka One', cursive;font-size: 15px;">Tentang Saya</a></li>
  46.           <li><a href="#portfolio" style="font-family: 'Fredoka One', cursive;font-size: 15px;">MyPortFolio</a></li>
  47.         </ul>
  48.       </div>
  49.     </div>
  50.   </nav>
  51.  
  52.   <!-- Home -->
  53.   <div class="parallax-window" data-parallax="scroll" data-image-src="asset/pic/tes.jpg" data-speed="0.3"  style="min-height: 655px" id="home">
  54.     <div class="col-md-6 col-md-offset-3">
  55.       <center>
  56.       <br><br><br><br><br><br><br><br><br><br>
  57.         <h1 class="wow fadeInLeftBig" style="font-size: 80px;color:#fff;font-family: 'Shrikhand', cursive;">HI I'M <strong style="color:rgb(49,176,213)">RIYAN</strong></h1>
  58.        <p class="wow fadeInRightBig" data-wow-delay="1s" style="color:#fff;font-size: 18px;font-family: 'Concert One', cursive;">Belajar, mencoba, dan mengevaluasi adalah kunci kesuksesan bagi saya. Di sisi lain, manajemen waktu adalah kunci utama untuk menjaga semua tetap imbang! </p>
  59.        <br><br><br><br>
  60.        <a class="btn btn-lg btn-info wow fadeInUpBig" data-wow-delay="2s" target="blank" href="http://programer-junior4.blogspot.com"> <span class="fa fa-thumbs-o-up"></span><strong> My Blog</strong></a>
  61.      </center>
  62.    </div>
  63.  </div>
  64.  
  65.  <div class="container marketing">
  66.  
  67.    <!-- Pendidikan -->
  68.    <div class="row" id="Pendidikan" style="padding-top:50px">
  69.  
  70.         <div class="col-md-6 col-md-offset-3"><center>
  71.        <h1 style="font-size: 50px;font-family: 'Chewy', cursive; color:rgb(49,176,213)">
  72.        <strong>Pendidikan</strong>
  73.        </h1></center>
  74.      </div>
  75.      <div class="col-lg-4 wow fadeInUp" data-wow-offset="250">
  76.        <img class="img-circle" src="asset/pic/arbot.jpg" alt="Generic placeholder image" width="140" height="140">
  77.        <h2 style="color:rgb(49,176,213)">SDN 1 Botoran</h2>
  78.        <p>
  79.             Jl.abdul Fatah/gII/68a, BOTORAN, Kec. Tulungagung, Kab. Tulungagung Prop. Jawa Timur<br>
  80.             Email : sdn1botoran@gmail.com<br>
  81.             Phone : (0355) 332580
  82.           </p>
  83.        <p><a class="btn btn-default" href="http://sekolah.data.kemdikbud.go.id/index.php/chome/profil/5087FEB5-8C18-E111-A1E5-C7711986F463"  target="blank" role="button">View details &raquo;</a></p>
  84.      </div>
  85.  
  86.      <div class="col-lg-4 wow fadeInUp" data-wow-offset="250">
  87.        <img class="img-circle" src="asset/pic/arpega.jpg" alt="Generic placeholder image" width="140" height="140">
  88.        <h2 style="color:rgb(49,176,213)">SMPN 3 Tulungagung</h2>
  89.        <p>
  90.          Jl. Oerip Soemohardjo No.24, KEPATIHAN, Kec. Tulungagung, Kab. Tulungagung Prop. Jawa Timur. <br>
  91.          Email : smpn3tulungagung@yahoo.com<br>
  92.               Phone : (0355) 321824
  93.        </p>
  94.        <p><a class="btn btn-default" href="http://sekolah.data.kemdikbud.go.id/index.php/chome/profil/A0D1C4B9-8C18-E111-95C5-630259ED643B"  target="blank" role="button">View details &raquo;</a></p>
  95.      </div>
  96.      <div class="col-lg-4  wow fadeInUp" data-wow-offset="250">
  97.        <img class="img-circle" src="asset/pic/esemkita.jpg" alt="Generic placeholder image" width="140" height="140">
  98.        <h2 style="color:rgb(49,176,213)">SMKN 1 Boyolangu</h2>
  99.        <p>
  100.             JL. KI MANGUNSARKORO VI/3, Beji, Kec. Boyolangu, Kab. Tulungagung Prop. Jawa Timur <br>
  101.             Email : smkn1boyolangu@yahoo.co.id <br>
  102.             Phone : (0355) 323024 <br> 
  103.          <a href="http://www.smkn1boyolangu.sch.id">www.smkn1boyolangu.sch.id/</a>
  104.        </p>
  105.        <p><a class="btn btn-default" href="http://sekolah.data.kemdikbud.go.id/index.php/chome/profil/A3701345-518A-4CC0-8DFD-3B69E01D65E2"  target="blank" role="button">View details &raquo;</a></p>
  106.      </div>
  107.    </div>
  108.    
  109.    <!-- Perkenalan -->
  110.    <div  id="data-diri" >  
  111.      <hr class="featurette-divider" >
  112.      <div class="row">
  113.        <div class="col-md-7 col-md-push-5 wow fadeInRightBig" data-wow-offset="200">
  114.          <h2 class="featurette-heading" style="font-family: 'Libre Franklin', sans-serif; color:rgb(49,176,213)">Informasi <span class="text-muted">Pribadi.</span></h2>
  115.          <p class="lead" >
  116.            <dl class="dl-horizontal" style="font-size: 18px;" >  
  117.                   <dt>Nama</dt><dd>Riyan Risky Widya Syaputro</dd>
  118.                   <dt>Alamat</dt><dd>Botoran, Tulungagung</dd>
  119.                   <dt>Email</dt><dd>riyanrisky129@gmail.com</dd>
  120.                   <dt>No Handphone</dt><dd>085232988859</dd>
  121.                   <dt>Hoby</dt><dd>i dont know</dd>
  122.                 </dl>
  123.               <div class="row">
  124.              <div class="col-md-6 col-md-offset-3 text-center">
  125.              
  126.                <a href="https://www.facebook.com/RiyanRIS.W.S" class="fa-stack fa-2x">
  127.                  <i class="fa fa-square-o fa-stack-2x"></i>
  128.                  <i class="fa fa-facebook fa-stack-1x"></i>
  129.                </a>
  130.                <a href="https://www.twitter.com/Unt1line_Riyan" class="fa-stack fa-2x">
  131.                  <i class="fa fa-square-o fa-stack-2x"></i>
  132.                  <i class="fa fa-twitter fa-stack-1x"></i>
  133.                </a>
  134.                <a href="https://www.youtube.com/channel/UCGqFkapRksdJCYjFiSxbstg" class="fa-stack fa-2x">
  135.                  <i class="fa fa-square-o fa-stack-2x"></i>
  136.                  <i class="fa fa-youtube fa-stack-1x"></i>
  137.                </a><br />
  138.                <a href="https://www.instagram.com/riyanris/?hl=id" class="fa-stack fa-2x">
  139.                  <i class="fa fa-square-o fa-stack-2x"></i>
  140.                  <i class="fa fa-instagram fa-stack-1x"></i>
  141.                </a>
  142.                <a href="https://www.plus.google.com/u/0/111611017127045407524" class="fa-stack fa-2x">
  143.                  <i class="fa fa-square-o fa-stack-2x"></i>
  144.                  <i class="fa fa-google-plus-official fa-stack-1x"></i>
  145.                </a>
  146.                <a href="https://www.github.com/RiyanRIS"  class="fa-stack fa-2x">
  147.                  <i class="fa fa-square-o fa-stack-2x"></i>
  148.                  <i class="fa fa-github fa-stack-1x"></i>
  149.                </a>
  150.            
  151.              </div>
  152.            </div>
  153.          </p>
  154.         </div>
  155.        <div class="col-md-5 col-md-pull-7 wow fadeInLeftBig" data-wow-offset="200">
  156.          <img class="featurette-image img-responsive center-block" src="asset/pic/2.jpg">
  157.        </div>
  158.      </div>
  159.    </div>
  160.  
  161.    <!-- Gambar Gambar Karo kata2 Gaje -->
  162.    <div  id="Ira">
  163.      <hr class="featurette-divider">
  164.      <div class="row featurette" id="tes">
  165.        <div class="col-md-7 wow fadeInLeftBig" data-wow-offset="200">
  166.          <h2 class="featurette-heading" style="font-family: 'Libre Franklin', sans-serif; color:rgb(49,176,213)">Tentang saya <span class="text-muted">sisi baik dan buruk saya.</span></h2>
  167.          <p class="lead">saya hanya seorang anak ingusan yang baru mengenal dunia programer dan sudah sombong dengan karya kecilku. Bisa dibilang suka dengan <em>Coding</em> namun masih belum tahu betul dengan dunia yang saya geluti.</p>
  168.        </div>
  169.        <div class="col-md-5 wow fadeInRightBig" data-wow-offset="200">
  170.          <img class="featurette-image img-responsive center-block" src="asset/pic/1.jpg" >
  171.        </div>
  172.      </div>
  173.  
  174.      <hr class="featurette-divider">
  175.  
  176.      <div class="row featurette" style="margin-bottom: 60px">
  177.        <div class="col-md-7 col-md-push-5 wow fadeInRightBig" data-wow-offset="200">
  178.          <h2 class="featurette-heading" style="font-family: 'Libre Franklin', sans-serif; color:rgb(49,176,213)">Menyenangkan. <span class="text-muted">Mengenal saya lebih dekat.</span></h2>
  179.          <p class="lead">Anak yang pendiam, tidak mudah bergaul dengan orang disekitar. Cenderung menutup diri dari dunia luar, kurang perhatian dan salalu merepotkan orang lain. <strong>Jomblo</strong></p>
  180.        </div>
  181.        <div class="col-md-5  col-md-pull-7 wow fadeInLeftBig" data-wow-offset="200">
  182.          <img class="featurette-image img-responsive center-block" src="asset/pic/3.jpg" >
  183.        </div>
  184.      </div>
  185.    </div>
  186.  </div>
  187.  
  188.  <div class="parallax-window" data-parallax="scroll" data-image-src="asset/pic/12.jpg" data-speed="0.3"  style="min-height: 250px;padding-top: 40px" id="portfolio">
  189.      <center>
  190.        <div class="container">
  191.          <h1 class="wow bounceIn" data-wow-duration="1s" style="font-size: 80px;color:rgb(49,176,213);font-family: 'Shrikhand', cursive;">
  192.            <strong>My Port Folio</strong>
  193.          </h1>
  194.        </div>
  195.     </center>
  196.  </div>
  197.  
  198.  <!-- Galery -->
  199.  <section class="no-padding parallax-window" data-parallax="scroll" data-image-src="asset/pic/23.jpg" >
  200.    <div class="container-fluid">
  201.    <!-- <h1 style="font-size: 50px;font-family: 'Libre Franklin', sans-serif; color:rgb(49,176,213)" class="text-center"><strong>Galery</strong></h1> -->
  202.      <div class="row no-gutter popup-gallery">
  203.  
  204.        <!-- Foto Pertama -->
  205.        <div class="col-lg-4 col-sm-6">
  206.          <div class="portfolio-box">
  207.            <img src="asset/pic/portfolio/1.jpg" class="img-responsive" alt="">
  208.            <div class="portfolio-box-caption">
  209.              <div class="portfolio-box-caption-content">
  210.                <div style="font-family: 'Boogaloo', cursive;font-size: 25px;">
  211.                  Borobudur
  212.                </div>
  213.                <div style="font-family: 'Boogaloo', cursive;font-size: 15px;">
  214.                  Kunjungan Industri mampir ke borobudur.
  215.                </div>
  216.              </div>
  217.            </div>
  218.          </div>
  219.        </div>
  220.      
  221.        <!-- Foto Kedua -->
  222.        <div class="col-lg-4 col-sm-6">
  223.          <div class="portfolio-box">
  224.            <img src="asset/pic/portfolio/2.jpg" class="img-responsive" alt="">
  225.            <div class="portfolio-box-caption">
  226.              <div class="portfolio-box-caption-content">
  227.                <div style="font-family: 'Boogaloo', cursive;font-size: 25px;">
  228.                  Sekolah Dasar
  229.                </div>
  230.                <div style="font-family: 'Boogaloo', cursive;font-size: 15px;">
  231.                  Masa dimana hidup masih menyenangkan.
  232.                </div>
  233.              </div>
  234.            </div>
  235.          </div>
  236.        </div>
  237.  
  238.        <!-- Foto Ketiga -->
  239.        <div class="col-lg-4 col-sm-6">
  240.          <div class="portfolio-box">
  241.            <img src="asset/pic/portfolio/3.jpg" class="img-responsive" alt="">
  242.            <div class="portfolio-box-caption">
  243.             <div class="portfolio-box-caption-content">
  244.                <div style="font-family: 'Boogaloo', cursive;font-size: 25px;">
  245.                  Mam Rustiani
  246.                </div>
  247.                <div style="font-family: 'Boogaloo', cursive;font-size: 15px;">
  248.                  Walikelas sekaligus guru matematika kelas 7.
  249.                </div>
  250.              </div>
  251.            </div>
  252.          </div>
  253.        </div>
  254.  
  255.        <!-- Foto Keempat -->
  256.        <div class="col-lg-4 col-sm-6">
  257.          <div class="portfolio-box">
  258.            <img src="asset/pic/portfolio/4.jpg" class="img-responsive" alt="">
  259.            <div class="portfolio-box-caption">
  260.             <div class="portfolio-box-caption-content">
  261.                <div style="font-family: 'Boogaloo', cursive;font-size: 25px;">
  262.                  Reuni Sd
  263.                </div>
  264.                <div style="font-family: 'Boogaloo', cursive;font-size: 15px;">
  265.                  Mbuh wi kae kapan kumpul, sopo sing koar koar lali aku.
  266.                </div>
  267.              </div>
  268.            </div>
  269.          </div>
  270.        </div>
  271.  
  272.        <!-- Foto Kelima -->
  273.        <div class="col-lg-4 col-sm-6">
  274.          <div class="portfolio-box">
  275.            <img src="asset/pic/portfolio/5.jpg" class="img-responsive" alt="">
  276.            <div class="portfolio-box-caption">
  277.             <div class="portfolio-box-caption-content">
  278.                <div style="font-family: 'Boogaloo', cursive;font-size: 25px;">
  279.                  Botoran Gengs
  280.                </div>
  281.                <div style="font-family: 'Boogaloo', cursive;font-size: 15px;">
  282.                  Sopo yoan sing njenengne ngunu ki, wes pokok cah 5 kui ojo sampe pisah.
  283.                </div>
  284.              </div>
  285.            </div>
  286.          </div>
  287.        </div>
  288.  
  289.        <!-- Foto Keenam -->
  290.        <div class="col-lg-4 col-sm-6">
  291.          <div class="portfolio-box">
  292.            <img src="asset/pic/portfolio/6.jpg" class="img-responsive" alt="">
  293.            <div class="portfolio-box-caption">
  294.             <div class="portfolio-box-caption-content">
  295.                <div style="font-family: 'Boogaloo', cursive;font-size: 25px;">
  296.                  RanuGumbolo
  297.                </div>
  298.                <div style="font-family: 'Boogaloo', cursive;font-size: 15px;">
  299.                  Njajal objek wisata tulungagung, ternyata murah tapi rame.
  300.                </div>
  301.              </div>
  302.            </div>
  303.          </div>
  304.        </div>
  305.  
  306.        <!-- Foto Ketujuh -->
  307.        <div class="col-lg-4 col-sm-6">
  308.          <div class="portfolio-box">
  309.            <img src="asset/pic/portfolio/7.jpg" class="img-responsive" alt="">
  310.            <div class="portfolio-box-caption">
  311.             <div class="portfolio-box-caption-content">
  312.                <div style="font-family: 'Boogaloo', cursive;font-size: 25px;">
  313.                  Konco Smp
  314.                </div>
  315.                <div style="font-family: 'Boogaloo', cursive;font-size: 15px;">
  316.                  Lali panggon.e pokok sing ono nik duik 5 ewu lek ga salah. jelas.e nang bali.
  317.                </div>
  318.              </div>
  319.            </div>
  320.          </div>
  321.        </div>
  322.  
  323.        <!-- Foto Kedelapan -->
  324.        <div class="col-lg-4 col-sm-6">
  325.          <div class="portfolio-box">
  326.            <img src="asset/pic/portfolio/8.jpg" class="img-responsive" alt="">
  327.            <div class="portfolio-box-caption">
  328.             <div class="portfolio-box-caption-content">
  329.                <div style="font-family: 'Boogaloo', cursive;font-size: 25px;">
  330.                  Borobudur
  331.                </div>
  332.                <div style="font-family: 'Boogaloo', cursive;font-size: 15px;">
  333.                  Bersyukur karna masih lihat salah satu keajaiban dunia.
  334.                </div>
  335.              </div>
  336.            </div>
  337.          </div>
  338.        </div>
  339.  
  340.        <!-- Foto Kesembilan -->
  341.        <div class="col-lg-4 col-sm-6">
  342.          <div class="portfolio-box">
  343.            <img src="asset/pic/portfolio/9.jpg" class="img-responsive" alt="">
  344.            <div class="portfolio-box-caption">
  345.             <div class="portfolio-box-caption-content">
  346.                <div style="font-family: 'Boogaloo', cursive;font-size: 25px;">
  347.                  Kampung susu
  348.                </div>
  349.                <div style="font-family: 'Boogaloo', cursive;font-size: 15px;">
  350.                  Sempat Heboh nanging sesaat.
  351.                </div>
  352.              </div>
  353.            </div>
  354.          </div>
  355.        </div>
  356.  
  357.        <!-- Foto Kesepuluh -->
  358.        <div class="col-lg-4 col-sm-6">
  359.          <div class="portfolio-box">
  360.            <img src="asset/pic/portfolio/10.jpg" class="img-responsive" alt="">
  361.            <div class="portfolio-box-caption">
  362.             <div class="portfolio-box-caption-content">
  363.                <div style="font-family: 'Boogaloo', cursive;font-size: 25px;">
  364.                  Parangtritis
  365.                </div>
  366.                <div style="font-family: 'Boogaloo', cursive;font-size: 15px;">
  367.                  Bukan Kunjungan tapi liburan.
  368.                </div>
  369.              </div>
  370.            </div>
  371.          </div>
  372.        </div>
  373.  
  374.        <!-- Foto Kesebelas -->
  375.        <div class="col-lg-4 col-sm-6">
  376.          <div class="portfolio-box">
  377.            <img src="asset/pic/portfolio/11.jpg" class="img-responsive" alt="">
  378.            <div class="portfolio-box-caption">
  379.             <div class="portfolio-box-caption-content">
  380.                <div style="font-family: 'Boogaloo', cursive;font-size: 25px;">
  381.                  Alam Kandung
  382.                </div>
  383.                <div style="font-family: 'Boogaloo', cursive;font-size: 15px;">
  384.                  Rejotangan punya tempat wisata sing rame.
  385.                </div>
  386.              </div>
  387.            </div>
  388.          </div>
  389.        </div>
  390.  
  391.        <!-- Foto Keduabelas -->
  392.        <div class="col-lg-4 col-sm-6">
  393.          <div class="portfolio-box">
  394.            <img src="asset/pic/portfolio/12.jpg" class="img-responsive" alt="">
  395.            <div class="portfolio-box-caption">
  396.             <div class="portfolio-box-caption-content">
  397.                <div style="font-family: 'Boogaloo', cursive;font-size: 25px;">
  398.                  Wisuda Smp
  399.                </div>
  400.                <div style="font-family: 'Boogaloo', cursive;font-size: 15px;">
  401.                  Gayae gae jas cek ketok keren pas di wisuda.
  402.                </div>
  403.              </div>
  404.            </div>
  405.          </div>
  406.        </div>
  407.  
  408.        <!-- Foto Ketigabelas -->
  409.        <div class="col-lg-4 col-sm-6">
  410.          <div class="portfolio-box">
  411.            <img src="" class="img-responsive" alt="">
  412.            <div class="portfolio-box-caption">
  413.             <div class="portfolio-box-caption-content">
  414.                <div style="font-family: 'Boogaloo', cursive;font-size: 25px;">
  415.                  
  416.                </div>
  417.                <div style="font-family: 'Boogaloo', cursive;font-size: 15px;">
  418.                  
  419.                </div>
  420.              </div>
  421.            </div>
  422.          </div>
  423.        </div>
  424.  
  425.        <!-- Foto Keempatbelas -->
  426.        <div class="col-lg-4 col-sm-6">
  427.          <div class="portfolio-box">
  428.            <img src="asset/pic/portfolio/14.jpg" class="img-responsive" alt="">
  429.            <div class="portfolio-box-caption">
  430.             <div class="portfolio-box-caption-content">
  431.                <div style="font-family: 'Boogaloo', cursive;font-size: 25px;">
  432.                  Spesial
  433.                </div>
  434.                <div style="font-family: 'Boogaloo', cursive;font-size: 15px;">
  435.                  Sopo to kui koyok tau kenal aku, cah endi to...
  436.                </div>
  437.              </div>
  438.            </div>
  439.          </div>
  440.        </div>
  441.  
  442.       </div>
  443.    </div>
  444.  </section>
  445.  
  446.  <!-- footer -->
  447.  <div class="container">
  448.    <div class="row">
  449.      <div class="col-md-12 text-center">
  450.        <h1 class="wow flipInX love" >Ratna <span style="color:rgb(49,176,213) ">Ira</span> Rosita</h1>
  451.        <p>
  452.          &copy; 2017 Kunthilin
  453.        </p>
  454.      </div>
  455.    </div>
  456.  </div>
  457.  
  458.  
  459.  <!-- JavaScript And Jquery Plugins -->
  460.  <script type="text/javascript" src="js/jquery.js"></script>
  461.  <script type="text/javascript" src="js/bootstrap.js"></script>
  462.  <script type="text/javascript" src="js/carousel.js"></script>
  463.  <script type="text/javascript" src="js/js.js"></script>
  464.  <script type="text/javascript" src="js/page.js"></script>
  465.  <script type="text/javascript" src="js/parallax.js"></script>
  466.  <script type="text/javascript" src="js/parallax.min.js"></script>
  467.  <script type="text/javascript" src="js/scrollspy.js"></script>
  468.  <script type="text/javascript" src="js/creative.min.js"></script>
  469.  <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
  470.  <script type="text/javascript" src="js/wow.min.js"></script>
  471.  <script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
  472.  <script type="text/javascript" src="js/jquery.smooth-scroll.js"></script>
  473.  <script type="text/javascript" src="js/common.js"></script>
  474.  
  475.  <script type="text/javascript">
  476.    
  477.    (function($) {
  478.      "use strict";
  479.  
  480.      $(window).load(function(){
  481.        
  482.      App.loader();
  483.      });
  484.  
  485.      var App={
  486.            loader:function()
  487.      {
  488.                            
  489.       $("div.preloader").fadeOut("slow");                        
  490.         new WOW().init();                    
  491.      }
  492.      
  493.            };
  494.  
  495.    })(jQuery);
  496.        
  497.    
  498.  
  499.    $(function() {  
  500.      $("html").niceScroll({
  501.        zindex :1323232,
  502.        horizrailenabled : false
  503.      });
  504.    });
  505.  
  506.    // Select all links with hashes
  507.    $('a[href*="#"]')
  508.      // Remove links that don't actually link to anything
  509.       .not('[href="#"]')
  510.       .not('[href="#0"]')
  511.       .click(function(event) {
  512.         // On-page links
  513.         if (
  514.           location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
  515.           &&
  516.           location.hostname == this.hostname
  517.         ) {
  518.           // Figure out element to scroll to
  519.           var target = $(this.hash);
  520.           target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
  521.           // Does a scroll target exist?
  522.           if (target.length) {
  523.             // Only prevent default if animation is actually gonna happen
  524.             event.preventDefault();
  525.             $('html, body').animate({
  526.               scrollTop: target.offset().top
  527.             }, 1000, function() {
  528.               // Callback after animation
  529.               // Must change focus!
  530.               var $target = $(target);
  531.               $target.focus();
  532.               if ($target.is(":focus")) { // Checking if the target was focused
  533.                 return false;
  534.               } else {
  535.                 $target.attr('tabindex','-1'); // Adding tabindex for elements not focusable
  536.                 $target.focus(); // Set focus again
  537.               };
  538.             });
  539.           }
  540.         }
  541.       });
  542.  
  543.    
  544.   </script>
  545.  
  546. </body>
  547. </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!