document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!doctype html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <!-- Required meta tags -->
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.  
  9.     <!-- Bootstrap CSS -->
  10.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
  11.  
  12.  
  13.     <!-- My CSS -->
  14.     <style type="text/css">
  15.         section {
  16.             min-height: 420px;
  17.         }
  18.        
  19.         footer {
  20.             min-height: 50px;
  21.         }
  22.     </style>
  23.  
  24.     <title>Abdun Nafi\' CV</title>
  25. </head>
  26.  
  27. <body class="mt-5">
  28.  
  29.     <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
  30.         <div class="container">
  31.             <a class="navbar-brand" href="#">Abdun Nafi\'</a>
  32.             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
  33.       <span class="navbar-toggler-icon"></span>
  34.     </button>
  35.             <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
  36.                 <div class="navbar-nav">
  37.                     <a class="nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
  38.                     <a class="nav-link" href="#about">About</a>
  39.                     <a class="nav-link" href="#Portofolio">Portofolio</a>
  40.                     <a class="nav-link" href="#contact" tabindex="-1" aria-disabled="true">Contact</a>
  41.                 </div>
  42.             </div>
  43.         </div>
  44.     </nav>
  45.  
  46.     <!-- jumbotron -->
  47.     <div class="jumbotron jumbotron-fluid" style="background-color:lightskyblue;">
  48.         <div class="container text-center">
  49.             <img src="img/Abdun Nafi\'.jpg" width="25%" class="rounded-circle img-thumbnail">
  50.             <h1 class="display-4">Abdun Nafi\'</h1>
  51.             <p class="lead">TEKNIK INFORMATIKA ITS 2019</p>
  52.         </div>
  53.         <div id="about"></div>
  54.     </div>
  55.  
  56.     <!-- about -->
  57.  
  58.     <section class="about">
  59.         <div class="container">
  60.             <div class="row">
  61.                 <div class="col text-center">
  62.                     <h2 class="mb-4">About</h2>
  63.                 </div>
  64.  
  65.                 <div class="row justify-content-center">
  66.                     <div class="col-md-5 text-justify">
  67.                         <p>Saya Abdun Nafi’, seorang Mahasiswa Informatika angkatan 2019 dari Kabupaten Probolinggo di Provinsi Jawa Timur yang terkenal akan sebutan Kota Mangga. Saya adalah orang yang memiliki motivasi tinggi dalam bekerja, memiliki komunikasi
  68.                             yang baik dan cepat belajar hal-hal baru. Saya sangat menyukai tantangan.
  69.                         </p>
  70.                     </div>
  71.  
  72.                     <div class="col-md-5 text-justify">
  73.                         <p> Saya memiliki ketertarikan dengan dunia website semenjak di bangku kuliah sampai sekarang. Di keseharian saya suka sekali membuat website dan mendalami dunia website.
  74.                         </p>
  75.                     </div>
  76.                 </div>
  77.             </div>
  78.         </div>
  79.     </section>
  80.  
  81.     <!-- Portofolio -->
  82.     <div style="background-color: azure !important;">
  83.         <section id="Portofolio" class="Portofolio  pb-4">
  84.             <div class="container">
  85.                 <div class="row mb-4 pt-4">
  86.                     <div class="col text-center">
  87.                         <h1>Portofolio</h1>
  88.                     </div>
  89.                 </div>
  90.                 <!-- Row 1 -->
  91.                 <div class="row mb-4">
  92.                     <div class="col-md">
  93.                         <div class="card">
  94.                             <img src="img/sertif1.jpg" class="card-img-top" alt="...">
  95.                             <div class="card-body">
  96.                                 <h3>Juara 1 LKTI Universitas Negeri Padang</h3>
  97.                                 <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card\'s content.</p>
  98.                             </div>
  99.                         </div>
  100.                     </div>
  101.  
  102.                     <div class="col-md">
  103.                         <div class="card">
  104.                             <img src="img/sertif2.jpg" class="card-img-top" alt="...">
  105.                             <div class="card-body">
  106.                                 <h3>Sertifikat Liga PKM IF Workshop</h3>
  107.                                 <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card\'s content.</p>
  108.                             </div>
  109.                         </div>
  110.                     </div>
  111.  
  112.                     <div class="col-md">
  113.                         <div class="card">
  114.                             <img src="img/sertif3.jpg" class="card-img-top" alt="...">
  115.                             <div class="card-body">
  116.                                 <h3>Sertifikat Pelatihan Bahasa Python</h3>
  117.                                 <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card\'s content.</p>
  118.                             </div>
  119.                         </div>
  120.                     </div>
  121.                 </div>
  122.  
  123.                 <!-- Row 2 -->
  124.                 <div class="row mb-4">
  125.                     <div class="col-md">
  126.                         <div class="card">
  127.                             <img src="img/sertif4.jpg" class="card-img-top" alt="...">
  128.                             <div class="card-body">
  129.                                 <h3>Sertifikat Pelatihan Bahasa HTML</h3>
  130.                                 <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card\'s content.</p>
  131.                             </div>
  132.                         </div>
  133.                     </div>
  134.  
  135.                     <div class="col-md">
  136.                         <div class="card">
  137.                             <img src="img/sertif5.jpg" class="card-img-top" alt="...">
  138.                             <div class="card-body">
  139.                                 <h3>Sertifikat Pelatihan Bahasa C</h3>
  140.                                 <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card\'s content.</p>
  141.                             </div>
  142.                         </div>
  143.                     </div>
  144.  
  145.                     <div class="col-md">
  146.                         <div class="card">
  147.                             <img src="img/sertif6.jpg" class="card-img-top" alt="...">
  148.                             <div class="card-body">
  149.                                 <h3>Sertifikat Penghargaan Mentor Agama Islam</h3>
  150.                                 <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card\'s content.</p>
  151.                             </div>
  152.                         </div>
  153.                     </div>
  154.                 </div>
  155.             </div>
  156.         </section>
  157.     </div>
  158.  
  159.  
  160.     <footer class="bg-dark text-white" id="contact">
  161.         <div class="container">
  162.             <div class="row">
  163.  
  164.                 <div class="col-lg-4 col-md-6 footer-contact">
  165.                     <div class="icon"><img src="{{asset(\'assets/png/logo oke.png\')}}" alt="" style="width: 125px; margin-top: -24px;"></i>
  166.                     </div>
  167.                 </div>
  168.  
  169.                 <div class="col-lg-4 col-md-6 footer-links">
  170.                     <h4 style="color: white;">Address</h4>
  171.                     <p>Dusun Krajan RT/RW 05/02 Alastengah Paiton Probolinggo</p>
  172.                 </div>
  173.  
  174.                 <div class="col-lg-4 col-md-6 footer-newsletter text-left" f>
  175.                     <h4 style="color: white;">Follow US</h4>
  176.                     <div class="social-links text-left text-md-left pt-3 pt-md-0">
  177.                         <table>
  178.                             <tr style="padding-bottom: 5px;">
  179.                                 <td><a href="#" class="twitter"><i class="icofont-instagram"></i></td>
  180.             <td><h5  style="font-size: 16px;"> Instagram   : @abdunnafii </h5></td>
  181.           </tr>
  182.           <tr>
  183.             <td><a  href="#" class="twitter"><i class="icofont-brand-whatsapp"></i></td>
  184.             <td><h5 style="font-size: 16px;"> Whatsapp   : +62 8245513236</h5></td>
  185.           </tr>
  186.         </table>
  187.       </div>
  188.     </div>
  189.    
  190.   </div>
  191.     </footer>
  192.  
  193.  
  194.  
  195.  
  196.  
  197.     <!-- Optional JavaScript -->
  198.     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  199.     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  200.     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
  201.     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
  202. </body>
  203.  
  204. </html>
');