API tools faq
paste
farfnd

Projects section

farfnd
Sep 7th, 2021 (edited)
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 13.69 KB | None | 0 0
raw download clone embed print report
  1. ...
  2. <section class="u-align-center u-clearfix u-section-5" id="projects">
  3.       <div class="u-align-left u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl 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">Projects</h1>
  7.           </div>
  8.         </div>
  9.         <div id="carousel-bd35" data-interval="5000" data-u-ride="carousel" class="u-carousel u-expanded-width-sm u-expanded-width-xs u-slider u-slider-1">
  10.           <ol class="u-absolute-hcenter u-carousel-indicators u-hidden u-carousel-indicators-1">
  11.             <li data-u-target="#carousel-bd35" class="u-active u-grey-30" data-u-slide-to="0"></li>
  12.             <li data-u-target="#carousel-bd35" class="u-grey-30" data-u-slide-to="1"></li>
  13.             <li data-u-target="#carousel-bd35" class="u-grey-30" data-u-slide-to="2"></li>
  14.             <li data-u-target="#carousel-bd35" class="u-grey-30" data-u-slide-to="3"></li>
  15.             <li data-u-target="#carousel-bd35" class="u-grey-30" data-u-slide-to="4"></li>
  16.           </ol>
  17.           <div class="u-carousel-inner" role="listbox">
  18.             <div class="u-active u-align-center u-carousel-item u-container-style u-slide">
  19.               <div class="u-container-layout u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-2">
  20.                 <img alt="" class="u-expanded-width u-image u-image-contain u-image-default u-image-1" data-image-width="1899" data-image-height="887" src="/assets/images/Screenshot_65.png">
  21.                 <h4 class="u-text u-text-default u-text-2">
  22.                   <a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-palette-1-base u-btn-1" href="https://periksain.ariesta.club" target="_blank">Periksa.in</a>
  23.                 </h4>
  24.                 <p class="u-text u-text-3">A website to report the phone number and bank account number of scammers built with Laravel, as the final project of the Framework-Based Programming lecture (2021).</p>
  25.               </div>
  26.             </div>
  27.             <div class="u-align-center u-carousel-item u-container-style u-slide">
  28.               <div class="u-container-layout u-valign-middle-lg u-valign-middle-xl u-container-layout-3">
  29.                 <img alt="" class="u-expanded-width u-image u-image-contain u-image-default u-image-2" data-image-width="1155" data-image-height="773" src="/assets/images/Screenshot_66.png">
  30.                 <h4 class="u-text u-text-default u-text-4">
  31.                   <a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-palette-1-base u-btn-2" href="https://cofilmindonesia.com" target="_blank">CoFilm+ Indonesia</a>
  32.                 </h4>
  33.                 <p class="u-text u-text-5"> Company website of CoFilm+ Indonesia, a startup company providing sterilization and permanent antivirus coating service as a protection against Covid-19.</p>
  34.               </div>
  35.             </div>
  36.             <div class="u-align-center u-carousel-item u-container-style u-slide">
  37.               <div class="u-container-layout u-container-layout-4">
  38.                 <img alt="" class="u-expanded-width u-image u-image-contain u-image-default u-image-3" data-image-width="1920" data-image-height="888" src="/assets/images/Screenshot2021-09-07at08-07-57edversity-loginregister.png">
  39.                 <h4 class="u-text u-text-default u-text-6">
  40.                   <a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-palette-1-base u-btn-3" href="https://edversity.id" target="_blank">Ed.versity</a>
  41.                 </h4>
  42.                 <p class="u-text u-text-7"> A website providing paid online tutoring services for high school and college students.</p>
  43.               </div>
  44.             </div>
  45.             <div class="u-align-center u-carousel-item u-container-style u-slide">
  46.               <div class="u-container-layout u-valign-middle-lg u-valign-middle-xl u-valign-middle-xs u-container-layout-5">
  47.                 <img alt="" class="u-expanded-width u-image u-image-contain u-image-default u-image-4" data-image-width="1898" data-image-height="888" src="/assets/images/Screenshot2021-09-07at13-00-48KelolaPaguSMAKotaSurabaya.png">
  48.                 <h4 class="u-text u-text-default u-text-8">
  49.                   <a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-palette-1-base u-btn-4" href="https://kantor.ppdbjatim.net" target="_blank">Kantor PPDB Jatim 2021</a>
  50.                 </h4>
  51.                 <p class="u-text u-text-9"> A website for the stakeholders of the 2021 New Senior/Vocational High School Student Admission of East Java (e.g. the headmasters and government staffs) to manage the students' admission process. Website is inaccessible due to end of this year's admission.</p>
  52.               </div>
  53.             </div>
  54.             <div class="u-align-center u-carousel-item u-container-style u-slide">
  55.               <div class="u-container-layout u-container-layout-6">
  56.                 <img alt="" class="u-image u-image-contain u-image-default u-image-5" data-image-width="581" data-image-height="790" src="/assets/images/Screenshot_64.png">
  57.                 <img alt="" class="u-image u-image-contain u-image-default u-image-6" data-image-width="583" data-image-height="790" src="/assets/images/Screenshot_63.png">
  58.                 <h4 class="u-text u-text-default u-text-10">
  59.                   <a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-palette-1-base u-btn-5" href="https://github.com/asteriskrin/katabakuwu" target="_blank">Katabakuwu</a>
  60.                 </h4>
  61.                 <p class="u-text u-text-11">A word-guessing game in Indonesian language built with Java, as the final project of the Object-Oriented Programming lecture (2020).</p>
  62.               </div>
  63.             </div>
  64.           </div>
  65.           <a class="u-absolute-vcenter u-carousel-control u-carousel-control-prev u-grey-60 u-icon-circle u-spacing-9 u-carousel-control-1" href="#carousel-bd35" role="button" data-u-slide="prev">
  66.             <span aria-hidden="true">
  67.               <svg viewBox="0 0 477.175 477.175"><path d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225
  68.                    c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z"></path></svg>
  69.             </span>
  70.             <span class="sr-only">+Previous</span>
  71.           </a>
  72.           <a class="u-absolute-vcenter u-carousel-control u-carousel-control-next u-grey-60 u-icon-circle u-spacing-9 u-carousel-control-2" href="#carousel-bd35" role="button" data-u-slide="next">
  73.             <span aria-hidden="true">
  74.               <svg viewBox="0 0 477.175 477.175"><path d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5
  75.                    c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z"></path></svg>
  76.             </span>
  77.             <span class="sr-only">+Next</span>
  78.           </a>
  79.         </div>
  80.       </div>
  81.     </section>
  82.    
  83.    
  84.    
  85.     <footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-3f29"><div class="u-clearfix u-sheet u-valign-middle-xl u-sheet-1">
  86.         <div class="u-social-icons u-spacing-10 u-social-icons-1">
  87.           <a class="u-social-url" title="facebook" target="_blank" href="https://facebook.com/farfnd"><span class="u-icon u-social-facebook u-social-icon u-text-black"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-d6e4"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-d6e4"><circle fill="currentColor" cx="56.1" cy="56.1" r="55"></circle><path fill="#FFFFFF" d="M73.5,31.6h-9.1c-1.4,0-3.6,0.8-3.6,3.9v8.5h12.6L72,58.3H60.8v40.8H43.9V58.3h-8V43.9h8v-9.2
  88. c0-6.7,3.1-17,17-17h12.5v13.9H73.5z"></path></svg></span>
  89.           </a>
  90.           <a class="u-social-url" title="instagram" target="_blank" href="https://instagram.com/frhnar"><span class="u-icon u-social-icon u-social-instagram u-text-black"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-81f7"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-81f7"><circle fill="currentColor" cx="56.1" cy="56.1" r="55"></circle><path fill="#FFFFFF" d="M55.9,38.2c-9.9,0-17.9,8-17.9,17.9C38,66,46,74,55.9,74c9.9,0,17.9-8,17.9-17.9C73.8,46.2,65.8,38.2,55.9,38.2
  91. z M55.9,66.4c-5.7,0-10.3-4.6-10.3-10.3c-0.1-5.7,4.6-10.3,10.3-10.3c5.7,0,10.3,4.6,10.3,10.3C66.2,61.8,61.6,66.4,55.9,66.4z"></path><path fill="#FFFFFF" d="M74.3,33.5c-2.3,0-4.2,1.9-4.2,4.2s1.9,4.2,4.2,4.2s4.2-1.9,4.2-4.2S76.6,33.5,74.3,33.5z"></path><path fill="#FFFFFF" d="M73.1,21.3H38.6c-9.7,0-17.5,7.9-17.5,17.5v34.5c0,9.7,7.9,17.6,17.5,17.6h34.5c9.7,0,17.5-7.9,17.5-17.5V38.8
  92. C90.6,29.1,82.7,21.3,73.1,21.3z M83,73.3c0,5.5-4.5,9.9-9.9,9.9H38.6c-5.5,0-9.9-4.5-9.9-9.9V38.8c0-5.5,4.5-9.9,9.9-9.9h34.5
  93. c5.5,0,9.9,4.5,9.9,9.9V73.3z"></path></svg></span>
  94.           </a>
  95.           <a class="u-social-url" target="_blank" title="Github" href="https://github.com/farfnd"><span class="u-icon u-social-github u-social-icon u-text-black u-icon-3"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-d94f"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-d94f"><circle fill="currentColor" cx="56.1" cy="56.1" r="55"></circle><path fill="#FFFFFF" d="M88,51.3c0-5.5-1.9-10.2-5.3-13.7c0.6-1.3,2.3-6.5-0.5-13.5c0,0-4.2-1.4-14,5.3c-4.1-1.1-8.4-1.7-12.7-1.8
  96.     c-4.3,0-8.7,0.6-12.7,1.8c-9.7-6.6-14-5.3-14-5.3c-2.8,7-1,12.2-0.5,13.5C25,41.2,23,45.7,23,51.3c0,19.6,11.9,23.9,23.3,25.2
  97.     c-1.5,1.3-2.8,3.5-3.2,6.8c-3,1.3-10.2,3.6-14.9-4.3c0,0-2.7-4.9-7.8-5.3c0,0-5-0.1-0.4,3.1c0,0,3.3,1.6,5.6,7.5c0,0,3,9.1,17.2,6
  98.     c0,4.3,0.1,8.3,0.1,9.5h25.2c0-1.7,0.1-7.2,0.1-14c0-4.7-1.7-7.9-3.4-9.4C76,75.2,88,70.9,88,51.3z"></path></svg></span>
  99.           </a>
  100.           <a class="u-social-url" target="_blank" title="LinkedIn" href="https://linkedin.com/in/farfnd"><span class="u-icon u-social-icon u-social-linkedin u-text-black u-icon-4"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-40fd"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-40fd"><circle fill="currentColor" cx="56.1" cy="56.1" r="55"></circle><path fill="#FFFFFF" d="M41.3,83.7H27.9V43.4h13.4V83.7z M34.6,37.9L34.6,37.9c-4.6,0-7.5-3.1-7.5-7c0-4,3-7,7.6-7s7.4,3,7.5,7
  101.            C42.2,34.8,39.2,37.9,34.6,37.9z M89.6,83.7H76.2V62.2c0-5.4-1.9-9.1-6.8-9.1c-3.7,0-5.9,2.5-6.9,4.9c-0.4,0.9-0.4,2.1-0.4,3.3v22.5
  102.            H48.7c0,0,0.2-36.5,0-40.3h13.4v5.7c1.8-2.7,5-6.7,12.1-6.7c8.8,0,15.4,5.8,15.4,18.1V83.7z"></path></svg></span>
  103.           </a>
  104.           <a class="u-social-url" target="_blank" title="Email" href="mailto:[email protected]"><span class="u-icon u-social-email u-social-icon u-text-black u-icon-5"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-575e"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-575e"><circle fill="currentColor" cx="56.1" cy="56.1" r="55"></circle><path id="path3864" fill="#FFFFFF" d="M27.2,28h57.6c4,0,7.2,3.2,7.2,7.2l0,0v42.7c0,3.9-3.2,7.2-7.2,7.2l0,0H27.2
  105.     c-4,0-7.2-3.2-7.2-7.2V35.2C20,31.1,23.2,28,27.2,28 M56,52.9l28.8-17.8H27.2L56,52.9 M27.2,77.7h57.6V43.5L56,61.3L27.2,43.5V77.7z
  106.     "></path></svg></span>
  107.           </a>
  108.           <a class="u-social-url" target="_blank" title="Whatsapp" href="https://wa.me/6287861120178"><span class="u-icon u-social-icon u-social-whatsapp u-text-black u-icon-6"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-fe6d"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-fe6d"><circle fill="currentColor" cx="56.1" cy="56.1" r="55"></circle><path fill="#FFFFFF" d="M83.8,28.3C77.2,21.7,68.4,18,59,18c-19.3,0-35.1,15.7-35.1,35.1c0,6.2,1.6,12.2,4.7,17.5l-5,18.2L42.2,84
  109.     c5.1,2.8,10.9,4.3,16.8,4.3h0l0,0c19.3,0,35.1-15.7,35.1-35.1C94.1,43.8,90.5,35,83.8,28.3 M59,82.3L59,82.3
  110.     c-5.2,0-10.4-1.4-14.9-4.1l-1.1-0.6l-11,2.9L35,69.8l-0.7-1.1c-2.9-4.6-4.5-10-4.5-15.5C29.8,37,42.9,24,59,24
  111.     c7.8,0,15.1,3,20.6,8.6c5.5,5.5,8.5,12.8,8.5,20.6C88.2,69.2,75.1,82.3,59,82.3 M75,60.5c-0.9-0.4-5.2-2.6-6-2.9
  112.     c-0.8-0.3-1.4-0.4-2,0.4s-2.3,2.9-2.8,3.4c-0.5,0.6-1,0.7-1.9,0.2c-0.9-0.4-3.7-1.4-7.1-4.4c-2.6-2.3-4.4-5.2-4.9-6.1
  113.     c-0.5-0.9-0.1-1.4,0.4-1.8c0.4-0.4,0.9-1,1.3-1.5c0.4-0.5,0.6-0.9,0.9-1.5c0.3-0.6,0.1-1.1-0.1-1.5c-0.2-0.4-2-4.8-2.7-6.5
  114.     c-0.7-1.7-1.4-1.5-2-1.5c-0.5,0-1.1,0-1.7,0c-0.6,0-1.5,0.2-2.3,1.1c-0.8,0.9-3.1,3-3.1,7.3c0,4.3,3.1,8.5,3.6,9.1
  115.     c0.4,0.6,6.2,9.4,15,13.2c2.1,0.9,3.7,1.4,5,1.8c2.1,0.7,4,0.6,5.5,0.3c1.7-0.3,5.2-2.1,5.9-4.2c0.7-2,0.7-3.8,0.5-4.2
  116.     C76.5,61.1,75.9,60.9,75,60.5"></path></svg></span>
  117.           </a>
  118.         </div>
  119.         <div class="u-border-1 u-border-white u-line u-line-horizontal u-line-1"></div>
  120.         <p class="u-small-text u-text u-text-variant u-text-1">Made with ❤ and 🥱 by FA.</p>
  121.       </div></footer>
  122.   </body>
  123. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!