<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.

👕✨ JACKDULS Brand® ✨🛍️ Selamat datang di website resmi JACKDULS! 🌐💻 Kami mempersembahkan produk-produk unggulan yang merepresentasikan kombinasi antara desain fashion terkini 👖🎨 dan filosofi yang mendalam di setiap koleksi kami.

Selamat datang di repositori untuk portofolio website pribadi saya! Website ini adalah tempat di mana saya memamerkan karya-karya terbaik saya, pengalaman saya, dan informasi pribadi lainnya.