Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html>
  2. <html>
  3. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">   <head>
  4. <body>
  5.     <!-- Container -->
  6.         <div class="container">
  7.             <div id="colspan">
  8.                 <img src="https://github.com/rifkiamalun/biodata/blob/master/loen.jpg">
  9.                 <h4>RIFKI AMALUN</h4>
  10.                 <p><i class="fa fa-briefcase fa-fw large"></i>Web Developer</p>
  11.                 <p><i class="fa fa-home fa-fw large"></i>Tangerang Selatan, INDONESIA</p>
  12.                 <p><i class="fa fa-phone fa-fw large"></i>089686272363</p>
  13.                 <hr>
  14.                 <h3><i class="fa fa-linux fa-fw large"></i>Skills</h3>
  15.                 <p>HTML</p>
  16.                 <div class="load">
  17.                     <div class="progress" style="width:90%">90%</div>
  18.                 </div>
  19.                 <p>CSS</p>
  20.                 <div class="load2">
  21.                     <div class="progress2" style="width:80%">80%</div>
  22.                 </div>
  23.                 <p>Java Script</p>
  24.                 <div class="load3">
  25.                 <div class="progress3" style="width:70%">70%</div>
  26.             </div>
  27.                 <p>Go Lang</p>
  28.                 <div class="load4">
  29.                     <div class="progress4" style="width:65%">65%</div>
  30.                 </div>
  31.                 <p>Adobe Photoshop</p>
  32.                     <div class="load4">
  33.                     <div class="progress4" style="width:65%">65%</div>
  34.                 </div>
  35.                 <p>Adobe Premiere</p>
  36.                     <div class="load4">
  37.                     <div class="progress4" style="width:65%">65%</div>
  38.                 </div>
  39.                 <hr>
  40.                 <h3><i class="fa fa-language fa-fw large"></i>Language</h3>
  41.                 <p>English</p>
  42.                 <p>Japanese</p>
  43.                 <hr>
  44.                 <h3><i class="fa fa-globe fa-fw large"></i>Social Media</h3>
  45.                 <a href="https://www.facebook.com/Rifkipaniktingkatdewa"><i class="fa fa-facebook fa-fw large"></i></a>
  46.                 <a href="https://www.instagram.com/rifkiloen/?hl=id"><i class="fa fa-instagram fa-fw large"></i></a>
  47.                 <a href="#"><i class="fa fa-twitter fa-fw large"></i></a>
  48.                 <a href="https://github.com/rifkiamalun"><i class="fa fa-github fa-fw large"></i></a>
  49.                 <a href="#"><i class="fa fa-git fa-fw large"></i></a>
  50.             </div>
  51. </body>
  52. </html>