API tools faq
paste
Guest User

html cv

a guest
Sep 5th, 2021
209
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.17 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en">
  3.   <head>
  4.     <title>CV Rihan Farih</title>
  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.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  11.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
  12.  
  13.     <!--my css-->
  14.     <link rel="stylesheet" href="style.css">
  15.   </head>
  16.   <body>
  17.     <!-- navbar -->
  18.     <nav class="navbar navbar-expand-lg navbar-dark fixed-top" style="background-color:rgb(133, 131, 131);">
  19.       <div class="container-fluid">
  20.         <a class="navbar-brand" href="#">Rihan Farih</a>
  21.         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
  22.           <span class="navbar-toggler-icon"></span>
  23.         </button>
  24.         <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
  25.           <div class="navbar-nav ml-sm-auto">
  26.             <a class="nav-link active" aria-current="page" href="#">Home</a>
  27.             <!----disable opsi navbar
  28.            <a class="nav-link" href="#">Pengalaman</a>
  29.            <a class="nav-link" href="#">Sertifikasi</a>
  30.            <a class="nav-link" href="#">Kontak</a>
  31.            -->
  32.           </div>
  33.         </div>
  34.       </div>
  35.     </nav>
  36.     <!-- end of navbar -->
  37.  
  38.     <!-- jumbotron -->
  39.     <div class="jumbotron">
  40.       <h1 class="display-4 mb-5 mt-3">Tentang Saya</h1>
  41.         <div class="row">
  42.           <div class="col-1">
  43.             <img src="img/fotorihan.jpg " alt="mypic" width="180" class="img-thumbnail" class="float-left" >
  44.           </div>
  45.           <div class="col">
  46.             <h2 class="display-5 mb-3">Nama saya Rihan Farih Bunyamin</h2>
  47.             <p class="lead"></p>Halo perkenalkan nama saya Rihan Farih Bunyamin, saya sedang berkuliah di Institut Teknologi Sepuluh Nopember Surabaya jurusan Teknik Informatika.</p>
  48.             <a href="https://github.com/rihanfarih">
  49.               <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
  50.                 <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
  51.               </svg>
  52.             </a>
  53.             <a href="mailto:[email protected]">
  54.               <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-mailbox" viewBox="0 0 16 16">
  55.                 <path d="M4 4a3 3 0 0 0-3 3v6h6V7a3 3 0 0 0-3-3zm0-1h8a4 4 0 0 1 4 4v6a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V7a4 4 0 0 1 4-4zm2.646 1A3.99 3.99 0 0 1 8 7v6h7V7a3 3 0 0 0-3-3H6.646z"/>
  56.                 <path d="M11.793 8.5H9v-1h5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.354-.146l-.853-.854zM5 7c0 .552-.448 0-1 0s-1 .552-1 0a1 1 0 0 1 2 0z"/>
  57.               </svg>
  58.             </a>
  59.               <a href="https://www.linkedin.com/in/rihan-farih-bunyamin-69158a1ba/">
  60.               <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
  61.                 <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
  62.               </svg>
  63.             </a>
  64.               <a href="https://www.instagram.com/rihanfarih/">
  65.                 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
  66.                   <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
  67.                 </svg>
  68.                </a>
  69.           </div>
  70.         </div>
  71.        
  72.      
  73.    
  74.     </div>
  75.     <!-- end of jumbotron -->
  76.  
  77.     <!--pendidikan-->
  78.       <section id="about">
  79.         <div class="container-fluid border mb-4 ">
  80.           <div class="row">
  81.             <div class="col">
  82.               <h1 class="display-4 mb-5">Pendidikan</h1>
  83.             </div>
  84.           </div>
  85.           <div class="row ">
  86.             <div class="col-1">
  87.               <img src="img/lambangits.png " alt="mypic" width="100"  class="float-left">
  88.             </div>
  89.  
  90.             <div class="col-4">
  91.               <p class="font-weight-bold">Teknik Informatika</p>
  92.               <p>Institut Teknologi Sepuluh Nopember</p>
  93.               <p>2019-sekarang</p>
  94.             </div>
  95.  
  96.             <div class="col-1">
  97.               <img src="img/logosmaga.jpg " alt="mypic" width="85"  class="float-left" >
  98.             </div>
  99.  
  100.             <div class="col-4">
  101.               <p class="pe-4">SMA Negeri 3 Semarang</p>
  102.               <p>2016-2019</p>
  103.             </div>
  104.           </div>
  105.         </div>
  106.      
  107.          
  108.       <!--end of pendidikan-->
  109.  
  110.       <!--start of Organisasi/sertif-->
  111.       <section id="org">
  112.         <div class="container-fluid  border me-5 mb-3">
  113.           <div class="row">
  114.             <div class="col-5">
  115.               <h1 class="display-4 mb-5 mt-5">Organisasi</h1>
  116.             </div>
  117.             <div class="col-5">
  118.               <h1 class="display-4 mb-5 mt-5">Pelatihan/ Sertifikasi</h1>
  119.             </div>
  120.           </div>
  121.          
  122.  
  123.           <div class="row ">
  124.             <div class="col-1">
  125.               <img src="img/hmtc.png " alt="mypic" width="100"  class="float-left">
  126.             </div>
  127.  
  128.             <div class="col-4">
  129.               <p class="font-weight-bold">Staff kewiraushaaan</p>
  130.               <p>Himpunan Mahasiswa Teknik Computer - Informatika ITS</p>
  131.               <p>2021-sekarang</p>
  132.             </div>
  133.  
  134.             <div class="col-1">
  135.               <img src="img/aws.jpg " alt="mypic" width="90"  class="float-left" >
  136.             </div>
  137.  
  138.             <div class="col-4">
  139.               <p class="pe-4 font-weight-bold">AWS Academy Cloud Architecting</p>
  140.               <p>AWS Academy Graduate</p>
  141.             </div>
  142.           </div>
  143.  
  144.           <div class="row mt-5 ">
  145.             <div class="col-1">
  146.               <img src="img/ieee.jpg " alt="mypic" width="100"  class="float-left">
  147.             </div>
  148.  
  149.             <div class="col-4 ">
  150.               <p class="font-weight-bold">Anggota (Members)</p>
  151.               <p>IEEE ITS Student Branch</p>
  152.               <p>2021-sekarang</p>
  153.             </div>
  154.  
  155.             <div class="col-1">
  156.               <img src="img/aws.jpg " alt="mypic" width="90"  class="float-left" >
  157.             </div>
  158.  
  159.             <div class="col-4">
  160.               <p class="pe-4 font-weight-bold">AWS Academy Data Analytics</p>
  161.               <p>AWS Academy Graduate</p>
  162.              
  163.              
  164.             </div>
  165.           </div>
  166.  
  167.           <div class="row mt-5 ">
  168.             <div class="col-1">
  169.               <img src="img/tdc.jpg " alt="mypic" width="100"  class="float-left">
  170.             </div>
  171.  
  172.             <div class="col-4 ">
  173.               <p class="font-weight-bold">Anggota Muda (AMDA)</p>
  174.               <p>UKM TDC ITS</p>
  175.               <p>2019-2020</p>
  176.             </div>
  177.  
  178.             <div class="col-1">
  179.               <img src="img/coursera.jpg " alt="mypic" width="90"  class="float-left" >
  180.             </div>
  181.  
  182.             <div class="col-4">
  183.              
  184.               <p class="pe-4 font-weight-bold">Data Science Math Skills</p>
  185.               <p>Coursera</p>
  186.             </div>
  187.           </div>
  188.  
  189.         </section>
  190.       <!--end of organisasi/sertif-->
  191.  
  192.     <!--start kontak-->
  193.  
  194.     <!--end of kontak-->
  195.  
  196.      <!--start footer-->
  197.     <!---- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#858383" fill-opacity="1" d="M0,192L1440,256L1440,320L0,320Z"></path></svg> -->
  198.  
  199.   <footer  style="background-color:#858383;"    class="text-white text-center">
  200.     <p>Created with <i class="bi bi-heart-fill text-danger"></i> by <a href="https://rihanfarih.blogspot.com/" class="text-white font-weight-bold">Rihan Farih</a></p>
  201.   </footer>
  202.  
  203.     <!--end of footer-->
  204.  
  205.    
  206.     <!-- Optional JavaScript -->
  207.     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  208.     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  209.     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  210.     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  211.   </body>
  212. </html>
  213.  
  214.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!