API tools faq
paste
farfnd

Skills 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 95.24 KB | None | 0 0
raw download clone embed print report
  1. ...
  2. <section class="u-align-center u-clearfix u-lightbox u-section-4" id="skills">
  3.       <div class="u-clearfix u-sheet u-sheet-1">
  4.         <div class="u-align-center u-container-style u-expanded-width u-group u-palette-1-base u-group-1">
  5.           <div class="u-container-layout u-valign-middle u-container-layout-1">
  6.             <h1 class="u-text u-text-default u-text-1">Skills</h1>
  7.           </div>
  8.         </div>
  9.         <div class="u-accordion u-expanded-width u-hidden-md u-hidden-sm u-hidden-xs u-accordion-1">
  10.           <div class="u-accordion-item">
  11.             <a class="active u-accordion-link u-button-style u-grey-50 u-accordion-link-1" id="link-089b" aria-controls="089b" aria-selected="true">
  12.               <span class="u-accordion-link-text">Technical Skills</span>
  13.             </a>
  14.             <div class="u-accordion-active u-accordion-pane u-align-left-lg u-align-left-md u-align-left-sm u-align-left-xs u-container-style u-accordion-pane-1" id="089b" aria-labelledby="link-089b">
  15.               <div class="u-container-layout u-container-layout-2">
  16.                 <div class="u-expanded-width u-list u-list-1">
  17.                   <div class="u-repeater u-repeater-1"></div>
  18.                 </div><span class="u-hidden-md u-icon u-icon-circle u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 434.147 434.147" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-3d95"></use></svg><svg class="u-svg-content" viewBox="0 0 434.147 434.147" x="0px" y="0px" id="svg-3d95" style="enable-background:new 0 0 434.147 434.147;"><path style="fill:currentColor;" d="M27.336,14.372l28.177,360.474c0.423,5.413,4.087,10.029,9.263,11.67l148.268,47.008  c2.622,0.831,5.437,0.831,8.059,0l148.268-47.008c5.176-1.641,8.84-6.257,9.263-11.67l28.177-360.474  C407.417,6.622,401.292,0,393.519,0H40.629C32.856,0,26.731,6.622,27.336,14.372z M334.553,126.215H150.918l5.542,51.105h174.099  L319.17,323.013l-102.096,32.369l-102.096-32.369l-5.95-76.116h53.588v37.336l55.89,15l55.556-15l4.31-59.503H107.295L95.937,79.419  H338.21L334.553,126.215z"></path></svg></span><span class="u-hidden-md u-icon u-icon-circle u-text-palette-1-base u-icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-7462"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-7462" style="enable-background:new 0 0 512 512;"><polygon style="fill:#2196F3;" points="32,0 72.8,460.8 256,512 439.136,460.832 480,0 "></polygon><polygon style="fill:#FAFAFA;" points="392.768,150.688 387.616,208.576 372.064,382.112 256,414.208 255.904,414.24   139.904,382.112 131.808,291.36 188.64,291.36 192.864,338.432 255.936,355.456 255.968,355.424 319.136,338.4 327.744,259.968   129.088,260.512 123.456,206.88 332.512,204.416 336.736,147.008 117.856,147.616 114.176,94.208 256,94.208 397.824,94.208 "></polygon></svg></span>
  19.                 <img class="u-hidden-md u-image u-image-default u-preserve-proportions u-image-1" src="/assets/images/8344565862fec084e0044e80033d8f94dcb8cbdd16ce4f553f9a363aa2157c5339af29c44d4ce1fdd58390c76cd3eea851da32213aea05e16aab24_1280.png" alt="" data-image-width="1280" data-image-height="1280">
  20.                 <img class="u-hidden-md u-image u-image-default u-preserve-proportions u-image-2" src="/assets/images/1200px-C_Programming_Language.svg.png" alt="" data-image-width="1200" data-image-height="1326">
  21.                 <img class="u-hidden-md u-image u-image-default u-preserve-proportions u-image-3" src="/assets/images/cpp.png" alt="" data-image-width="1200" data-image-height="1349">
  22.                 <img class="u-hidden-md u-image u-image-default u-preserve-proportions u-image-4" src="/assets/images/1200px-PHP-logo.svg.png" alt="" data-image-width="1200" data-image-height="648">
  23.                 <img class="u-hidden-md u-image u-image-contain u-image-default u-preserve-proportions u-image-5" src="/assets/images/1200px-Laravel.svg.png" alt="" data-image-width="1200" data-image-height="1248">
  24.                 <img class="u-hidden-md u-image u-image-default u-preserve-proportions u-image-6" src="/assets/images/nodejs-new-pantone-black.svg" alt="" data-image-width="442" data-image-height="270">
  25.               </div>
  26.             </div>
  27.           </div>
  28.           <div class="u-accordion-item">
  29.             <a class="u-accordion-link u-button-style u-grey-50 u-accordion-link-2" id="link-c423" aria-controls="c423" aria-selected="false">
  30.               <span class="u-accordion-link-text">Soft Skills</span>
  31.             </a>
  32.             <div class="u-accordion-pane u-align-left-lg u-align-left-md u-align-left-sm u-align-left-xs u-container-style u-accordion-pane-2" id="c423" aria-labelledby="link-c423">
  33.               <div class="u-container-layout u-container-layout-3">
  34.                 <div class="u-expanded-width u-list u-list-2">
  35.                   <div class="u-repeater u-repeater-2">
  36.                     <div class="u-container-style u-custom-item u-list-item u-repeater-item">
  37.                       <div class="u-container-layout u-similar-container u-valign-top u-container-layout-4">
  38.                         <ul class="u-text u-text-default u-text-2">
  39.                           <li> Logical Thinking</li>
  40.                           <li>Persistence</li>
  41.                           <li> Responsibility</li>
  42.                         </ul>
  43.                       </div>
  44.                     </div>
  45.                     <div class="u-container-style u-custom-item u-list-item u-repeater-item">
  46.                       <div class="u-container-layout u-similar-container u-valign-top u-container-layout-5">
  47.                         <ul class="u-text u-text-default u-text-3">
  48.                           <li style="">Smart Worker<br>
  49.                           </li>
  50.                           <li style="">Detail Oriented</li>
  51.                           <li style="">Focused</li>
  52.                           <li style="">Committed</li>
  53.                         </ul>
  54.                       </div>
  55.                     </div>
  56.                   </div>
  57.                 </div>
  58.               </div>
  59.             </div>
  60.           </div>
  61.           <div class="u-accordion-item">
  62.             <a class="u-accordion-link u-button-style u-grey-50 u-accordion-link-3" id="link-0f41" aria-controls="0f41" aria-selected="false">
  63.               <span class="u-accordion-link-text">Courses &amp; Certifications</span>
  64.             </a>
  65.             <div class="u-accordion-pane u-align-left u-container-style u-accordion-pane-3" id="0f41" aria-labelledby="link-0f41">
  66.               <div class="u-container-layout u-valign-middle-xl u-container-layout-6">
  67.                 <div class="u-carousel u-gallery u-layout-carousel u-lightbox u-no-transition u-show-text-always u-gallery-1" data-interval="5000" data-u-ride="carousel" id="carousel-288a">
  68.                   <ol class="u-absolute-hcenter u-carousel-indicators u-carousel-indicators-1">
  69.                     <li data-u-target="#carousel-288a" data-u-slide-to="0" class="u-active u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  70.                     <li data-u-target="#carousel-288a" data-u-slide-to="1" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  71.                     <li data-u-target="#carousel-288a" data-u-slide-to="2" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  72.                     <li data-u-target="#carousel-288a" data-u-slide-to="3" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  73.                     <li data-u-target="#carousel-288a" data-u-slide-to="4" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  74.                     <li data-u-target="#carousel-288a" data-u-slide-to="5" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  75.                     <li data-u-target="#carousel-288a" data-u-slide-to="6" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  76.                     <li data-u-target="#carousel-288a" data-u-slide-to="7" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  77.                     <li data-u-target="#carousel-288a" data-u-slide-to="8" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  78.                     <li data-u-target="#carousel-288a" data-u-slide-to="9" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  79.                     <li data-u-target="#carousel-288a" data-u-slide-to="10" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  80.                   </ol>
  81.                   <div class="u-carousel-inner u-gallery-inner" role="listbox">
  82.                     <div class="u-active u-carousel-item u-gallery-item u-carousel-item-1" data-href="https://www.credly.com/badges/41c05918-4333-4695-94eb-78c394f4c551/public_url" data-target="_blank">
  83.                       <div class="u-back-slide" data-image-width="2398" data-image-height="1845">
  84.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/AWSCertifiedCloudPractitioner1.jpg">
  85.                       </div>
  86.                       <div class="u-align-center u-over-slide u-over-slide-1">
  87.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">AWS Certified Cloud Practitioner</h4>
  88.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Amazon Web Services<br>Aug 28, 2021 - Aug 28, 2024
  89.                         </p>
  90.                       </div>
  91.                     </div>
  92.                     <div class="u-carousel-item u-gallery-item u-carousel-item-2" data-image-width="1600" data-image-height="1200" data-href="https://www.hackerrank.com/certificates/e48d90e07dd2" data-target="_blank">
  93.                       <div class="u-back-slide">
  94.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/HackerRankProblemSolvingBasic.png" alt="Problem Solving (Basic)">
  95.                       </div>
  96.                       <div class="u-align-center u-over-slide u-over-slide-2">
  97.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Problem Solving (Basic)</h4>
  98.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">HackerRank<br>Aug 31, 2021 (No Expiry Date)
  99.                         </p>
  100.                       </div>
  101.                       <style data-mode="XL" data-visited="true"></style>
  102.                       <style data-mode="LG" data-visited="true"></style>
  103.                       <style data-mode="MD" data-visited="true"></style>
  104.                       <style data-mode="SM" data-visited="true"></style>
  105.                       <style data-mode="XS" data-visited="true"></style>
  106.                     </div>
  107.                     <div class="u-carousel-item u-gallery-item u-carousel-item-3" data-image-width="1600" data-image-height="1200" data-href="https://www.hackerrank.com/certificates/5117a956f3da" data-target="_blank">
  108.                       <div class="u-back-slide">
  109.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/HackerRankSQLBasic.png" alt="SQL (Basic)">
  110.                       </div>
  111.                       <div class="u-align-center u-over-slide u-over-slide-3">
  112.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">SQL (Basic)</h4>
  113.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">HackerRank<br>Aug 31, 2021 (No Expiry Date)
  114.                         </p>
  115.                       </div>
  116.                       <style data-mode="XL" data-visited="true"></style>
  117.                       <style data-mode="LG" data-visited="true"></style>
  118.                       <style data-mode="MD" data-visited="true"></style>
  119.                       <style data-mode="SM" data-visited="true"></style>
  120.                       <style data-mode="XS" data-visited="true"></style>
  121.                     </div>
  122.                     <div class="u-carousel-item u-gallery-item u-carousel-item-4" data-href="https://dicoding.com/certificates/NVP717K0GPR0" data-target="_blank">
  123.                       <div class="u-back-slide" data-image-width="1600" data-image-height="1132">
  124.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/DicodingFundamentalAplikasiBack-End_Page_1.jpg">
  125.                       </div>
  126.                       <div class="u-align-center u-over-slide u-over-slide-4">
  127.                         <h4 class="u-gallery-heading" style="width: 626px; margin-right: auto; margin-left: auto;">Belajar Fundamental Aplikasi Back-End</h4>
  128.                         <p class="u-gallery-text" style="width: 626px; margin-right: auto; margin-left: auto; margin-top: 0px;">Dicoding Indonesia<br>Aug 18, 2021 - Aug 18, 2024
  129.                         </p>
  130.                       </div>
  131.                     </div>
  132.                     <div class="u-carousel-item u-gallery-item u-carousel-item-5" data-image-width="600" data-image-height="600" data-href="https://www.credly.com/badges/772db56a-e94b-4ee2-8782-c6054146d86d/public_url" data-target="_blank">
  133.                       <div class="u-back-slide">
  134.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/AWS-Academy-Graduate-Badge-Foundational.png" alt="">
  135.                       </div>
  136.                       <div class="u-align-center u-over-slide u-over-slide-5">
  137.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">AWS Academy Machine Learning Foundations Graduate</h4>
  138.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Amazon Web Services<br>Jul 17, 2021 (No Expiration Date)
  139.                         </p>
  140.                       </div>
  141.                       <style data-mode="XL" data-visited="true"></style>
  142.                       <style data-mode="LG" data-visited="true"></style>
  143.                       <style data-mode="MD" data-visited="true"></style>
  144.                       <style data-mode="SM" data-visited="true"></style>
  145.                       <style data-mode="XS" data-visited="true"></style>
  146.                     </div>
  147.                     <div class="u-carousel-item u-gallery-item u-carousel-item-6" data-image-width="600" data-image-height="600" data-href="https://www.credly.com/badges/b62862f8-7dac-4e58-8581-5d1db19daa82/public_url" data-target="_blank">
  148.                       <div class="u-back-slide">
  149.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/AWS-Academy-Graduate-Badge-Specialty.png" alt="AWS Academy Data Analytics Graduate">
  150.                       </div>
  151.                       <div class="u-align-center u-over-slide u-over-slide-6">
  152.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">AWS Academy Data Analytics Graduate</h4>
  153.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Amazon Web Services<br>Jul 15, 2021 (No Expiration Date)
  154.                         </p>
  155.                       </div>
  156.                       <style data-mode="XL" data-visited="true"></style>
  157.                       <style data-mode="LG" data-visited="true"></style>
  158.                       <style data-mode="MD" data-visited="true"></style>
  159.                       <style data-mode="SM" data-visited="true"></style>
  160.                       <style data-mode="XS" data-visited="true"></style>
  161.                     </div>
  162.                     <div class="u-carousel-item u-gallery-item u-carousel-item-7" data-image-width="600" data-image-height="600" data-href="https://www.credly.com/badges/1325e0ab-fe44-48a3-9c5a-a5d969cebf40/public_url" data-target="_blank">
  163.                       <div class="u-back-slide">
  164.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/AWS-Academy-Graduate-Badge-Foundational1.png" alt="AWS Academy Cloud Foundations Graduate">
  165.                       </div>
  166.                       <div class="u-align-center u-over-slide u-over-slide-7">
  167.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">AWS Academy Cloud Foundations Graduate</h4>
  168.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Amazon Web Services<br>Apr 9, 2021 (No Expiration Date)
  169.                         </p>
  170.                       </div>
  171.                       <style data-mode="XL" data-visited="true"></style>
  172.                       <style data-mode="LG" data-visited="true"></style>
  173.                       <style data-mode="MD" data-visited="true"></style>
  174.                       <style data-mode="SM" data-visited="true"></style>
  175.                       <style data-mode="XS" data-visited="true"></style>
  176.                     </div>
  177.                     <div class="u-carousel-item u-gallery-item u-carousel-item-8" data-image-width="1600" data-image-height="1132" data-href="https://dicoding.com/certificates/98XW6OKVJXM3" data-target="_blank">
  178.                       <div class="u-back-slide">
  179.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/DicodingDasarAzureCloud.jpg" alt="Belajar Dasar-Dasar Azure Cloud">
  180.                       </div>
  181.                       <div class="u-align-center u-over-slide u-over-slide-8">
  182.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Belajar Dasar-Dasar Azure Cloud</h4>
  183.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Dicoding Indonesia<br>Mar 8, 2021 - Mar 8, 2024
  184.                         </p>
  185.                       </div>
  186.                       <style data-mode="XL" data-visited="true"></style>
  187.                       <style data-mode="LG" data-visited="true"></style>
  188.                       <style data-mode="MD" data-visited="true"></style>
  189.                       <style data-mode="SM" data-visited="true"></style>
  190.                       <style data-mode="XS" data-visited="true"></style>
  191.                     </div>
  192.                     <div class="u-carousel-item u-gallery-item u-carousel-item-9" data-image-width="400" data-image-height="400" data-href="https://www.qwiklabs.com/public_profiles/64a27a97-805a-44ae-8efd-c8d0b9500ee7" data-target="_blank">
  193.                       <div class="u-back-slide">
  194.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/hel0av33klakal6twwyj.png" alt="Google Cloud Platform Training">
  195.                       </div>
  196.                       <div class="u-align-center u-over-slide u-over-slide-9">
  197.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Google Cloud Platform Training</h4>
  198.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Qwiklabs<br>Sep 13, 2020 (No Expiration Date)
  199.                         </p>
  200.                       </div>
  201.                       <style data-mode="XL" data-visited="true"></style>
  202.                       <style data-mode="LG" data-visited="true"></style>
  203.                       <style data-mode="MD" data-visited="true"></style>
  204.                       <style data-mode="SM" data-visited="true"></style>
  205.                       <style data-mode="XS" data-visited="true"></style>
  206.                     </div>
  207.                     <div class="u-carousel-item u-gallery-item u-carousel-item-10" data-image-width="2339" data-image-height="1653" data-href="https://progate.com/path_certificate/93f60e49qfxo2w" data-target="_blank">
  208.                       <div class="u-back-slide">
  209.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/ProgateWebDevelopmentPath.jpg" alt="Path Pengembangan Web (Node.js)">
  210.                       </div>
  211.                       <div class="u-align-center u-over-slide u-over-slide-10">
  212.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Path Pengembangan Web (Node.js)</h4>
  213.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Progate<br>Aug 31, 2020 (No Expiry Date)
  214.                         </p>
  215.                       </div>
  216.                       <style data-mode="XL" data-visited="true"></style>
  217.                       <style data-mode="LG" data-visited="true"></style>
  218.                       <style data-mode="MD" data-visited="true"></style>
  219.                       <style data-mode="SM" data-visited="true"></style>
  220.                       <style data-mode="XS" data-visited="true"></style>
  221.                     </div>
  222.                     <div class="u-carousel-item u-gallery-item u-carousel-item-11" data-image-width="1600" data-image-height="1132" data-href="https://dicoding.com/certificates/VJLX1MEV2Z72" data-target="_blank">
  223.                       <div class="u-back-slide">
  224.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/DicodingDasarPemweb.jpg" alt="Belajar Dasar Pemrograman Web">
  225.                       </div>
  226.                       <div class="u-align-center u-over-slide u-over-slide-11">
  227.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Belajar Dasar Pemrograman Web</h4>
  228.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Dicoding Indonesia<br>Aug 25, 2020 - Aug 25, 2023
  229.                         </p>
  230.                       </div>
  231.                       <style data-mode="XL" data-visited="true"></style>
  232.                       <style data-mode="LG" data-visited="true"></style>
  233.                       <style data-mode="MD" data-visited="true"></style>
  234.                       <style data-mode="SM" data-visited="true"></style>
  235.                       <style data-mode="XS" data-visited="true"></style>
  236.                     </div>
  237.                   </div>
  238.                   <a class="u-carousel-control u-carousel-control-prev u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-carousel-control-1" href="#carousel-288a" role="button" data-u-slide="prev">
  239.                     <span aria-hidden="true">
  240.                       <svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
  241. c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
  242. c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
  243.                     </span>
  244.                     <span class="sr-only">
  245.                       <svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
  246. c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
  247. c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
  248.                     </span>
  249.                   </a>
  250.                   <a class="u-carousel-control u-carousel-control-next u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-carousel-control-2" href="#carousel-288a" role="button" data-u-slide="next">
  251.                     <span aria-hidden="true">
  252.                       <svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
  253. L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
  254. c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
  255.                     </span>
  256.                     <span class="sr-only">
  257.                       <svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
  258. L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
  259. c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
  260.                     </span>
  261.                   </a>
  262.                 </div>
  263.               </div>
  264.             </div>
  265.           </div>
  266.         </div>
  267.         <div class="u-accordion u-expanded-width u-hidden-lg u-hidden-md u-hidden-sm u-hidden-xl u-accordion-2">
  268.           <div class="u-accordion-item">
  269.             <a class="active u-accordion-link u-button-style u-grey-50 u-accordion-link-4" id="link-089b" aria-controls="089b" aria-selected="true">
  270.               <span class="u-accordion-link-text">Technical Skills</span>
  271.             </a>
  272.             <div class="u-accordion-active u-accordion-pane u-container-style u-accordion-pane-4" id="089b" aria-labelledby="link-089b">
  273.               <div class="u-container-layout u-container-layout-7">
  274.                 <div class="u-expanded-width-lg u-expanded-width-md u-expanded-width-sm u-expanded-width-xl u-list u-list-3">
  275.                   <div class="u-repeater u-repeater-3"></div>
  276.                 </div><span class="u-icon u-icon-circle u-icon-3"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 434.147 434.147" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-ea1f"></use></svg><svg class="u-svg-content" viewBox="0 0 434.147 434.147" x="0px" y="0px" id="svg-ea1f" style="enable-background:new 0 0 434.147 434.147;"><path style="fill:currentColor;" d="M27.336,14.372l28.177,360.474c0.423,5.413,4.087,10.029,9.263,11.67l148.268,47.008  c2.622,0.831,5.437,0.831,8.059,0l148.268-47.008c5.176-1.641,8.84-6.257,9.263-11.67l28.177-360.474  C407.417,6.622,401.292,0,393.519,0H40.629C32.856,0,26.731,6.622,27.336,14.372z M334.553,126.215H150.918l5.542,51.105h174.099  L319.17,323.013l-102.096,32.369l-102.096-32.369l-5.95-76.116h53.588v37.336l55.89,15l55.556-15l4.31-59.503H107.295L95.937,79.419  H338.21L334.553,126.215z"></path></svg></span><span class="u-icon u-icon-circle u-text-palette-1-base u-icon-4"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-af35"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-af35" style="enable-background:new 0 0 512 512;"><polygon style="fill:#2196F3;" points="32,0 72.8,460.8 256,512 439.136,460.832 480,0 "></polygon><polygon style="fill:#FAFAFA;" points="392.768,150.688 387.616,208.576 372.064,382.112 256,414.208 255.904,414.24   139.904,382.112 131.808,291.36 188.64,291.36 192.864,338.432 255.936,355.456 255.968,355.424 319.136,338.4 327.744,259.968   129.088,260.512 123.456,206.88 332.512,204.416 336.736,147.008 117.856,147.616 114.176,94.208 256,94.208 397.824,94.208 "></polygon></svg></span>
  277.                 <img class="u-image u-image-default u-preserve-proportions u-image-7" src="/assets/images/8344565862fec084e0044e80033d8f94dcb8cbdd16ce4f553f9a363aa2157c5339af29c44d4ce1fdd58390c76cd3eea851da32213aea05e16aab24_1280.png" alt="" data-image-width="1280" data-image-height="1280">
  278.                 <img class="u-image u-image-default u-preserve-proportions u-image-8" src="/assets/images/1200px-C_Programming_Language.svg.png" alt="" data-image-width="1200" data-image-height="1326">
  279.                 <img class="u-image u-image-default u-preserve-proportions u-image-9" src="/assets/images/_Logo.svg.png" alt="" data-image-width="1200" data-image-height="1349">
  280.                 <img class="u-image u-image-default u-preserve-proportions u-image-10" src="/assets/images/1200px-PHP-logo.svg.png" alt="" data-image-width="1200" data-image-height="648">
  281.                 <img class="u-image u-image-contain u-image-default u-preserve-proportions u-image-11" src="/assets/images/1200px-Laravel.svg.png" alt="" data-image-width="1200" data-image-height="1248">
  282.                 <img class="u-image u-image-default u-preserve-proportions u-image-12" src="/assets/images/nodejs-new-pantone-black.svg" alt="" data-image-width="442" data-image-height="270">
  283.               </div>
  284.             </div>
  285.           </div>
  286.           <div class="u-accordion-item">
  287.             <a class="u-accordion-link u-button-style u-grey-50 u-accordion-link-5" id="link-c423" aria-controls="c423" aria-selected="false">
  288.               <span class="u-accordion-link-text">Soft Skills</span>
  289.             </a>
  290.             <div class="u-accordion-pane u-container-style u-accordion-pane-5" id="c423" aria-labelledby="link-c423">
  291.               <div class="u-container-layout u-container-layout-8">
  292.                 <div class="u-expanded-width u-list u-list-4">
  293.                   <div class="u-repeater u-repeater-4">
  294.                     <div class="u-container-style u-custom-item u-list-item u-repeater-item">
  295.                       <div class="u-container-layout u-similar-container u-valign-top u-container-layout-9">
  296.                         <ul class="u-text u-text-default u-text-4">
  297.                           <li> Logical Thinking</li>
  298.                           <li style="">Persistence</li>
  299.                           <li>Responsibility<br>
  300.                           </li>
  301.                           <li> Smart Worker</li>
  302.                           <li>Detail Oriented</li>
  303.                           <li>Focused</li>
  304.                           <li>Committed</li>
  305.                         </ul>
  306.                       </div>
  307.                     </div>
  308.                   </div>
  309.                 </div>
  310.               </div>
  311.             </div>
  312.           </div>
  313.           <div class="u-accordion-item">
  314.             <a class="u-accordion-link u-button-style u-grey-50 u-accordion-link-6" id="link-0f41" aria-controls="0f41" aria-selected="false">
  315.               <span class="u-accordion-link-text">Courses &amp; Certifications</span>
  316.             </a>
  317.             <div class="u-accordion-pane u-container-style u-accordion-pane-6" id="0f41" aria-labelledby="link-0f41">
  318.               <div class="u-container-layout u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-10">
  319.                 <div class="u-carousel u-gallery u-layout-carousel u-lightbox u-no-transition u-show-text-always u-gallery-2" data-interval="5000" data-u-ride="carousel" id="carousel-9b03">
  320.                   <ol class="u-absolute-hcenter u-carousel-indicators u-carousel-indicators-2">
  321.                     <li data-u-target="#carousel-9b03" data-u-slide-to="0" class="u-active u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  322.                     <li data-u-target="#carousel-9b03" data-u-slide-to="1" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  323.                     <li data-u-target="#carousel-9b03" data-u-slide-to="2" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  324.                     <li data-u-target="#carousel-9b03" data-u-slide-to="3" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  325.                     <li data-u-target="#carousel-9b03" data-u-slide-to="4" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  326.                     <li data-u-target="#carousel-9b03" data-u-slide-to="5" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  327.                     <li data-u-target="#carousel-9b03" data-u-slide-to="6" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  328.                     <li data-u-target="#carousel-9b03" data-u-slide-to="7" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  329.                     <li data-u-target="#carousel-9b03" data-u-slide-to="8" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  330.                     <li data-u-target="#carousel-9b03" data-u-slide-to="9" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  331.                     <li data-u-target="#carousel-9b03" data-u-slide-to="10" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  332.                   </ol>
  333.                   <div class="u-carousel-inner u-gallery-inner" role="listbox">
  334.                     <div class="u-active u-carousel-item u-gallery-item u-carousel-item-12" data-href="https://www.credly.com/badges/41c05918-4333-4695-94eb-78c394f4c551/public_url" data-target="_blank">
  335.                       <div class="u-back-slide" data-image-width="2398" data-image-height="1845">
  336.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/AWSCertifiedCloudPractitioner1.jpg">
  337.                       </div>
  338.                       <div class="u-align-center u-over-slide u-over-slide-12">
  339.                         <h5 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">AWS Certified Cloud Practitioner</h5>
  340.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Amazon Web Services<br>Aug 28, 2021 - Aug 28, 2024
  341.                         </p>
  342.                       </div>
  343.                     </div>
  344.                     <div class="u-carousel-item u-gallery-item u-carousel-item-13" data-image-width="1600" data-image-height="1200" data-href="https://www.hackerrank.com/certificates/e48d90e07dd2" data-target="_blank">
  345.                       <div class="u-back-slide">
  346.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/HackerRankProblemSolvingBasic.png" alt="Problem Solving (Basic)">
  347.                       </div>
  348.                       <div class="u-align-center u-over-slide u-over-slide-13">
  349.                         <h5 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Problem Solving (Basic)</h5>
  350.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">HackerRank<br>Aug 31, 2021 (No Expiry Date)
  351.                         </p>
  352.                       </div>
  353.                       <style data-mode="XL" data-visited="true"></style>
  354.                       <style data-mode="LG"></style>
  355.                       <style data-mode="MD"></style>
  356.                       <style data-mode="SM" data-visited="true"></style>
  357.                       <style data-mode="XS" data-visited="true"></style>
  358.                     </div>
  359.                     <div class="u-carousel-item u-gallery-item u-carousel-item-14" data-image-width="1600" data-image-height="1200" data-href="https://www.hackerrank.com/certificates/5117a956f3da" data-target="_blank">
  360.                       <div class="u-back-slide">
  361.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/HackerRankSQLBasic.png" alt="SQL (Basic)">
  362.                       </div>
  363.                       <div class="u-align-center u-over-slide u-over-slide-14">
  364.                         <h5 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">SQL (Basic)</h5>
  365.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">HackerRank<br>Aug 31, 2021 (No Expiry Date)
  366.                         </p>
  367.                       </div>
  368.                       <style data-mode="XL" data-visited="true"></style>
  369.                       <style data-mode="LG"></style>
  370.                       <style data-mode="MD"></style>
  371.                       <style data-mode="SM" data-visited="true"></style>
  372.                       <style data-mode="XS" data-visited="true"></style>
  373.                     </div>
  374.                     <div class="u-carousel-item u-gallery-item u-carousel-item-15" data-href="https://dicoding.com/certificates/NVP717K0GPR0" data-target="_blank">
  375.                       <div class="u-back-slide" data-image-width="1600" data-image-height="1132">
  376.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/DicodingFundamentalAplikasiBack-End_Page_1.jpg">
  377.                       </div>
  378.                       <div class="u-align-center u-over-slide u-over-slide-15">
  379.                         <h5 class="u-gallery-heading" style="width: 626px; margin-right: auto; margin-left: auto;">Belajar Fundamental Aplikasi Back-End</h5>
  380.                         <p class="u-gallery-text" style="width: 626px; margin-right: auto; margin-left: auto; margin-top: 0px;">Dicoding Indonesia<br>Aug 18, 2021 - Aug 18, 2024
  381.                         </p>
  382.                       </div>
  383.                     </div>
  384.                     <div class="u-carousel-item u-gallery-item u-carousel-item-16" data-image-width="600" data-image-height="600" data-href="https://www.credly.com/badges/772db56a-e94b-4ee2-8782-c6054146d86d/public_url" data-target="_blank">
  385.                       <div class="u-back-slide">
  386.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/AWS-Academy-Graduate-Badge-Foundational.png" alt="">
  387.                       </div>
  388.                       <div class="u-align-center u-over-slide u-over-slide-16">
  389.                         <h5 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">AWS Academy Machine Learning Foundations Graduate</h5>
  390.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Amazon Web Services<br>Jul 17, 2021 (No Expiration Date)
  391.                         </p>
  392.                       </div>
  393.                       <style data-mode="XL" data-visited="true"></style>
  394.                       <style data-mode="LG"></style>
  395.                       <style data-mode="MD"></style>
  396.                       <style data-mode="SM" data-visited="true"></style>
  397.                       <style data-mode="XS" data-visited="true"></style>
  398.                     </div>
  399.                     <div class="u-carousel-item u-gallery-item u-carousel-item-17" data-image-width="600" data-image-height="600" data-href="https://www.credly.com/badges/b62862f8-7dac-4e58-8581-5d1db19daa82/public_url" data-target="_blank">
  400.                       <div class="u-back-slide">
  401.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/AWS-Academy-Graduate-Badge-Specialty.png" alt="AWS Academy Data Analytics Graduate">
  402.                       </div>
  403.                       <div class="u-align-center u-over-slide u-over-slide-17">
  404.                         <h5 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">AWS Academy Data Analytics Graduate</h5>
  405.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Amazon Web Services<br>Jul 15, 2021 (No Expiration Date)
  406.                         </p>
  407.                       </div>
  408.                       <style data-mode="XL" data-visited="true"></style>
  409.                       <style data-mode="LG"></style>
  410.                       <style data-mode="MD"></style>
  411.                       <style data-mode="SM" data-visited="true"></style>
  412.                       <style data-mode="XS" data-visited="true"></style>
  413.                     </div>
  414.                     <div class="u-carousel-item u-gallery-item u-carousel-item-18" data-image-width="600" data-image-height="600" data-href="https://www.credly.com/badges/1325e0ab-fe44-48a3-9c5a-a5d969cebf40/public_url" data-target="_blank">
  415.                       <div class="u-back-slide">
  416.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/AWS-Academy-Graduate-Badge-Foundational1.png" alt="AWS Academy Cloud Foundations Graduate">
  417.                       </div>
  418.                       <div class="u-align-center u-over-slide u-over-slide-18">
  419.                         <h5 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">AWS Academy Cloud Foundations Graduate</h5>
  420.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Amazon Web Services<br>Apr 9, 2021 (No Expiration Date)
  421.                         </p>
  422.                       </div>
  423.                       <style data-mode="XL" data-visited="true"></style>
  424.                       <style data-mode="LG"></style>
  425.                       <style data-mode="MD"></style>
  426.                       <style data-mode="SM" data-visited="true"></style>
  427.                       <style data-mode="XS" data-visited="true"></style>
  428.                     </div>
  429.                     <div class="u-carousel-item u-gallery-item u-carousel-item-19" data-image-width="1600" data-image-height="1132" data-href="https://dicoding.com/certificates/98XW6OKVJXM3" data-target="_blank">
  430.                       <div class="u-back-slide">
  431.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/DicodingDasarAzureCloud.jpg" alt="Belajar Dasar-Dasar Azure Cloud">
  432.                       </div>
  433.                       <div class="u-align-center u-over-slide u-over-slide-19">
  434.                         <h5 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Belajar Dasar-Dasar Azure Cloud</h5>
  435.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Dicoding Indonesia<br>Mar 8, 2021 - Mar 8, 2024
  436.                         </p>
  437.                       </div>
  438.                       <style data-mode="XL" data-visited="true"></style>
  439.                       <style data-mode="LG"></style>
  440.                       <style data-mode="MD"></style>
  441.                       <style data-mode="SM" data-visited="true"></style>
  442.                       <style data-mode="XS" data-visited="true"></style>
  443.                     </div>
  444.                     <div class="u-carousel-item u-gallery-item u-carousel-item-20" data-image-width="400" data-image-height="400" data-href="https://www.qwiklabs.com/public_profiles/64a27a97-805a-44ae-8efd-c8d0b9500ee7" data-target="_blank">
  445.                       <div class="u-back-slide">
  446.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/hel0av33klakal6twwyj.png" alt="Google Cloud Platform Training">
  447.                       </div>
  448.                       <div class="u-align-center u-over-slide u-over-slide-20">
  449.                         <h5 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Google Cloud Platform Training</h5>
  450.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Qwiklabs<br>Sep 13, 2020 (No Expiration Date)
  451.                         </p>
  452.                       </div>
  453.                       <style data-mode="XL" data-visited="true"></style>
  454.                       <style data-mode="LG"></style>
  455.                       <style data-mode="MD"></style>
  456.                       <style data-mode="SM" data-visited="true"></style>
  457.                       <style data-mode="XS" data-visited="true"></style>
  458.                     </div>
  459.                     <div class="u-carousel-item u-gallery-item u-carousel-item-21" data-image-width="2339" data-image-height="1653" data-href="https://progate.com/path_certificate/93f60e49qfxo2w" data-target="_blank">
  460.                       <div class="u-back-slide">
  461.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/ProgateWebDevelopmentPath.jpg" alt="Path Pengembangan Web (Node.js)">
  462.                       </div>
  463.                       <div class="u-align-center u-over-slide u-over-slide-21">
  464.                         <h5 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Path Pengembangan Web (Node.js)</h5>
  465.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Progate<br>Aug 31, 2020 (No Expiry Date)
  466.                         </p>
  467.                       </div>
  468.                       <style data-mode="XL" data-visited="true"></style>
  469.                       <style data-mode="LG"></style>
  470.                       <style data-mode="MD"></style>
  471.                       <style data-mode="SM" data-visited="true"></style>
  472.                       <style data-mode="XS" data-visited="true"></style>
  473.                     </div>
  474.                     <div class="u-carousel-item u-gallery-item u-carousel-item-22" data-image-width="1600" data-image-height="1132" data-href="https://dicoding.com/certificates/VJLX1MEV2Z72" data-target="_blank">
  475.                       <div class="u-back-slide">
  476.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/DicodingDasarPemweb.jpg" alt="Belajar Dasar Pemrograman Web">
  477.                       </div>
  478.                       <div class="u-align-center u-over-slide u-over-slide-22">
  479.                         <h5 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Belajar Dasar Pemrograman Web</h5>
  480.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Dicoding Indonesia<br>Aug 25, 2020 - Aug 25, 2023
  481.                         </p>
  482.                       </div>
  483.                       <style data-mode="XL" data-visited="true"></style>
  484.                       <style data-mode="LG"></style>
  485.                       <style data-mode="MD"></style>
  486.                       <style data-mode="SM" data-visited="true"></style>
  487.                       <style data-mode="XS" data-visited="true"></style>
  488.                     </div>
  489.                   </div>
  490.                   <a class="u-carousel-control u-carousel-control-prev u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-carousel-control-3" href="#carousel-9b03" role="button" data-u-slide="prev">
  491.                     <span aria-hidden="true">
  492.                       <svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
  493. c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
  494. c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
  495.                     </span>
  496.                     <span class="sr-only">
  497.                       <svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
  498. c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
  499. c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
  500.                     </span>
  501.                   </a>
  502.                   <a class="u-carousel-control u-carousel-control-next u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-carousel-control-4" href="#carousel-9b03" role="button" data-u-slide="next">
  503.                     <span aria-hidden="true">
  504.                       <svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
  505. L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
  506. c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
  507.                     </span>
  508.                     <span class="sr-only">
  509.                       <svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
  510. L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
  511. c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
  512.                     </span>
  513.                   </a>
  514.                 </div>
  515.               </div>
  516.             </div>
  517.           </div>
  518.         </div>
  519.         <div class="u-accordion u-expanded-width u-hidden-lg u-hidden-md u-hidden-xl u-hidden-xs u-accordion-3">
  520.           <div class="u-accordion-item">
  521.             <a class="active u-accordion-link u-button-style u-grey-50 u-accordion-link-7" id="link-089b" aria-controls="089b" aria-selected="true">
  522.               <span class="u-accordion-link-text">Technical Skills</span>
  523.             </a>
  524.             <div class="u-accordion-active u-accordion-pane u-container-style u-accordion-pane-7" id="089b" aria-labelledby="link-089b">
  525.               <div class="u-container-layout u-container-layout-11">
  526.                 <div class="u-expanded-width u-list u-list-5">
  527.                   <div class="u-repeater u-repeater-5"></div>
  528.                 </div><span class="u-icon u-icon-circle u-icon-5"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 434.147 434.147" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-e9db"></use></svg><svg class="u-svg-content" viewBox="0 0 434.147 434.147" x="0px" y="0px" id="svg-e9db" style="enable-background:new 0 0 434.147 434.147;"><path style="fill:currentColor;" d="M27.336,14.372l28.177,360.474c0.423,5.413,4.087,10.029,9.263,11.67l148.268,47.008  c2.622,0.831,5.437,0.831,8.059,0l148.268-47.008c5.176-1.641,8.84-6.257,9.263-11.67l28.177-360.474  C407.417,6.622,401.292,0,393.519,0H40.629C32.856,0,26.731,6.622,27.336,14.372z M334.553,126.215H150.918l5.542,51.105h174.099  L319.17,323.013l-102.096,32.369l-102.096-32.369l-5.95-76.116h53.588v37.336l55.89,15l55.556-15l4.31-59.503H107.295L95.937,79.419  H338.21L334.553,126.215z"></path></svg></span><span class="u-icon u-icon-circle u-text-palette-1-base u-icon-6"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-4303"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-4303" style="enable-background:new 0 0 512 512;"><polygon style="fill:#2196F3;" points="32,0 72.8,460.8 256,512 439.136,460.832 480,0 "></polygon><polygon style="fill:#FAFAFA;" points="392.768,150.688 387.616,208.576 372.064,382.112 256,414.208 255.904,414.24   139.904,382.112 131.808,291.36 188.64,291.36 192.864,338.432 255.936,355.456 255.968,355.424 319.136,338.4 327.744,259.968   129.088,260.512 123.456,206.88 332.512,204.416 336.736,147.008 117.856,147.616 114.176,94.208 256,94.208 397.824,94.208 "></polygon></svg></span>
  529.                 <img class="u-image u-image-default u-preserve-proportions u-image-13" src="/assets/images/8344565862fec084e0044e80033d8f94dcb8cbdd16ce4f553f9a363aa2157c5339af29c44d4ce1fdd58390c76cd3eea851da32213aea05e16aab24_1280.png" alt="" data-image-width="1280" data-image-height="1280">
  530.                 <img class="u-image u-image-default u-preserve-proportions u-image-14" src="/assets/images/1200px-C_Programming_Language.svg.png" alt="" data-image-width="1200" data-image-height="1326">
  531.                 <img class="u-image u-image-default u-preserve-proportions u-image-15" src="/assets/images/_Logo.svg.png" alt="" data-image-width="1200" data-image-height="1349">
  532.                 <img class="u-image u-image-default u-preserve-proportions u-image-16" src="/assets/images/1200px-PHP-logo.svg.png" alt="" data-image-width="1200" data-image-height="648">
  533.                 <img class="u-image u-image-contain u-image-default u-preserve-proportions u-image-17" src="/assets/images/1200px-Laravel.svg.png" alt="" data-image-width="1200" data-image-height="1248">
  534.                 <img class="u-image u-image-default u-preserve-proportions u-image-18" src="/assets/images/nodejs-new-pantone-black.svg" alt="" data-image-width="442" data-image-height="270">
  535.               </div>
  536.             </div>
  537.           </div>
  538.           <div class="u-accordion-item">
  539.             <a class="u-accordion-link u-button-style u-grey-50 u-accordion-link-8" id="link-c423" aria-controls="c423" aria-selected="false">
  540.               <span class="u-accordion-link-text">Soft Skills</span>
  541.             </a>
  542.             <div class="u-accordion-pane u-container-style u-accordion-pane-8" id="c423" aria-labelledby="link-c423">
  543.               <div class="u-container-layout u-container-layout-12">
  544.                 <div class="u-expanded-width u-list u-list-6">
  545.                   <div class="u-repeater u-repeater-6">
  546.                     <div class="u-container-style u-custom-item u-list-item u-repeater-item">
  547.                       <div class="u-container-layout u-similar-container u-valign-top u-container-layout-13">
  548.                         <ul class="u-text u-text-default u-text-5">
  549.                           <li> Logical Thinking</li>
  550.                           <li>Persistence</li>
  551.                           <li> Responsibility</li>
  552.                         </ul>
  553.                       </div>
  554.                     </div>
  555.                     <div class="u-container-style u-custom-item u-list-item u-repeater-item">
  556.                       <div class="u-container-layout u-similar-container u-valign-top u-container-layout-14">
  557.                         <ul class="u-text u-text-default u-text-6">
  558.                           <li style="">Smart Worker</li>
  559.                           <li style="">Detail Oriented</li>
  560.                           <li style="">Focused</li>
  561.                           <li style="">Committed</li>
  562.                         </ul>
  563.                       </div>
  564.                     </div>
  565.                   </div>
  566.                 </div>
  567.               </div>
  568.             </div>
  569.           </div>
  570.           <div class="u-accordion-item">
  571.             <a class="u-accordion-link u-button-style u-grey-50 u-accordion-link-9" id="link-0f41" aria-controls="0f41" aria-selected="false">
  572.               <span class="u-accordion-link-text">Courses &amp; Certifications</span>
  573.             </a>
  574.             <div class="u-accordion-pane u-container-style u-accordion-pane-9" id="0f41" aria-labelledby="link-0f41">
  575.               <div class="u-container-layout u-valign-middle u-container-layout-15">
  576.                 <div class="u-carousel u-gallery u-layout-carousel u-lightbox u-no-transition u-show-text-always u-gallery-3" data-interval="5000" data-u-ride="carousel" id="carousel-f391">
  577.                   <ol class="u-absolute-hcenter u-carousel-indicators u-carousel-indicators-3">
  578.                     <li data-u-target="#carousel-f391" data-u-slide-to="0" class="u-active u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  579.                     <li data-u-target="#carousel-f391" data-u-slide-to="1" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  580.                     <li data-u-target="#carousel-f391" data-u-slide-to="2" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  581.                     <li data-u-target="#carousel-f391" data-u-slide-to="3" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  582.                     <li data-u-target="#carousel-f391" data-u-slide-to="4" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  583.                     <li data-u-target="#carousel-f391" data-u-slide-to="5" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  584.                     <li data-u-target="#carousel-f391" data-u-slide-to="6" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  585.                     <li data-u-target="#carousel-f391" data-u-slide-to="7" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  586.                     <li data-u-target="#carousel-f391" data-u-slide-to="8" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  587.                     <li data-u-target="#carousel-f391" data-u-slide-to="9" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  588.                     <li data-u-target="#carousel-f391" data-u-slide-to="10" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  589.                   </ol>
  590.                   <div class="u-carousel-inner u-gallery-inner" role="listbox">
  591.                     <div class="u-active u-carousel-item u-gallery-item u-carousel-item-23" data-href="https://www.credly.com/badges/41c05918-4333-4695-94eb-78c394f4c551/public_url" data-target="_blank">
  592.                       <div class="u-back-slide" data-image-width="2398" data-image-height="1845">
  593.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/AWSCertifiedCloudPractitioner1.jpg">
  594.                       </div>
  595.                       <div class="u-align-center u-over-slide u-over-slide-23">
  596.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">AWS Certified Cloud Practitioner</h4>
  597.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Amazon Web Services<br>Aug 28, 2021 - Aug 28, 2024
  598.                         </p>
  599.                       </div>
  600.                     </div>
  601.                     <div class="u-carousel-item u-gallery-item u-carousel-item-24" data-image-width="1600" data-image-height="1200" data-href="https://www.hackerrank.com/certificates/e48d90e07dd2" data-target="_blank">
  602.                       <div class="u-back-slide">
  603.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/HackerRankProblemSolvingBasic.png" alt="Problem Solving (Basic)">
  604.                       </div>
  605.                       <div class="u-align-center u-over-slide u-over-slide-24">
  606.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Problem Solving (Basic)</h4>
  607.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">HackerRank<br>Aug 31, 2021 (No Expiry Date)
  608.                         </p>
  609.                       </div>
  610.                       <style data-mode="XL" data-visited="true"></style>
  611.                       <style data-mode="LG"></style>
  612.                       <style data-mode="MD" data-visited="true"></style>
  613.                       <style data-mode="SM" data-visited="true"></style>
  614.                       <style data-mode="XS" data-visited="true"></style>
  615.                     </div>
  616.                     <div class="u-carousel-item u-gallery-item u-carousel-item-25" data-image-width="1600" data-image-height="1200" data-href="https://www.hackerrank.com/certificates/5117a956f3da" data-target="_blank">
  617.                       <div class="u-back-slide">
  618.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/HackerRankSQLBasic.png" alt="SQL (Basic)">
  619.                       </div>
  620.                       <div class="u-align-center u-over-slide u-over-slide-25">
  621.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">SQL (Basic)</h4>
  622.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">HackerRank<br>Aug 31, 2021 (No Expiry Date)
  623.                         </p>
  624.                       </div>
  625.                       <style data-mode="XL" data-visited="true"></style>
  626.                       <style data-mode="LG"></style>
  627.                       <style data-mode="MD" data-visited="true"></style>
  628.                       <style data-mode="SM" data-visited="true"></style>
  629.                       <style data-mode="XS" data-visited="true"></style>
  630.                     </div>
  631.                     <div class="u-carousel-item u-gallery-item u-carousel-item-26" data-href="https://dicoding.com/certificates/NVP717K0GPR0" data-target="_blank">
  632.                       <div class="u-back-slide" data-image-width="1600" data-image-height="1132">
  633.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/DicodingFundamentalAplikasiBack-End_Page_1.jpg">
  634.                       </div>
  635.                       <div class="u-align-center u-over-slide u-over-slide-26">
  636.                         <h4 class="u-gallery-heading" style="width: 626px; margin-right: auto; margin-left: auto;">Belajar Fundamental Aplikasi Back-End</h4>
  637.                         <p class="u-gallery-text" style="width: 626px; margin-right: auto; margin-left: auto; margin-top: 0px;">Dicoding Indonesia<br>Aug 18, 2021 - Aug 18, 2024
  638.                         </p>
  639.                       </div>
  640.                     </div>
  641.                     <div class="u-carousel-item u-gallery-item u-carousel-item-27" data-image-width="600" data-image-height="600" data-href="https://www.credly.com/badges/772db56a-e94b-4ee2-8782-c6054146d86d/public_url" data-target="_blank">
  642.                       <div class="u-back-slide">
  643.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/AWS-Academy-Graduate-Badge-Foundational.png" alt="">
  644.                       </div>
  645.                       <div class="u-align-center u-over-slide u-over-slide-27">
  646.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">AWS Academy Machine Learning Foundations Graduate</h4>
  647.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Amazon Web Services<br>Jul 17, 2021 (No Expiration Date)
  648.                         </p>
  649.                       </div>
  650.                       <style data-mode="XL" data-visited="true"></style>
  651.                       <style data-mode="LG"></style>
  652.                       <style data-mode="MD" data-visited="true"></style>
  653.                       <style data-mode="SM" data-visited="true"></style>
  654.                       <style data-mode="XS" data-visited="true"></style>
  655.                     </div>
  656.                     <div class="u-carousel-item u-gallery-item u-carousel-item-28" data-image-width="600" data-image-height="600" data-href="https://www.credly.com/badges/b62862f8-7dac-4e58-8581-5d1db19daa82/public_url" data-target="_blank">
  657.                       <div class="u-back-slide">
  658.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/AWS-Academy-Graduate-Badge-Specialty.png" alt="AWS Academy Data Analytics Graduate">
  659.                       </div>
  660.                       <div class="u-align-center u-over-slide u-over-slide-28">
  661.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">AWS Academy Data Analytics Graduate</h4>
  662.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Amazon Web Services<br>Jul 15, 2021 (No Expiration Date)
  663.                         </p>
  664.                       </div>
  665.                       <style data-mode="XL" data-visited="true"></style>
  666.                       <style data-mode="LG"></style>
  667.                       <style data-mode="MD" data-visited="true"></style>
  668.                       <style data-mode="SM" data-visited="true"></style>
  669.                       <style data-mode="XS" data-visited="true"></style>
  670.                     </div>
  671.                     <div class="u-carousel-item u-gallery-item u-carousel-item-29" data-image-width="600" data-image-height="600" data-href="https://www.credly.com/badges/1325e0ab-fe44-48a3-9c5a-a5d969cebf40/public_url" data-target="_blank">
  672.                       <div class="u-back-slide">
  673.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/AWS-Academy-Graduate-Badge-Foundational1.png" alt="AWS Academy Cloud Foundations Graduate">
  674.                       </div>
  675.                       <div class="u-align-center u-over-slide u-over-slide-29">
  676.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">AWS Academy Cloud Foundations Graduate</h4>
  677.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Amazon Web Services<br>Apr 9, 2021 (No Expiration Date)
  678.                         </p>
  679.                       </div>
  680.                       <style data-mode="XL" data-visited="true"></style>
  681.                       <style data-mode="LG"></style>
  682.                       <style data-mode="MD" data-visited="true"></style>
  683.                       <style data-mode="SM" data-visited="true"></style>
  684.                       <style data-mode="XS" data-visited="true"></style>
  685.                     </div>
  686.                     <div class="u-carousel-item u-gallery-item u-carousel-item-30" data-image-width="1600" data-image-height="1132" data-href="https://dicoding.com/certificates/98XW6OKVJXM3" data-target="_blank">
  687.                       <div class="u-back-slide">
  688.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/DicodingDasarAzureCloud.jpg" alt="Belajar Dasar-Dasar Azure Cloud">
  689.                       </div>
  690.                       <div class="u-align-center u-over-slide u-over-slide-30">
  691.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Belajar Dasar-Dasar Azure Cloud</h4>
  692.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Dicoding Indonesia<br>Mar 8, 2021 - Mar 8, 2024
  693.                         </p>
  694.                       </div>
  695.                       <style data-mode="XL" data-visited="true"></style>
  696.                       <style data-mode="LG"></style>
  697.                       <style data-mode="MD" data-visited="true"></style>
  698.                       <style data-mode="SM" data-visited="true"></style>
  699.                       <style data-mode="XS" data-visited="true"></style>
  700.                     </div>
  701.                     <div class="u-carousel-item u-gallery-item u-carousel-item-31" data-image-width="400" data-image-height="400" data-href="https://www.qwiklabs.com/public_profiles/64a27a97-805a-44ae-8efd-c8d0b9500ee7" data-target="_blank">
  702.                       <div class="u-back-slide">
  703.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/hel0av33klakal6twwyj.png" alt="Google Cloud Platform Training">
  704.                       </div>
  705.                       <div class="u-align-center u-over-slide u-over-slide-31">
  706.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Google Cloud Platform Training</h4>
  707.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Qwiklabs<br>Sep 13, 2020 (No Expiration Date)
  708.                         </p>
  709.                       </div>
  710.                       <style data-mode="XL" data-visited="true"></style>
  711.                       <style data-mode="LG"></style>
  712.                       <style data-mode="MD" data-visited="true"></style>
  713.                       <style data-mode="SM" data-visited="true"></style>
  714.                       <style data-mode="XS" data-visited="true"></style>
  715.                     </div>
  716.                     <div class="u-carousel-item u-gallery-item u-carousel-item-32" data-image-width="2339" data-image-height="1653" data-href="https://progate.com/path_certificate/93f60e49qfxo2w" data-target="_blank">
  717.                       <div class="u-back-slide">
  718.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/ProgateWebDevelopmentPath.jpg" alt="Path Pengembangan Web (Node.js)">
  719.                       </div>
  720.                       <div class="u-align-center u-over-slide u-over-slide-32">
  721.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Path Pengembangan Web (Node.js)</h4>
  722.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Progate<br>Aug 31, 2020 (No Expiry Date)
  723.                         </p>
  724.                       </div>
  725.                       <style data-mode="XL" data-visited="true"></style>
  726.                       <style data-mode="LG"></style>
  727.                       <style data-mode="MD" data-visited="true"></style>
  728.                       <style data-mode="SM" data-visited="true"></style>
  729.                       <style data-mode="XS" data-visited="true"></style>
  730.                     </div>
  731.                     <div class="u-carousel-item u-gallery-item u-carousel-item-33" data-image-width="1600" data-image-height="1132" data-href="https://dicoding.com/certificates/VJLX1MEV2Z72" data-target="_blank">
  732.                       <div class="u-back-slide">
  733.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/DicodingDasarPemweb.jpg" alt="Belajar Dasar Pemrograman Web">
  734.                       </div>
  735.                       <div class="u-align-center u-over-slide u-over-slide-33">
  736.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Belajar Dasar Pemrograman Web</h4>
  737.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Dicoding Indonesia<br>Aug 25, 2020 - Aug 25, 2023
  738.                         </p>
  739.                       </div>
  740.                       <style data-mode="XL" data-visited="true"></style>
  741.                       <style data-mode="LG"></style>
  742.                       <style data-mode="MD" data-visited="true"></style>
  743.                       <style data-mode="SM" data-visited="true"></style>
  744.                       <style data-mode="XS" data-visited="true"></style>
  745.                     </div>
  746.                   </div>
  747.                   <a class="u-carousel-control u-carousel-control-prev u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-carousel-control-5" href="#carousel-f391" role="button" data-u-slide="prev">
  748.                     <span aria-hidden="true">
  749.                       <svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
  750. c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
  751. c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
  752.                     </span>
  753.                     <span class="sr-only">
  754.                       <svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
  755. c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
  756. c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
  757.                     </span>
  758.                   </a>
  759.                   <a class="u-carousel-control u-carousel-control-next u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-carousel-control-6" href="#carousel-f391" role="button" data-u-slide="next">
  760.                     <span aria-hidden="true">
  761.                       <svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
  762. L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
  763. c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
  764.                     </span>
  765.                     <span class="sr-only">
  766.                       <svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
  767. L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
  768. c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
  769.                     </span>
  770.                   </a>
  771.                 </div>
  772.               </div>
  773.             </div>
  774.           </div>
  775.         </div>
  776.         <div class="u-accordion u-expanded-width u-hidden-lg u-hidden-sm u-hidden-xl u-hidden-xs u-accordion-4">
  777.           <div class="u-accordion-item">
  778.             <a class="active u-accordion-link u-button-style u-grey-50 u-accordion-link-10" id="link-089b" aria-controls="089b" aria-selected="true">
  779.               <span class="u-accordion-link-text">Technical Skills</span>
  780.             </a>
  781.             <div class="u-accordion-active u-accordion-pane u-container-style u-accordion-pane-10" id="089b" aria-labelledby="link-089b">
  782.               <div class="u-container-layout u-container-layout-16">
  783.                 <div class="u-expanded-width u-list u-list-7">
  784.                   <div class="u-repeater u-repeater-7"></div>
  785.                 </div><span class="u-icon u-icon-circle u-icon-7"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 434.147 434.147" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-8cd8"></use></svg><svg class="u-svg-content" viewBox="0 0 434.147 434.147" x="0px" y="0px" id="svg-8cd8" style="enable-background:new 0 0 434.147 434.147;"><path style="fill:currentColor;" d="M27.336,14.372l28.177,360.474c0.423,5.413,4.087,10.029,9.263,11.67l148.268,47.008  c2.622,0.831,5.437,0.831,8.059,0l148.268-47.008c5.176-1.641,8.84-6.257,9.263-11.67l28.177-360.474  C407.417,6.622,401.292,0,393.519,0H40.629C32.856,0,26.731,6.622,27.336,14.372z M334.553,126.215H150.918l5.542,51.105h174.099  L319.17,323.013l-102.096,32.369l-102.096-32.369l-5.95-76.116h53.588v37.336l55.89,15l55.556-15l4.31-59.503H107.295L95.937,79.419  H338.21L334.553,126.215z"></path></svg></span><span class="u-icon u-icon-circle u-text-palette-1-base u-icon-8"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-e93a"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-e93a" style="enable-background:new 0 0 512 512;"><polygon style="fill:#2196F3;" points="32,0 72.8,460.8 256,512 439.136,460.832 480,0 "></polygon><polygon style="fill:#FAFAFA;" points="392.768,150.688 387.616,208.576 372.064,382.112 256,414.208 255.904,414.24   139.904,382.112 131.808,291.36 188.64,291.36 192.864,338.432 255.936,355.456 255.968,355.424 319.136,338.4 327.744,259.968   129.088,260.512 123.456,206.88 332.512,204.416 336.736,147.008 117.856,147.616 114.176,94.208 256,94.208 397.824,94.208 "></polygon></svg></span>
  786.                 <img class="u-image u-image-default u-preserve-proportions u-image-19" src="/assets/images/8344565862fec084e0044e80033d8f94dcb8cbdd16ce4f553f9a363aa2157c5339af29c44d4ce1fdd58390c76cd3eea851da32213aea05e16aab24_1280.png" alt="" data-image-width="1280" data-image-height="1280">
  787.                 <img class="u-image u-image-default u-preserve-proportions u-image-20" src="/assets/images/1200px-C_Programming_Language.svg.png" alt="" data-image-width="1200" data-image-height="1326">
  788.                 <img class="u-image u-image-default u-preserve-proportions u-image-21" src="/assets/images/_Logo.svg.png" alt="" data-image-width="1200" data-image-height="1349">
  789.                 <img class="u-image u-image-default u-preserve-proportions u-image-22" src="/assets/images/1200px-PHP-logo.svg.png" alt="" data-image-width="1200" data-image-height="648">
  790.                 <img class="u-image u-image-contain u-image-default u-preserve-proportions u-image-23" src="/assets/images/1200px-Laravel.svg.png" alt="" data-image-width="1200" data-image-height="1248">
  791.                 <img class="u-image u-image-default u-preserve-proportions u-image-24" src="/assets/images/nodejs-new-pantone-black.svg" alt="" data-image-width="442" data-image-height="270">
  792.               </div>
  793.             </div>
  794.           </div>
  795.           <div class="u-accordion-item">
  796.             <a class="u-accordion-link u-button-style u-grey-50 u-accordion-link-11" id="link-c423" aria-controls="c423" aria-selected="false">
  797.               <span class="u-accordion-link-text">Soft Skills</span>
  798.             </a>
  799.             <div class="u-accordion-pane u-container-style u-accordion-pane-11" id="c423" aria-labelledby="link-c423">
  800.               <div class="u-container-layout u-container-layout-17">
  801.                 <div class="u-expanded-width u-list u-list-8">
  802.                   <div class="u-repeater u-repeater-8">
  803.                     <div class="u-container-style u-custom-item u-list-item u-repeater-item">
  804.                       <div class="u-container-layout u-similar-container u-valign-top u-container-layout-18">
  805.                         <ul class="u-text u-text-default u-text-7">
  806.                           <li> Logical Thinking</li>
  807.                           <li>Persistence</li>
  808.                           <li> Responsibility</li>
  809.                         </ul>
  810.                       </div>
  811.                     </div>
  812.                     <div class="u-container-style u-custom-item u-list-item u-repeater-item">
  813.                       <div class="u-container-layout u-similar-container u-valign-top u-container-layout-19">
  814.                         <ul class="u-text u-text-default u-text-8">
  815.                           <li style="">Smart Worker<br>
  816.                           </li>
  817.                           <li style="">Detail Oriented</li>
  818.                           <li style="">Focused</li>
  819.                           <li style="">Committed</li>
  820.                         </ul>
  821.                       </div>
  822.                     </div>
  823.                   </div>
  824.                 </div>
  825.               </div>
  826.             </div>
  827.           </div>
  828.           <div class="u-accordion-item">
  829.             <a class="u-accordion-link u-button-style u-grey-50 u-accordion-link-12" id="link-0f41" aria-controls="0f41" aria-selected="false">
  830.               <span class="u-accordion-link-text">Courses &amp; Certifications</span>
  831.             </a>
  832.             <div class="u-accordion-pane u-container-style u-accordion-pane-12" id="0f41" aria-labelledby="link-0f41">
  833.               <div class="u-container-layout u-valign-middle u-container-layout-20">
  834.                 <div class="u-carousel u-gallery u-layout-carousel u-lightbox u-no-transition u-show-text-always u-gallery-4" data-interval="5000" data-u-ride="carousel" id="carousel-76a0">
  835.                   <ol class="u-absolute-hcenter u-carousel-indicators u-carousel-indicators-4">
  836.                     <li data-u-target="#carousel-76a0" data-u-slide-to="0" class="u-active u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  837.                     <li data-u-target="#carousel-76a0" data-u-slide-to="1" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  838.                     <li data-u-target="#carousel-76a0" data-u-slide-to="2" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  839.                     <li data-u-target="#carousel-76a0" data-u-slide-to="3" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  840.                     <li data-u-target="#carousel-76a0" data-u-slide-to="4" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  841.                     <li data-u-target="#carousel-76a0" data-u-slide-to="5" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  842.                     <li data-u-target="#carousel-76a0" data-u-slide-to="6" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  843.                     <li data-u-target="#carousel-76a0" data-u-slide-to="7" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  844.                     <li data-u-target="#carousel-76a0" data-u-slide-to="8" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  845.                     <li data-u-target="#carousel-76a0" data-u-slide-to="9" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  846.                     <li data-u-target="#carousel-76a0" data-u-slide-to="10" class="u-grey-70 u-shape-rectangle" style="width: 30px; height: 3px;"></li>
  847.                   </ol>
  848.                   <div class="u-carousel-inner u-gallery-inner" role="listbox">
  849.                     <div class="u-active u-carousel-item u-gallery-item u-carousel-item-34" data-href="https://www.credly.com/badges/41c05918-4333-4695-94eb-78c394f4c551/public_url" data-target="_blank">
  850.                       <div class="u-back-slide" data-image-width="2398" data-image-height="1845">
  851.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/AWSCertifiedCloudPractitioner1.jpg">
  852.                       </div>
  853.                       <div class="u-align-center u-over-slide u-over-slide-34">
  854.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">AWS Certified Cloud Practitioner</h4>
  855.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Amazon Web Services<br>Aug 28, 2021 - Aug 28, 2024
  856.                         </p>
  857.                       </div>
  858.                     </div>
  859.                     <div class="u-carousel-item u-gallery-item u-carousel-item-35" data-image-width="1600" data-image-height="1200" data-href="https://www.hackerrank.com/certificates/e48d90e07dd2" data-target="_blank">
  860.                       <div class="u-back-slide">
  861.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/HackerRankProblemSolvingBasic.png" alt="Problem Solving (Basic)">
  862.                       </div>
  863.                       <div class="u-align-center u-over-slide u-over-slide-35">
  864.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Problem Solving (Basic)</h4>
  865.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">HackerRank<br>Aug 31, 2021 (No Expiry Date)
  866.                         </p>
  867.                       </div>
  868.                       <style data-mode="XL" data-visited="true"></style>
  869.                       <style data-mode="LG"></style>
  870.                       <style data-mode="MD" data-visited="true"></style>
  871.                       <style data-mode="SM" data-visited="true"></style>
  872.                       <style data-mode="XS" data-visited="true"></style>
  873.                     </div>
  874.                     <div class="u-carousel-item u-gallery-item u-carousel-item-36" data-image-width="1600" data-image-height="1200" data-href="https://www.hackerrank.com/certificates/5117a956f3da" data-target="_blank">
  875.                       <div class="u-back-slide">
  876.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/HackerRankSQLBasic.png" alt="SQL (Basic)">
  877.                       </div>
  878.                       <div class="u-align-center u-over-slide u-over-slide-36">
  879.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">SQL (Basic)</h4>
  880.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">HackerRank<br>Aug 31, 2021 (No Expiry Date)
  881.                         </p>
  882.                       </div>
  883.                       <style data-mode="XL" data-visited="true"></style>
  884.                       <style data-mode="LG"></style>
  885.                       <style data-mode="MD" data-visited="true"></style>
  886.                       <style data-mode="SM" data-visited="true"></style>
  887.                       <style data-mode="XS" data-visited="true"></style>
  888.                     </div>
  889.                     <div class="u-carousel-item u-gallery-item u-carousel-item-37" data-href="https://dicoding.com/certificates/NVP717K0GPR0" data-target="_blank">
  890.                       <div class="u-back-slide" data-image-width="1600" data-image-height="1132">
  891.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/DicodingFundamentalAplikasiBack-End_Page_1.jpg">
  892.                       </div>
  893.                       <div class="u-align-center u-over-slide u-over-slide-37">
  894.                         <h4 class="u-gallery-heading" style="width: 626px; margin-right: auto; margin-left: auto;">Belajar Fundamental Aplikasi Back-End</h4>
  895.                         <p class="u-gallery-text" style="width: 626px; margin-right: auto; margin-left: auto; margin-top: 0px;">Dicoding Indonesia<br>Aug 18, 2021 - Aug 18, 2024
  896.                         </p>
  897.                       </div>
  898.                     </div>
  899.                     <div class="u-carousel-item u-gallery-item u-carousel-item-38" data-image-width="600" data-image-height="600" data-href="https://www.credly.com/badges/772db56a-e94b-4ee2-8782-c6054146d86d/public_url" data-target="_blank">
  900.                       <div class="u-back-slide">
  901.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/AWS-Academy-Graduate-Badge-Foundational.png" alt="">
  902.                       </div>
  903.                       <div class="u-align-center u-over-slide u-over-slide-38">
  904.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">AWS Academy Machine Learning Foundations Graduate</h4>
  905.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Amazon Web Services<br>Jul 17, 2021 (No Expiration Date)
  906.                         </p>
  907.                       </div>
  908.                       <style data-mode="XL" data-visited="true"></style>
  909.                       <style data-mode="LG"></style>
  910.                       <style data-mode="MD" data-visited="true"></style>
  911.                       <style data-mode="SM" data-visited="true"></style>
  912.                       <style data-mode="XS" data-visited="true"></style>
  913.                     </div>
  914.                     <div class="u-carousel-item u-gallery-item u-carousel-item-39" data-image-width="600" data-image-height="600" data-href="https://www.credly.com/badges/b62862f8-7dac-4e58-8581-5d1db19daa82/public_url" data-target="_blank">
  915.                       <div class="u-back-slide">
  916.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/AWS-Academy-Graduate-Badge-Specialty.png" alt="AWS Academy Data Analytics Graduate">
  917.                       </div>
  918.                       <div class="u-align-center u-over-slide u-over-slide-39">
  919.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">AWS Academy Data Analytics Graduate</h4>
  920.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Amazon Web Services<br>Jul 15, 2021 (No Expiration Date)
  921.                         </p>
  922.                       </div>
  923.                       <style data-mode="XL" data-visited="true"></style>
  924.                       <style data-mode="LG"></style>
  925.                       <style data-mode="MD" data-visited="true"></style>
  926.                       <style data-mode="SM" data-visited="true"></style>
  927.                       <style data-mode="XS" data-visited="true"></style>
  928.                     </div>
  929.                     <div class="u-carousel-item u-gallery-item u-carousel-item-40" data-image-width="600" data-image-height="600" data-href="https://www.credly.com/badges/1325e0ab-fe44-48a3-9c5a-a5d969cebf40/public_url" data-target="_blank">
  930.                       <div class="u-back-slide">
  931.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/AWS-Academy-Graduate-Badge-Foundational1.png" alt="AWS Academy Cloud Foundations Graduate">
  932.                       </div>
  933.                       <div class="u-align-center u-over-slide u-over-slide-40">
  934.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">AWS Academy Cloud Foundations Graduate</h4>
  935.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Amazon Web Services<br>Apr 9, 2021 (No Expiration Date)
  936.                         </p>
  937.                       </div>
  938.                       <style data-mode="XL" data-visited="true"></style>
  939.                       <style data-mode="LG"></style>
  940.                       <style data-mode="MD" data-visited="true"></style>
  941.                       <style data-mode="SM" data-visited="true"></style>
  942.                       <style data-mode="XS" data-visited="true"></style>
  943.                     </div>
  944.                     <div class="u-carousel-item u-gallery-item u-carousel-item-41" data-image-width="1600" data-image-height="1132" data-href="https://dicoding.com/certificates/98XW6OKVJXM3" data-target="_blank">
  945.                       <div class="u-back-slide">
  946.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/DicodingDasarAzureCloud.jpg" alt="Belajar Dasar-Dasar Azure Cloud">
  947.                       </div>
  948.                       <div class="u-align-center u-over-slide u-over-slide-41">
  949.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Belajar Dasar-Dasar Azure Cloud</h4>
  950.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Dicoding Indonesia<br>Mar 8, 2021 - Mar 8, 2024
  951.                         </p>
  952.                       </div>
  953.                       <style data-mode="XL" data-visited="true"></style>
  954.                       <style data-mode="LG"></style>
  955.                       <style data-mode="MD" data-visited="true"></style>
  956.                       <style data-mode="SM" data-visited="true"></style>
  957.                       <style data-mode="XS" data-visited="true"></style>
  958.                     </div>
  959.                     <div class="u-carousel-item u-gallery-item u-carousel-item-42" data-image-width="400" data-image-height="400" data-href="https://www.qwiklabs.com/public_profiles/64a27a97-805a-44ae-8efd-c8d0b9500ee7" data-target="_blank">
  960.                       <div class="u-back-slide">
  961.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/hel0av33klakal6twwyj.png" alt="Google Cloud Platform Training">
  962.                       </div>
  963.                       <div class="u-align-center u-over-slide u-over-slide-42">
  964.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Google Cloud Platform Training</h4>
  965.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Qwiklabs<br>Sep 13, 2020 (No Expiration Date)
  966.                         </p>
  967.                       </div>
  968.                       <style data-mode="XL" data-visited="true"></style>
  969.                       <style data-mode="LG"></style>
  970.                       <style data-mode="MD" data-visited="true"></style>
  971.                       <style data-mode="SM" data-visited="true"></style>
  972.                       <style data-mode="XS" data-visited="true"></style>
  973.                     </div>
  974.                     <div class="u-carousel-item u-gallery-item u-carousel-item-43" data-image-width="2339" data-image-height="1653" data-href="https://progate.com/path_certificate/93f60e49qfxo2w" data-target="_blank">
  975.                       <div class="u-back-slide">
  976.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/ProgateWebDevelopmentPath.jpg" alt="Path Pengembangan Web (Node.js)">
  977.                       </div>
  978.                       <div class="u-align-center u-over-slide u-over-slide-43">
  979.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Path Pengembangan Web (Node.js)</h4>
  980.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Progate<br>Aug 31, 2020 (No Expiry Date)
  981.                         </p>
  982.                       </div>
  983.                       <style data-mode="XL" data-visited="true"></style>
  984.                       <style data-mode="LG"></style>
  985.                       <style data-mode="MD" data-visited="true"></style>
  986.                       <style data-mode="SM" data-visited="true"></style>
  987.                       <style data-mode="XS" data-visited="true"></style>
  988.                     </div>
  989.                     <div class="u-carousel-item u-gallery-item u-carousel-item-44" data-image-width="1600" data-image-height="1132" data-href="https://dicoding.com/certificates/VJLX1MEV2Z72" data-target="_blank">
  990.                       <div class="u-back-slide">
  991.                         <img class="u-back-image u-expanded u-image-contain" src="/assets/images/DicodingDasarPemweb.jpg" alt="Belajar Dasar Pemrograman Web">
  992.                       </div>
  993.                       <div class="u-align-center u-over-slide u-over-slide-44">
  994.                         <h4 class="u-gallery-heading" style="margin-left: -10px; margin-right: auto;">Belajar Dasar Pemrograman Web</h4>
  995.                         <p class="u-gallery-text" style="margin-left: -10px; margin-right: auto; margin-top: 0px;">Dicoding Indonesia<br>Aug 25, 2020 - Aug 25, 2023
  996.                         </p>
  997.                       </div>
  998.                       <style data-mode="XL" data-visited="true"></style>
  999.                       <style data-mode="LG"></style>
  1000.                       <style data-mode="MD" data-visited="true"></style>
  1001.                       <style data-mode="SM" data-visited="true"></style>
  1002.                       <style data-mode="XS" data-visited="true"></style>
  1003.                     </div>
  1004.                   </div>
  1005.                   <a class="u-carousel-control u-carousel-control-prev u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-carousel-control-7" href="#carousel-76a0" role="button" data-u-slide="prev">
  1006.                     <span aria-hidden="true">
  1007.                       <svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
  1008. c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
  1009. c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
  1010.                     </span>
  1011.                     <span class="sr-only">
  1012.                       <svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
  1013. c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
  1014. c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
  1015.                     </span>
  1016.                   </a>
  1017.                   <a class="u-carousel-control u-carousel-control-next u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-carousel-control-8" href="#carousel-76a0" role="button" data-u-slide="next">
  1018.                     <span aria-hidden="true">
  1019.                       <svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
  1020. L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
  1021. c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
  1022.                     </span>
  1023.                     <span class="sr-only">
  1024.                       <svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
  1025. L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
  1026. c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
  1027.                     </span>
  1028.                   </a>
  1029.                 </div>
  1030.               </div>
  1031.             </div>
  1032.           </div>
  1033.         </div>
  1034.       </div>
  1035.     </section>
  1036.     ...
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!