API tools faq
paste
farfnd

Intro section

farfnd
Sep 7th, 2021 (edited)
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 13.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html style="font-size: 16px;">
  3.   <head>
  4.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5.     <meta charset="utf-8">
  6.     <meta name="keywords" content="CV | Farhan Arifandi">
  7.     <meta name="description" content="">
  8.     <meta name="page_type" content="np-template-header-footer-from-plugin">
  9.     <title>CV | Farhan Arifandi</title>
  10.     <link rel="stylesheet" href="/assets/css/nicepage.css" media="screen">
  11. <link rel="stylesheet" href="/assets/css/CV---Farhan-Arifandi.css" media="screen">
  12.     <script class="u-script" type="text/javascript" src="/assets/js/jquery.js" defer=""></script>
  13.     <script class="u-script" type="text/javascript" src="/assets/js/nicepage.js" defer=""></script>
  14.     <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
  15.     <link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i">
  16.     <script type="application/ld+json">{
  17.         "@context": "http://schema.org",
  18.         "@type": "Organization",
  19.         "name": "",
  20.         "logo": "/assets/images/FAnewgrey.png",
  21.         "sameAs": [
  22.                 "https://facebook.com/farfnd",
  23.                 "https://instagram.com/frhnar",
  24.                 "https://github.com/farfnd",
  25.                 "https://linkedin.com/in/farfnd",
  26.                 "mailto:[email protected]",
  27.                 "https://wa.me/6287861120178"
  28.         ]
  29. }</script>
  30.     <meta name="theme-color" content="#478ac9">
  31.     <meta property="og:title" content="CV | Farhan Arifandi">
  32.     <meta property="og:type" content="website">
  33.   </head>
  34.   <body data-home-page="index.html" data-home-page-title="CV | Farhan Arifandi" class="u-body u-overlap u-overlap-contrast u-overlap-transparent"><header class="u-black u-clearfix u-header u-sticky u-sticky-e8dc u-header" id="sec-8392"><div class="u-clearfix u-sheet u-sheet-1">
  35.         <a href="https://farfnd.github.io" class="u-image u-logo u-image-1" data-image-width="250" data-image-height="250">
  36.           <img src="/assets/images/FAnewgrey.png" class="u-logo-image u-logo-image-1">
  37.         </a>
  38.         <nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1" data-responsive-from="MD">
  39.           <div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0px; font-weight: 700;">
  40.             <a class="u-button-style u-custom-active-border-color u-custom-active-color u-custom-border u-custom-border-color u-custom-borders u-custom-hover-border-color u-custom-hover-color u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-active-color u-custom-text-color u-custom-text-hover-color u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-grey-50 u-text-hover-palette-2-base" href="#">
  41.               <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
  42.               <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
  43. </symbol>
  44. </defs></svg>
  45.             </a>
  46.           </div>
  47.           <div class="u-custom-menu u-nav-container">
  48.             <ul class="u-nav u-spacing-20 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-border-active-palette-1-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-palette-1-base u-text-grey-50 u-text-hover-palette-2-base" href="#intro" style="padding: 10px;">Intro</a>
  49. </li><li class="u-nav-item"><a class="u-border-active-palette-1-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-palette-1-base u-text-grey-50 u-text-hover-palette-2-base" href="#experience" style="padding: 10px;">Experience</a>
  50. </li><li class="u-nav-item"><a class="u-border-active-palette-1-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-palette-1-base u-text-grey-50 u-text-hover-palette-2-base" href="#education" style="padding: 10px;">Education</a>
  51. </li><li class="u-nav-item"><a class="u-border-active-palette-1-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-palette-1-base u-text-grey-50 u-text-hover-palette-2-base" href="#skills" style="padding: 10px;">Skills</a>
  52. </li><li class="u-nav-item"><a class="u-border-active-palette-1-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-palette-1-base u-text-grey-50 u-text-hover-palette-2-base" href="#projects" style="padding: 10px;">Projects</a>
  53. </li></ul>
  54.           </div>
  55.           <div class="u-custom-menu u-nav-container-collapse">
  56.             <div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
  57.               <div class="u-sidenav-overflow">
  58.                 <div class="u-menu-close"></div>
  59.                 <ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="#intro" style="padding: 10px;">Intro</a>
  60. </li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="#experience" style="padding: 10px;">Experience</a>
  61. </li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="#education" style="padding: 10px;">Education</a>
  62. </li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="#skills" style="padding: 10px;">Skills</a>
  63. </li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="#projects" style="padding: 10px;">Projects</a>
  64. </li></ul>
  65.               </div>
  66.             </div>
  67.             <div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
  68.           </div>
  69.         </nav>
  70.       </div></header>
  71.     <section class="u-clearfix u-section-1" id="intro">
  72.       <div class="u-clearfix u-sheet u-sheet-1">
  73.         <div class="u-clearfix u-expanded-width u-gutter-0 u-layout-wrap u-layout-wrap-1">
  74.           <div class="u-layout">
  75.             <div class="u-layout-row">
  76.               <div class="u-align-center-xs u-align-left-lg u-align-left-md u-align-left-sm u-align-left-xl u-container-style u-layout-cell u-left-cell u-size-23 u-layout-cell-1">
  77.                 <div class="u-container-layout u-valign-middle u-container-layout-1">
  78.                   <img class="u-image u-image-default u-image-1" src="/assets/images/blob.png" alt="" data-image-width="1600" data-image-height="1529">
  79.                 </div>
  80.               </div>
  81.               <div class="u-container-style u-layout-cell u-right-cell u-size-37 u-layout-cell-2">
  82.                 <div class="u-container-layout u-container-layout-2">
  83.                   <h2 class="u-align-left u-text u-text-default-lg u-text-default-md u-text-default-xl u-text-1">Farhan Arifandi</h2>
  84.                   <h3 class="subtitle u-align-left u-text u-text-2">Back-End Developer</h3>
  85.                   <p class="description u-align-justify u-custom-font u-heading-font u-text u-text-3">I'm currently a student of the Department of Informatics at Sepuluh
  86. Nopember Institute of Technology (ITS), Surabaya. I'm interested in learning further about cloud computing and web
  87. development, especially back-end development.</p>
  88.                   <h3 class="u-align-left u-text u-text-4">Reach out to me through:</h3>
  89.                   <div class="u-social-icons u-spacing-10 u-social-icons-1">
  90.                     <a class="u-social-url" title="facebook" target="_blank" href="https://facebook.com/farfnd"><span class="u-icon u-social-facebook u-social-icon u-text-black"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-d2af"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-d2af"><circle fill="currentColor" cx="56.1" cy="56.1" r="55"></circle><path fill="#FFFFFF" d="M73.5,31.6h-9.1c-1.4,0-3.6,0.8-3.6,3.9v8.5h12.6L72,58.3H60.8v40.8H43.9V58.3h-8V43.9h8v-9.2
  91. c0-6.7,3.1-17,17-17h12.5v13.9H73.5z"></path></svg></span>
  92.                     </a>
  93.                     <a class="u-social-url" title="instagram" target="_blank" href="https://instagram.com/frhnar"><span class="u-icon u-social-icon u-social-instagram u-text-black"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-9e6b"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-9e6b"><circle fill="currentColor" cx="56.1" cy="56.1" r="55"></circle><path fill="#FFFFFF" d="M55.9,38.2c-9.9,0-17.9,8-17.9,17.9C38,66,46,74,55.9,74c9.9,0,17.9-8,17.9-17.9C73.8,46.2,65.8,38.2,55.9,38.2
  94. z M55.9,66.4c-5.7,0-10.3-4.6-10.3-10.3c-0.1-5.7,4.6-10.3,10.3-10.3c5.7,0,10.3,4.6,10.3,10.3C66.2,61.8,61.6,66.4,55.9,66.4z"></path><path fill="#FFFFFF" d="M74.3,33.5c-2.3,0-4.2,1.9-4.2,4.2s1.9,4.2,4.2,4.2s4.2-1.9,4.2-4.2S76.6,33.5,74.3,33.5z"></path><path fill="#FFFFFF" d="M73.1,21.3H38.6c-9.7,0-17.5,7.9-17.5,17.5v34.5c0,9.7,7.9,17.6,17.5,17.6h34.5c9.7,0,17.5-7.9,17.5-17.5V38.8
  95. C90.6,29.1,82.7,21.3,73.1,21.3z M83,73.3c0,5.5-4.5,9.9-9.9,9.9H38.6c-5.5,0-9.9-4.5-9.9-9.9V38.8c0-5.5,4.5-9.9,9.9-9.9h34.5
  96. c5.5,0,9.9,4.5,9.9,9.9V73.3z"></path></svg></span>
  97.                     </a>
  98.                     <a class="u-social-url" target="_blank" title="Github" href="https://github.com/farfnd"><span class="u-icon u-social-github u-social-icon u-text-black u-icon-3"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-ae1f"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-ae1f"><circle fill="currentColor" cx="56.1" cy="56.1" r="55"></circle><path fill="#FFFFFF" d="M88,51.3c0-5.5-1.9-10.2-5.3-13.7c0.6-1.3,2.3-6.5-0.5-13.5c0,0-4.2-1.4-14,5.3c-4.1-1.1-8.4-1.7-12.7-1.8
  99.     c-4.3,0-8.7,0.6-12.7,1.8c-9.7-6.6-14-5.3-14-5.3c-2.8,7-1,12.2-0.5,13.5C25,41.2,23,45.7,23,51.3c0,19.6,11.9,23.9,23.3,25.2
  100.     c-1.5,1.3-2.8,3.5-3.2,6.8c-3,1.3-10.2,3.6-14.9-4.3c0,0-2.7-4.9-7.8-5.3c0,0-5-0.1-0.4,3.1c0,0,3.3,1.6,5.6,7.5c0,0,3,9.1,17.2,6
  101.     c0,4.3,0.1,8.3,0.1,9.5h25.2c0-1.7,0.1-7.2,0.1-14c0-4.7-1.7-7.9-3.4-9.4C76,75.2,88,70.9,88,51.3z"></path></svg></span>
  102.                     </a>
  103.                     <a class="u-social-url" target="_blank" title="LinkedIn" href="https://linkedin.com/in/farfnd"><span class="u-icon u-social-icon u-social-linkedin u-text-black u-icon-4"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-125d"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-125d"><circle fill="currentColor" cx="56.1" cy="56.1" r="55"></circle><path fill="#FFFFFF" d="M41.3,83.7H27.9V43.4h13.4V83.7z M34.6,37.9L34.6,37.9c-4.6,0-7.5-3.1-7.5-7c0-4,3-7,7.6-7s7.4,3,7.5,7
  104.            C42.2,34.8,39.2,37.9,34.6,37.9z M89.6,83.7H76.2V62.2c0-5.4-1.9-9.1-6.8-9.1c-3.7,0-5.9,2.5-6.9,4.9c-0.4,0.9-0.4,2.1-0.4,3.3v22.5
  105.            H48.7c0,0,0.2-36.5,0-40.3h13.4v5.7c1.8-2.7,5-6.7,12.1-6.7c8.8,0,15.4,5.8,15.4,18.1V83.7z"></path></svg></span>
  106.                     </a>
  107.                     <a class="u-social-url" target="_blank" title="Email" href="mailto:[email protected]"><span class="u-icon u-social-email u-social-icon u-text-black u-icon-5"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-3e5b"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-3e5b"><circle fill="currentColor" cx="56.1" cy="56.1" r="55"></circle><path id="path3864" fill="#FFFFFF" d="M27.2,28h57.6c4,0,7.2,3.2,7.2,7.2l0,0v42.7c0,3.9-3.2,7.2-7.2,7.2l0,0H27.2
  108.     c-4,0-7.2-3.2-7.2-7.2V35.2C20,31.1,23.2,28,27.2,28 M56,52.9l28.8-17.8H27.2L56,52.9 M27.2,77.7h57.6V43.5L56,61.3L27.2,43.5V77.7z
  109.     "></path></svg></span>
  110.                     </a>
  111.                     <a class="u-social-url" target="_blank" title="Whatsapp" href="https://wa.me/6287861120178"><span class="u-icon u-social-icon u-social-whatsapp u-text-black u-icon-6"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-0e05"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-0e05"><circle fill="currentColor" cx="56.1" cy="56.1" r="55"></circle><path fill="#FFFFFF" d="M83.8,28.3C77.2,21.7,68.4,18,59,18c-19.3,0-35.1,15.7-35.1,35.1c0,6.2,1.6,12.2,4.7,17.5l-5,18.2L42.2,84
  112.     c5.1,2.8,10.9,4.3,16.8,4.3h0l0,0c19.3,0,35.1-15.7,35.1-35.1C94.1,43.8,90.5,35,83.8,28.3 M59,82.3L59,82.3
  113.     c-5.2,0-10.4-1.4-14.9-4.1l-1.1-0.6l-11,2.9L35,69.8l-0.7-1.1c-2.9-4.6-4.5-10-4.5-15.5C29.8,37,42.9,24,59,24
  114.     c7.8,0,15.1,3,20.6,8.6c5.5,5.5,8.5,12.8,8.5,20.6C88.2,69.2,75.1,82.3,59,82.3 M75,60.5c-0.9-0.4-5.2-2.6-6-2.9
  115.     c-0.8-0.3-1.4-0.4-2,0.4s-2.3,2.9-2.8,3.4c-0.5,0.6-1,0.7-1.9,0.2c-0.9-0.4-3.7-1.4-7.1-4.4c-2.6-2.3-4.4-5.2-4.9-6.1
  116.     c-0.5-0.9-0.1-1.4,0.4-1.8c0.4-0.4,0.9-1,1.3-1.5c0.4-0.5,0.6-0.9,0.9-1.5c0.3-0.6,0.1-1.1-0.1-1.5c-0.2-0.4-2-4.8-2.7-6.5
  117.     c-0.7-1.7-1.4-1.5-2-1.5c-0.5,0-1.1,0-1.7,0c-0.6,0-1.5,0.2-2.3,1.1c-0.8,0.9-3.1,3-3.1,7.3c0,4.3,3.1,8.5,3.6,9.1
  118.     c0.4,0.6,6.2,9.4,15,13.2c2.1,0.9,3.7,1.4,5,1.8c2.1,0.7,4,0.6,5.5,0.3c1.7-0.3,5.2-2.1,5.9-4.2c0.7-2,0.7-3.8,0.5-4.2
  119.     C76.5,61.1,75.9,60.9,75,60.5"></path></svg></span>
  120.                     </a>
  121.                   </div>
  122.                 </div>
  123.               </div>
  124.             </div>
  125.           </div>
  126.         </div>
  127.       </div>
  128.     </section>
  129.     ...
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!