portalJob

<div id="ixuj" class="gpd-navbar"> <div id="ic5a7" class="gpd-container"> <div id="iu8dq" class="gdp-row"> <div id="i0yff" class="cell"> <a id="ilani" class="gpd-link-box"><img id="ivm7f" src="https://cdn.grapedrop.com/u9ea0154168a24ce5be62672fcb3e0565/8bd59456d75a4a19950149dfa588ed5d_grapedrop-logo-black.svg"/></a> </div> <div id="i6ls5" class="cell gpd-navbar__menu"> <a id="i3vv9" class="gpd-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2z"> </path> </svg></a> </div> <div id="izu4n" class="cell gpd-navbar__items"> <div id="it3na" class="gdp-row gpd-navbar__items-grid"> <div class="cell gpd-navbar__item nav-item"> <a href="#i2n5f" id="i37zj" class="gpd-navbar__item-link">Services</a> </div> <div class="cell gpd-navbar__item nav-item"> <a href="#ictivk" id="idpml" class="gpd-navbar__item-link">Why us</a> </div> <div class="cell gpd-navbar__item nav-item"> <a href="#i7zvem" id="ie61z" class="gpd-navbar__item-link">Testimonials</a> </div> </div> </div> <div id="ihndr" class="cell"> <a href="#ih8q3w" id="ip59k" class="gpd-link cta-button">Get started now</a> </div> </div> </div> </div> <section id="iftl" class="gpd-section"> <div id="ij2xp" class="gpd-container"> <div id="c623" class="gdp-row"> <div id="i0pi" class="cell"> <h1 id="idy8g" class="text-head">MA AL-HIKMAH </h1> <div id="iv2c" class="gpd-text text-parag">Selamat datang di Madrasah Aliyah&nbsp; AL - Hikmah <br>​​​​​​​ <br> </div> <a href="#ih8q3w" id="i8hm3" class="gpd-link cta-button">Klik Mulai</a> <a data-type="video" data-zoomable="true" id="isldr" href="https://player.vimeo.com/video/354645621?title=0&portrait=0&byline=0&autoplay=1" class="gpd-lightbox"><div id="iyrs8" class="gdp-row"> <div id="iltam" class="cell"> <span id="i3szg" class="gpd-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M12 20c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-18C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 14.5l6-4.5-6-4.5v9z"> </path> </svg></span> </div> <div id="iahl5" class="cell"> <div id="ios8f" class="gpd-text">Watch this video </div> </div> </div></a> </div> </div> </div> </section> <section id="iu7fcy" class="gpd-section"> <div id="iqbyo2" class="gpd-container"> <div id="iuow3s" class="gdp-row"> <div id="in2k7r" class="cell"> <span id="ilzb8g" class="gpd-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M12 20c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-18C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 14.5l6-4.5-6-4.5v9z"> </path> </svg></span> </div> <div id="i262zg" class="cell"> <div id="inmukn" class="gpd-text">Want to know more about our work? </div> </div> <div id="i1s1h8" class="cell"> <a data-type="video" data-zoomable="true" href="https://player.vimeo.com/video/354645621?title=0&portrait=0&byline=0&autoplay=1" id="imj2u2" class="gpd-lightbox"><div id="ioqkkj" class="gpd-text">Watch our video </div></a> </div> </div> </div> </section> <section id="imcyx" class="gpd-section"> <div id="i0mpa" class="gpd-container"> <div id="igkax" class="gdp-row"> <div id="inted" data-anim-type="fadeInLeft" class="cell"> <h3 id="imy9sh" class="text-head-lg">Why we are the best </h3> <div id="ijgfwn" class="gpd-text text-parag">The best page builder for your next project. Great for lead generation, selling products, portfolios, events, and more. </div> <a href="" id="im0qy" class="gpd-link cta-button">Learn more about us</a> </div> <div id="i0bbk" data-anim-type="fadeInUp" class="cell"> <img id="i1yuol" src="https://images.unsplash.com/photo-1521737711867-e3b97375f902?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MXwxMjcwNXwwfDF8c2VhcmNofDEyfHx3b3JrfGVufDB8fHw&ixlib=rb-1.2.1&q=80&w=1080" loading="lazy"/> </div> <div id="iqzuk" data-anim-type="fadeInRight" class="cell"> <div id="itkix2" class="text-head-lg">11 </div> <div id="i81kgp" class="gpd-text text-parag">Satisfaction rate from our customers. </div> <div id="irmm9f" class="text-head-lg">0.1 </div> <div id="iiaeuu" class="gpd-text text-parag">Average customer ratings out of 5.00! </div> <div id="itpj9o" class="text-head-lg">1 </div> <div id="il50fj" class="gpd-text text-parag">Customers visits every month. </div> </div> </div> </div> </section> <section id="i2n5f" class="gpd-section"> <div id="ixr4e" class="gpd-container"> <h1 id="ik6a8" class="text-head-xl">Our services </h1> <div id="ibw3v" class="gpd-text text-parag">The best page builder for your next project. Great for lead generation, selling products, portfolios, and more. </div> <div id="i4421u" class="gdp-row"> <div id="ijtpz1" data-anim-type="fadeInUp" class="cell card-service"> <h2 id="ie2wrw" class="card-service-title">SEO Tools </h2> <div id="ivlox9" class="gpd-image-block card-service-img"> </div> <div id="i9jemq" class="gpd-text text-content">Great for lead generation, selling products, portfolios, events, and more. </div> </div> <div id="i88nt7" data-anim-type="fadeInUp" class="cell card-service"> <h2 id="ipv09j" class="card-service-title">Google Fonts </h2> <div id="i29tmt" class="gpd-image-block card-service-img"> </div> <div id="iry9ac" class="gpd-text text-content">Great for lead generation, selling products, portfolios, events, and more. </div> </div> <div id="i1oasu" data-anim-type="fadeInUp" class="cell card-service"> <h2 id="ikvinv" class="card-service-title">Custom Code </h2> <div id="iaj8l1" class="gpd-image-block card-service-img"> </div> <div id="ifp7v6" class="gpd-text text-content">Great for lead generation, selling products, portfolios, events, and more. </div> </div> </div> </div> </section> <section id="izttj" class="gpd-section"> <div id="iwqlf" class="gpd-container"> <div id="ieedo" class="gdp-row"> <div id="i4ub9" class="cell"> <img id="i06tg" src="https://images.unsplash.com/photo-1533227268428-f9ed0900fb3b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MXwxMjcwNXwwfDF8c2VhcmNofDI1fHxidXNpbmVzc3xlbnwwfHx8&ixlib=rb-1.2.1&q=80&w=1080" loading="lazy" data-anim-type="fadeInLeft"/> </div> <div id="i2ngh" class="cell"> <h1 id="if3jc" data-anim-type="fadeInRight" class="text-head-xl">We are ready to help you grow faster. </h1> <div id="isx0u" data-anim-type="fadeInRight" class="gpd-text text-parag">The best page builder for your next project. Great for lead generation, selling products, portfolios, and more. </div> <div id="i16e1" class="gdp-row"> <div id="i3liw" data-anim-type="fadeInUp" class="cell"> <div id="icmzi" class="gdp-row"> <div id="iss8w" class="cell"> <span id="iz1l3" class="gpd-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2m-1 14.5l7-7-1.41-1.41L11 13.67l-3.09-3.08L6.5 12l4.5 4.5z"> </path> </svg></span> </div> <div id="iybsi" class="cell"> <div id="iunna" class="gpd-text"> <u> </u>Beautiful Templates </div> </div> </div> </div> <div id="i9mklb" data-anim-type="fadeInUp" class="cell"> <div id="iojbtn" class="gdp-row"> <div id="iqqse4" class="cell"> <span id="iv31zq" class="gpd-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2m-1 14.5l7-7-1.41-1.41L11 13.67l-3.09-3.08L6.5 12l4.5 4.5z"> </path> </svg></span> </div> <div id="iuetex" class="cell"> <div id="i0mtuh" class="gpd-text">Better SEO </div> </div> </div> </div> <div id="im71xf" data-anim-type="fadeInUp" class="cell"> <div id="ig75zr" class="gdp-row"> <div id="iaizrh" class="cell"> <span id="ibw3z5" class="gpd-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2m-1 14.5l7-7-1.41-1.41L11 13.67l-3.09-3.08L6.5 12l4.5 4.5z"> </path> </svg></span> </div> <div id="ibgalr" class="cell"> <div id="isc1v7" class="gpd-text">Better site load speed </div> </div> </div> </div> <div id="iii4c2" data-anim-type="fadeInUp" class="cell"> <div id="iffvbd" class="gdp-row"> <div id="ib768e" class="cell"> <span id="iabkhf" class="gpd-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2m-1 14.5l7-7-1.41-1.41L11 13.67l-3.09-3.08L6.5 12l4.5 4.5z"> </path> </svg></span> </div> <div id="ik4xsj" class="cell"> <div id="i0word" class="gpd-text">Clean code </div> </div> </div> </div> </div> </div> </div> </div> </section> <section id="ictivk" class="gpd-section"> <div id="isno87" class="gpd-container"> <div id="ia96zu" class="gdp-row"> <div id="id5vaq" class="cell"> <a data-type="video" data-zoomable="true" id="i74k2j" href="https://player.vimeo.com/video/354645621?title=0&portrait=0&byline=0&autoplay=1" data-anim-type="bounceIn" class="gpd-lightbox"><span id="i8162r" class="gpd-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M8 5.14v14l11-7-11-7z"> </path> </svg></span></a> <div id="i8ru86" data-anim-type="fadeIn" class="gpd-box"> <h1 id="ishqai" class="text-head-xl">Watch what we do </h1> <div id="iwwjyn" class="gpd-text text-parag">The best page builder for your next project. Great for lead generation, selling products, portfolios, and more. </div> </div> </div> </div> </div> </section> <section id="i7zvem" class="gpd-section"> <div id="irrp5q" class="gpd-container"> <h1 id="iy85e6" class="text-head-xl">Our Testimonials </h1> <div id="iztdnv" class="gpd-text text-parag">The best page builder for your next project. Great for lead generation, selling products, portfolios, and more. </div> <div id="iys767" data-anim-type="fadeIn" class="swiper-slider swiper-container-horizontal"> <div id="im64hx" class="swiper-container"> <div class="swiper-wrapper"> <div id="isfenj" class="swiper-slide testimonial-slide"> <div id="iz7z6p" class="testimonial-card"> <div id="ip0rs6" class="gdp-row"> <div id="ik77ng" class="cell"> <div id="ibpffy" class="gdp-row"> <div id="iucm9h" class="cell"> <div id="i1zb2j" class="gpd-image-block testimonial-profile"> </div> </div> </div> </div> <div id="i7ciyk" class="cell"> <h3 id="i72e5l" class="testimonial-text">"The best page builder for your next project. " </h3> </div> <div id="i05ytu" class="cell"> <div id="i6xks6" class="gdp-row"> <div id="ing1ih" class="cell"> <h4 id="i9t0tb" class="testimonial-name">Maria White </h4> </div> <div id="izcy5o" class="cell"> <div id="ikdkey" class="gpd-text testimonial-pos">Digital Marketer </div> </div> </div> </div> </div> </div> </div> <div id="iunjky" class="swiper-slide testimonial-slide"> <div id="i8mmym" class="testimonial-card"> <div id="i0qnhi" class="gdp-row"> <div id="irspdn" class="cell"> <div id="ipuebf" class="gdp-row"> <div id="io59ah" class="cell"> <div id="imexdw" class="gpd-image-block testimonial-profile"> </div> </div> </div> </div> <div id="ia3o7k" class="cell"> <h3 id="i2a22g" class="testimonial-text">"Choose from basic elements or built-in blocks, drag and drop them inside the canvas, and it's done." </h3> </div> <div id="iw4wgb" class="cell"> <div id="inueyf" class="gdp-row"> <div id="im0yoj" class="cell"> <h4 id="ir0554" class="testimonial-name">Ben Parker </h4> </div> <div id="ink1as" class="cell"> <div id="isgeow" class="gpd-text testimonial-pos">Freelancer </div> </div> </div> </div> </div> </div> </div> <div id="imptbi" class="swiper-slide testimonial-slide"> <div id="igkn14" class="testimonial-card"> <div id="ioep88" class="gdp-row"> <div id="ihg94s" class="cell"> <div id="ib1quj" class="gdp-row"> <div id="idzocc" class="cell"> <div id="i28mt5" class="gpd-image-block testimonial-profile"> </div> </div> </div> </div> <div id="i5utxe" class="cell"> <h3 id="ic9qg4" class="testimonial-text">"Fantastic! Any component inside the canvas is highly customizable." </h3> </div> <div id="ipvxq4" class="cell"> <div id="irsq9v" class="gdp-row"> <div id="i9vs34" class="cell"> <h4 id="ife56j" class="testimonial-name">Amanda River </h4> </div> <div id="id366i" class="cell"> <div id="iyvq3t" class="gpd-text testimonial-pos">Co-Founder </div> </div> </div> </div> </div> </div> </div> <div id="ir5bdh" class="swiper-slide testimonial-slide"> <div id="i23faa" class="testimonial-card"> <div id="igpe2q" class="gdp-row"> <div id="ibrnye" class="cell"> <div id="i460ys" class="gdp-row"> <div id="imumnz" class="cell"> <div id="iiq5sq" class="gpd-image-block testimonial-profile"> </div> </div> </div> </div> <div id="ieuxgx" class="cell"> <h3 id="ifr4yq" class="testimonial-text">"Great for lead generation, selling products, portfolios, and more." </h3> </div> <div id="ia3v4x" class="cell"> <div id="ibkjtj" class="gdp-row"> <div id="itveeo" class="cell"> <h4 id="iki01g" class="testimonial-name">Maria White </h4> </div> <div id="ix5vfd" class="cell"> <div id="ijsnxc" class="gpd-text testimonial-pos">Digital Marketer </div> </div> </div> </div> </div> </div> </div> <div id="idm4d6" class="swiper-slide testimonial-slide"> <div id="iiw6z3" class="testimonial-card"> <div id="i8jlrw" class="gdp-row"> <div id="iln2gu" class="cell"> <div id="i8s7ig" class="gdp-row"> <div id="ig8aoe" class="cell"> <div id="i0kyrl" class="gpd-image-block testimonial-profile"> </div> </div> </div> </div> <div id="i6qxfz" class="cell"> <h3 id="idmlh6" class="testimonial-text">"Choose from basic elements or built-in blocks, drag and drop them inside the canvas, and it's done." </h3> </div> <div id="iweibk" class="cell"> <div id="icb9rw" class="gdp-row"> <div id="i7pr5f" class="cell"> <h4 id="ik92a5" class="testimonial-name">Ben Parker </h4> </div> <div id="ih3h6s" class="cell"> <div id="ikeve9" class="gpd-text testimonial-pos">Freelancer </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="swiper-pagination"> </div> <div class="swiper-nav swiper-button-prev"> <svg viewBox="0 0 27 44"> <path d="M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z" fill="currentColor"> </path> </svg> </div> <div class="swiper-nav swiper-button-next"> <svg viewBox="0 0 27 44"> <path d="M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z" fill="currentColor"> </path> </svg> </div> </div> </div> </section> <section id="i81u1v" class="gpd-section"> <div id="i2qlzf" class="gpd-container"> <div id="i993vg" class="gdp-row"> <div class="cell"> <h1 id="iiosyj" class="gpd-header">Subscribe to our newsletter. <br/> </h1> <div id="i8ijlb" class="gpd-text text-parag">Get the latest news in your inbox. </div> </div> <div id="izvrkh" class="cell"> <form method="post" data-redirect="" id="ib1p0e"> <div id="ikajvh" class="gdp-row"> <div class="cell"> <input type="email" placeholder="Type your email here" name="email" required id="iunh45" class="input"/> </div> <div id="ir7f5m" class="cell"> <button type="submit" id="ity5x6" class="cta-button">Subscribe</button> </div> </div> <div data-form-state="success" id="iz9pwj" class="state-success">Thanks! We received your request </div> <div data-form-state="error" id="iwstqf" class="state-error">An error occurred on processing your request, try again! </div> </form> </div> </div> </div> </section> <section id="im0u3g" class="gpd-section"> <div class="gpd-container"> <div id="iq4rhi" class="gdp-row"> <div id="i4a6eg" class="cell footer-column"> <img id="iiy47x" src="https://cdn.grapedrop.com/u9ea0154168a24ce5be62672fcb3e0565/276d1ffc02af4141a92b9ac09dfd6806_grapedrop-logo-dark-white.svg" loading="lazy"/> <div id="i2lkxq" class="gpd-text">The best page builder for your next project. Great for lead generation, selling products, portfolios, and more. </div> <a id="isxhjm" href="" class="gpd-link footer-link-color">support@grapedrop.com</a> <div id="itpjjh" class="gdp-row"> <div id="ivyzt7" class="cell"> <a href="" target="_blank" id="ivly0k" class="gpd-link-box footer-social-link"><span id="iap5p1" class="gpd-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4c0 3.2-2.6 5.8-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8C2 4.6 4.6 2 7.8 2m-.2 2C5.61 4 4 5.61 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8c1.99 0 3.6-1.61 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5M12 7c2.76 0 5 2.24 5 5s-2.24 5-5 5-5-2.24-5-5 2.24-5 5-5m0 2c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"> </path> </svg></span></a> </div> <div id="iz0wao" class="cell"> <a href="" target="_blank" id="ihwkxt" class="gpd-link-box footer-social-link"><span id="ih7jpi" class="gpd-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M5 3h14c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2m13 2h-2.5C13.57 5 12 6.57 12 8.5V11h-2v3h2v7h3v-7h3v-3h-3V9c0-.55.45-1 1-1h2V5z"> </path> </svg></span></a> </div> <div id="i3s2ua" class="cell"> <a href="" target="_blank" id="ivu7yg" class="gpd-link-box footer-social-link"><span id="i35zto" class="gpd-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M5 3h14c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2m12.71 6.33c.48-.4 1.04-.88 1.29-1.41-.41.21-.9.34-1.44.41.5-.36.91-.83 1.12-1.47-.52.28-1.05.52-1.71.64-1.55-1.87-5.26-.35-4.6 2.45-2.61-.16-4.2-1.34-5.52-2.79-.75 1.22-.1 3.07.79 3.58-.46-.03-.81-.17-1.14-.33.04 1.54.89 2.28 2.08 2.68-.36.07-.76.09-1.14.03.37 1.07 1.14 1.74 2.46 1.88-.9.76-2.56 1.29-3.9 1.08 1.15.73 2.46 1.31 4.28 1.23 4.41-.2 7.36-3.36 7.43-7.98z"> </path> </svg></span></a> </div> <div id="i3im0b" class="cell"> <a href="" target="_blank" id="im04za" class="gpd-link-box footer-social-link"><span id="i54mfi" class="gpd-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M19 3c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14m-.5 15.5v-5.3c0-1.8-1.46-3.26-3.26-3.26-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4.77 0 1.4.63 1.4 1.4v4.93h2.79M6.88 8.56a1.686 1.686 0 0 0 0-3.37c-.93 0-1.69.76-1.69 1.69 0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z"> </path> </svg></span></a> </div> </div> </div> <div class="cell footer-column"> <h4 id="i09iod" class="footer-title">Pages </h4> <a id="i104le" class="gpd-link footer-link">About Us</a> <a id="iq460j" class="gpd-link footer-link">Contact</a> <a id="ie0c3h" class="gpd-link footer-link">Services</a> <a id="idsxg5" class="gpd-link footer-link">Blog</a> </div> <div id="i1ybqs" class="cell footer-column"> <h4 id="itl95j" class="footer-title">Features </h4> <a id="ifskul" class="gpd-link footer-link">Integrations</a> <a id="ijasxj" class="gpd-link footer-link">Custom Blocks</a> <a id="ihm4kz" class="gpd-link footer-link">API</a> </div> <div id="ikeiog" class="cell footer-column"> <h4 class="footer-title">Legal </h4> <a id="ifmeek" class="gpd-link footer-link">Privacy Policy</a> <a id="i0a0b5" class="gpd-link footer-link">Terms &amp; Conditions</a> <a id="ie946q" class="gpd-link footer-link">Disclaimer</a> </div> </div> </div> </section> <style>html { scroll-behavior: smooth; } </style> <script>var items = document.querySelectorAll('#i3vv9'); for (var i = 0, len = items.length; i < len; i++) { (function(){ var t,e=0,n='gjs-collapse',r='max-height',o='ease-in-out',i=.25,a=function(){ var t,e=document.createElement('void'),n={ transition:'transitionend',OTransition:'oTransitionEnd',MozTransition:'transitionend',WebkitTransition:'webkitTransitionEnd'}; for(t in n)if(void 0!==e.style[t])return n[t]} (),s=function(t){ e=1; var n=function(t){ var e=window.getComputedStyle(t),n=e.display,o=parseInt(e[r]); if('none'!==n&&'0'!==o)return t.offsetHeight; t.style.height='auto',t.style.display='block',t.style.position='absolute',t.style.visibility='hidden'; var i=t.offsetHeight; return t.style.height='',t.style.display='',t.style.position='',t.style.visibility='',i} (t),a=t.style; a.display='block',a.transition=r+' '+i+'s '+o,a.overflowY='hidden',''==a[r]&&(a[r]=0),0==parseInt(a[r])?(a[r]='0',setTimeout(function(){ a[r]=n+'px'} ,10)):a[r]='0'}; n in this||this.addEventListener('click',function(n){ if(n.preventDefault(),!e){ var o=this.closest('.gpd-navbar').querySelector(".gpd-navbar__items"); s(o),t||(o.addEventListener(a,function(){ e=0; var t=o.style; 0==parseInt(t[r])&&(t.display='',t[r]='')} ),t=1)} } ),this[n]=1 } .bind(items[i]))(); } var items = document.querySelectorAll('#isldr'); for (var i = 0, len = items.length; i < len; i++) { (function(){ var t=this,e=function(){ var e='.gpd-lightbox'; if(!t._nolb&&!window.__glb){ for(var n=document.querySelectorAll(e),r=0;r<n.length;r++){ var o=n[r]; o.getAttribute('data-gallery')||o.setAttribute('data-gallery',o.id)} window.__glb=window.GLightbox({ zoomable:!1,selector:e} )} }; if(window.GLightbox)e(); else{ var n='https://unpkg.com/glightbox@3.0.3/dist/css/glightbox.min.css'; if(document.querySelector("link[href=\"".concat(n,"\"]")))return; var r=document.createElement('link'); r.href=n,r.rel='stylesheet',document.head.appendChild(r); var o=document.createElement('script'); o.src='https://unpkg.com/glightbox@3.0.3/dist/js/glightbox.min.js',o.onload=e,document.head.appendChild(o)} } .bind(items[i]))(); } var items = document.querySelectorAll('#imj2u2'); for (var i = 0, len = items.length; i < len; i++) { (function(){ var t=this,e=function(){ var e='.gpd-lightbox'; if(!t._nolb&&!window.__glb){ for(var n=document.querySelectorAll(e),r=0;r<n.length;r++){ var o=n[r]; o.getAttribute('data-gallery')||o.setAttribute('data-gallery',o.id)} window.__glb=window.GLightbox({ zoomable:!1,selector:e} )} }; if(window.GLightbox)e(); else{ var n='https://unpkg.com/glightbox@3.0.3/dist/css/glightbox.min.css'; if(document.querySelector("link[href=\"".concat(n,"\"]")))return; var r=document.createElement('link'); r.href=n,r.rel='stylesheet',document.head.appendChild(r); var o=document.createElement('script'); o.src='https://unpkg.com/glightbox@3.0.3/dist/js/glightbox.min.js',o.onload=e,document.head.appendChild(o)} } .bind(items[i]))(); } var props = { "itkix2":{ "startval":"11","endval":"98","decimals":"0","duration":"3","separator":",","decimal":".","prefix":"","suffix":"%","onscroll":true} ,"irmm9f":{ "startval":"0.1","endval":"4.9","decimals":"1","duration":"3","separator":",","decimal":".","prefix":"","suffix":"","onscroll":true} ,"itpj9o":{ "startval":"1","endval":"17","decimals":"0","duration":"3","separator":",","decimal":".","prefix":"","suffix":"M","onscroll":true} }; var ids = Object.keys(props).map(function(id) { return '#'+id } ).join(','); var els = document.querySelectorAll(ids); for (var i = 0, len = els.length; i < len; i++) { var el = els[i]; (function(t){ var e=this,n=function(){ var n=e,r=new(0,window.countUp.CountUp)(n,t.endval,{ startVal:t.startval,decimalPlaces:t.decimals,duration:t.duration,separator:t.separator,decimal:t.decimal,prefix:t.prefix,suffix:t.suffix} ); if(n.__countUp=r,t.onscroll&&!window._isEditor){ var o,i=!1,a=window.requestAnimationFrame||function(t){ return window.setTimeout(t,16.66)} ,s=function(){ var t=100,e=n.getBoundingClientRect(),i=e.top,a=e.bottom,s=window.innerHeight||document.documentElement.clientHeight; (i<=0&&a>=t||a>=s&&i<=s-t||i>=0&&a<=s)&&(r.start(),window.removeEventListener('scroll',o))}; o=function(){ return a(s)}; try{ window.addEventListener('e',null,{ get passive(){ i=!0} } )} catch(t){ } window.addEventListener('scroll',o,!!i&&{ passive:!0} ),s()} else r.start()}; if(window.countUp)n(); else{ var r='https://unpkg.com/countup.js@2.0.7/dist/countUp.umd.js'; if(document.querySelector("script[href=\"".concat(r,"\"]")))return; var o=document.createElement('script'); o.src=r,o.onload=n,document.head.appendChild(o)} } .bind(el))(props[el.id]); } var items = document.querySelectorAll('#i74k2j'); for (var i = 0, len = items.length; i < len; i++) { (function(){ var t=this,e=function(){ var e='.gpd-lightbox'; if(!t._nolb&&!window.__glb){ for(var n=document.querySelectorAll(e),r=0;r<n.length;r++){ var o=n[r]; o.getAttribute('data-gallery')||o.setAttribute('data-gallery',o.id)} window.__glb=window.GLightbox({ zoomable:!1,selector:e} )} }; if(window.GLightbox)e(); else{ var n='https://unpkg.com/glightbox@3.0.3/dist/css/glightbox.min.css'; if(document.querySelector("link[href=\"".concat(n,"\"]")))return; var r=document.createElement('link'); r.href=n,r.rel='stylesheet',document.head.appendChild(r); var o=document.createElement('script'); o.src='https://unpkg.com/glightbox@3.0.3/dist/js/glightbox.min.js',o.onload=e,document.head.appendChild(o)} } .bind(items[i]))(); } var items = document.querySelectorAll('#iys767'); for (var i = 0, len = items.length; i < len; i++) { (function(){ var t=this,e='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.min.js',n='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.min.css',r='{"initialSlide":0,"breakpoints":{"576":{"slidesPerView":1,"spaceBetween":0,"slidesPerGroup":1},"768":{"slidesPerView":1,"spaceBetween":0,"slidesPerGroup":1}},"fadeEffect":{"crossFade":true},"navigation":{"prevEl":"#iys767 .swiper-button-prev","nextEl":"#iys767 .swiper-button-next"},"loop":false,"direction":"horizontal","speed":300,"effect":"slide","spaceBetween":30,"slidesPerView":3,"slidesPerGroup":1,"centeredSlides":false,"slidesOffsetBefore":0,"slidesOffsetAfter":0,"pagination":{"type":"bullets","el":"#iys767 .swiper-pagination","dynamicBullets":false,"clickable":true},"observer":true,"observeParents":true}',o=r?JSON.parse(r):{ } ,i=t.__onLoad,a=t.__inSl; i&&(o.simulateTouch=!1),a&&(o.initialSlide=a); var s=function(){ var e=new Swiper(t.querySelector('.swiper-container'),o); i&&i(e)}; if(window.Swiper)s(); else{ var c=document.head,l=c.querySelector("link[href=\"".concat(n,"\"]")),u=c.querySelector("script[src=\"".concat(e,"\"]")); if(!l){ var d=document.createElement('link'); d.rel='stylesheet',d.href=n,c.appendChild(d)} if(u)u.addEventListener('load',s); else{ var p=document.createElement('script'); p.src=e,p.onload=s,c.appendChild(p)} } } .bind(items[i]))(); } </script>

Selamat datang di repositori Registration Form! Di sini Anda akan menemukan implementasi formulir pendaftaran yang dibuat menggunakan HTML dan CSS.

Selamat datang di proyek Website Portofolio Frontend Dev! 🚀 Proyek ini bertujuan untuk mengembangkan pengetahuan kita terkait Frontend Development. Dengan menggunakan proyek ini, kita berharap dapat meningkatkan pemahaman dan keterampilan kita dalam berkontribusi di bidang pengembangan frontend.

HI, Selamat datang di portfolio saya. Ini adalah web portofolio saya yang ke-2 yang saya buat menggunakan framework css yaitu tailwindCSS dan menggunakan framework javascript seperti ReactJS.