This paste brought to you by Pastebin. View Raw

  1. <!doctype html>
  2. <html lang="en">
  3.  
  5.   <meta charset="utf-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.   <link rel="stylesheet" href="./css/bootstrap.min.css">
  8.   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
  9.    integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
  10.  
  11.     <link rel="stylesheet" href="./css/file.css">
  12.    
  13.   <title>M.Fajri Davyza Chanigo </title>
  14. </head>
  15.  
  17.   <header id="head">
  18.     <div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm">
  19.       <h5 class="my-0 mr-md-auto font-weight-normal">Curriculum Vitae</h5>
  20.       <nav class="my-2 my-md-0 mr-md-3">
  21.         <a class="p-2 text-dark" href="#">Home</a>
  22.       </nav>
  23.       <a class="btn btn-outline-primary" href="Email:[email protected]">My Contact</a>
  24.     </div>
  25.   </header>
  26.  
  27.   <main>
  28.     <div class="container background-color:grey">
  29.       <div class="row">
  30.         <div class="col-lg-4 bg-white mt-4">
  31.           <img src="aji.jpg" class="img-fluid rounded-circle" alt="Responsive image">
  32.         </div>
  33.         <div class="col-lg-8 bg-white mt-4">
  34.           <h1 class="text-center" style="font-size:4rem;margin-top:6rem;">M.Fajri Davyza Chaniago </h1>
  35.           <div class="d-flex .flex-sm-row justify-content-center">
  36.             <div class="p-2">
  37.               <a href="https://www.linkedin.com/in/mfajridc/">
  38.                 <i class="fab fa-linkedin"></i>
  39.               </a>
  40.             </div>
  41.             <div class="p-2">
  42.               <a href="Email:[email protected]">
  43.                 <i class="fas fa-at"></i>
  44.               </a>
  45.             </div>
  46.           </div>
  47.         </div>
  48.       </div>
  49.     </div>
  50.  
  51.     <div class="container border-right border-left border-bottom shadow-sm">
  52.       <div class="row mt-5 border-top shadow-sm">
  53.         <div class="col-lg-8  pt-1 pb-1">
  54.           <div class="bg-white border-bottom border-dark p-1 text-center">
  55.             <h4>Pengenalan Singkat</h4>
  56.           </div>
  57.           <div class="col-lg-12 pt-2">
  58.             <p>
  59.               Namaku M.Fajri Davyza Chaniago biasa di panggil Aji atau Faji.Sekarang saya berumur 21 tahun dan
  60.               sedang melanjutkan pendidikan di Institut Teknologi Sepuluh November jurusan Teknik Informatika fakultas
  61.               FTEIC. Saya tertarik dengan segala hal yang bebau dengan Nature. Senang mencari relasi sekaligus teman baru dan
  62.               aktif ber organisasi.
  63.  
  64.             </p>
  65.           </div>
  66.         </div>
  67.         <div class="col-lg-4 bg-white border-bottom shadow-sm pt-1 pb-1">
  68.           <div class="col-lg-12 bg-white border-bottom border-dark pt-1 pb-1 text-center">
  69.             <h4>Personal Information</h4>
  70.           </div>
  71.           <p class="text-left">
  72.             <div class="font-weight-bold d-inline">Address:</div> Perumahan Dosen UNTAD Blok A11 No.1 Palu
  73.           </p>
  74.           <p class="text-left">
  75.             <div class="font-weight-bold d-inline">Phone:</div> 081943562267
  76.           </p>
  77.           <p class="text-left">
  78.             <div class="font-weight-bold d-inline">Email:</div> [email protected]
  79.           </p>
  80.           <p class="text-left">
  81.             <div class="font-weight-bold d-inline">Instagram:</div> mfajridc_
  82.           </p>
  83.         </div>
  84.       </div>
  85.  
  86.  
  87.       <div class="row pt-3 border-bottom shadow-sm text-center">
  88.         <div class="col-lg-12 pb-1">
  89.           <h4>Riwayat Pendidikan</h4>
  90.         </div>
  91.       </div>
  92.  
  93.       <div class="row border-bottom shadow-sm">
  94.         <div class="col-md-4 bg-white border-mid shadow-sm pt-3">
  95.           <h5>Institut Teknologi Sepuluh November</h5>
  96.           <p class="font-italic font-weight-light">(2019-Sekarang)</p>
  97.         </div>
  98.         <div class="col-md-4 bg-white pt-2">
  99.         </div>
  100.       </div>
  101.  
  102.       <div class="row border-bottom shadow-sm">
  103.         <div class="col-md-4 bg-white border-mid shadow-sm pt-3">
  104.           <h5>Man Insan Cendekiah Gorontalo</h5>
  105.           <p class="font-italic font-weight-light">(2015-2019)</p>
  106.         </div>
  107.         <div class="col-md-4 bg-white pt-2">
  108.         </div>
  109.       </div>
  110.  
  111.       <div class="row border-bottom shadow-sm">
  112.         <div class="col-md-4 bg-white border-mid shadow-sm pt-3">
  113.           <h5>SMP Al-Azhar Mandiri Palu</h5>
  114.           <p class="font-italic font-weight-light">(2013-2015)</p>
  115.         </div>
  116.         <div class="col-md-4 bg-white pt-2">
  117.         </div>
  118.       </div>
  119.  
  120.  
  121.       <!-- Tambahan -->
  122.       <div class="row pt-3 border-bottom shadow-sm text-center">
  123.         <div class="col-lg-12 pb-1">
  124.           <h4>SKILLS</h4>
  125.         </div>
  126.  
  127.       </div>
  128.       <div class="row border-bottom shadow-sm">
  129.         <div class="col-md-4 bg-white pt-1 pb-1">
  130.           <div class="col-lg-12">
  131.             <h5>STRENGTH</h5>
  132.           </div>
  133.           <div class="col-md-12 bg-white ">
  134.             <ul class="list-group list-group-line">
  135.               <li class="list-group-item">Public Speaking</li>
  136.               <li class="list-group-item">Inisiator</li>
  137.               <li class="list-group-item">Optimis</li>
  138.               <li class="list-group-item">Flexible</li>
  139.               <li class="list-group-item">Teamwork</li>
  140.             </ul>
  141.           </div>
  142.         </div>
  143.  
  144.         <div class="col-md-4 bg-white pt-1 pb-1">
  145.           <div class="col-lg-12">
  146.             <h5>WEAKNESS
  147.             </h5>
  148.           </div>
  149.           <div class="col-md-12 bg-white">
  150.             <ul class="list-group list-group-line">
  151.               <li class="list-group-item">Kadang Keras Kepala</li>
  152.               <li class="list-group-item">Suka Menimbang-nimbang</li>
  153.               <li class="list-group-item">Suka beradu argumen</li>
  154.             </ul>
  155.           </div>
  156.         </div>
  157.  
  158.         <div class="col-md-4 bg-white pt-1 pb-1">
  159.           <div class="col-md-12">
  160.           </div>
  161.           <div class="col-md-12 bg-white">
  162.           </div>
  163.         </div>
  164.       </div>
  165.  
  166.       <div class="row pt-3 border-bottom shadow-sm text-center">
  167.         <div class="col-lg-12 pb-1">
  168.           <h4>ORGANIZATIONAL AND COMMITTE EXPERIENCE</h4>
  169.         </div>
  170.       </div>
  171.       <div class="row border-bottom shadow-sm">
  172.         <div class="col-md-12 bg-white">
  173.           <p>Wakil Internal UKM IBC ITS <i>(2021-Sekarang)</i></p>
  174.           <p>Staff KDPM HMTC Progressive ITS <i>(2021-Sekarang)</i></p>
  175.           <p>Project Manager Baraasa Palu <i>(2021-Sekarang)</i></p>
  176.           <p>Staff Project Regional Alumni AFS/YEST BINABUD <i>(2018-Sekarang)</i></p>
  177.           <p>Staff PSDA UKM IBC ITS <i>(2019-2020)</i></p>
  178.           <p>Staff Kaderisasi LKKI KMI Teknik Informatika ITS <i>(2019-2020)</i></p>
  179.           <p>OC Divisi Kajian Ramadhan Di Kampus ITS(RDK) 20 <i>(2020)</i></p>
  180.         </div>
  181.       </div>
  182.      
  183.       <div class="row pt-3 border-bottom shadow-sm text-center">
  184.         <div class="col-lg-12 pb-1">
  185.           <h4>SEMINARS AND TRAINING EXPERIENCE</h4>
  186.         </div>
  187.       </div>
  188.       <div class="row border-bottom shadow-sm">
  189.         <div class="col-md-12 bg-white">
  190.           <p>Pelatihan Karya Tulis Ilmiah HMTC ITS</p>
  191.           <p>LKMW TD HMTC ITS</p>
  192.           <p>LKMM PRA TD Pandawa FTIK</p>
  193.           <p>LKMM TD NARNIA</p>
  194.           <p>PP LKMM 1 FTEIC ITS </p>
  195.          
  196.         </div>
  197.       </div>
  198.  
  199.       <div class="row pt-3 border-bottom shadow-sm text-center">
  200.         <div class="col-lg-12 pb-1">
  201.           <h4>THANK YOU</h4>
  202.         </div>
  203.       </div>
  204.  
  205.   </main>
  206.  
  207.   <footer class="page-footer font-small blue">
  208.  
  209.   </footer>
  210.   </div>
  211.   <!-- Container Ending -->
  212.  
  213.   <!-- Comment -->
  214.  
  215.   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
  216.    integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
  217.   </script>
  218.   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
  219.    integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
  220.   </script>
  221.   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
  222.    integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
  223.   </script>
  224. </body>
  225.  
  226. </html>