-
Notifications
You must be signed in to change notification settings - Fork 2
/
zayyid.html
34 lines (27 loc) · 18.7 KB
/
zayyid.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<!-- saved from url=(0034)https://zayyid123.github.io/#about -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><link rel="icon" href="https://zayyid123.github.io/favicon.ico"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#000000"><meta name="description" content="Personal portfolio of Mochamad Muzayyid Al Hakim"><link rel="apple-touch-icon" href="https://zayyid123.github.io/logo192.png"><link rel="manifest" href="https://zayyid123.github.io/manifest.json"><title>Mochamad Muzayyid Al Hakim</title><script defer="defer" src="./Mochamad Muzayyid Al Hakim_files/main.1dab2f1a.js.download"></script><link href="./Mochamad Muzayyid Al Hakim_files/main.1416f2f4.css" rel="stylesheet"><style type="text/css">
@font-face {
font-weight: 400;
font-style: normal;
font-family: 'Circular-Loom';
src: url('chrome-extension://liecbddmkiiihnedobmlmillhodjkdmb/fonts/CircularXXWeb-Book.woff2') format('woff2');
}
@font-face {
font-weight: 500;
font-style: normal;
font-family: 'Circular-Loom';
src: url('chrome-extension://liecbddmkiiihnedobmlmillhodjkdmb/fonts/CircularXXWeb-Medium.woff2') format('woff2');
}
@font-face {
font-weight: 700;
font-style: normal;
font-family: 'Circular-Loom';
src: url('chrome-extension://liecbddmkiiihnedobmlmillhodjkdmb/fonts/CircularXXWeb-Bold.woff2') format('woff2');
}
@font-face {
font-weight: 900;
font-style: normal;
font-family: 'Circular-Loom';
src: url('chrome-extension://liecbddmkiiihnedobmlmillhodjkdmb/fonts/CircularXXWeb-Black.woff2') format('woff2');
}</style></head><body data-aos-easing="ease" data-aos-duration="600" data-aos-delay="100" data-new-gr-c-s-check-loaded="14.1083.0" data-gr-ext-installed="" cz-shortcut-listen="true"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"><div><div class="my-navbar"><div class="nav-container"><div class="nav-logo"><h3>ZAY<span>YID</span></h3></div><div class="nav-menu" id="nav-menu"><ul class="container-menu show"><li><a href="https://zayyid123.github.io/#">Home</a></li><li><a href="https://zayyid123.github.io/#about">About</a></li><li><a href="https://zayyid123.github.io/#skills">Skills</a></li><li><a href="https://zayyid123.github.io/#work">Work</a></li><li><a href="https://zayyid123.github.io/#contact">Contact</a></li></ul></div><div class="nav-toggle"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M32 96v64h448V96H32zm0 128v64h448v-64H32zm0 128v64h448v-64H32z"></path></svg></div></div></div><div class="content"><div class="my-home aos-init aos-animate" data-aos="fade-down"><div class="home-profile aos-init aos-animate" data-aos="fade-right"><h1 class="home_title">Hi,<br>I'am <span class="my-name">Zay<span>yid</span></span><br> <span class="title-text">Web Developer</span></h1><a href="https://zayyid123.github.io/#contact" class="btn-contact">Contact</a><div class="all-icon-home"><a href="https://www.facebook.com/mochamad.zayyid" class="home-icon"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg></a><a href="https://www.instagram.com/zayyid_123/" class="home-icon"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M512 306.9c-113.5 0-205.1 91.6-205.1 205.1S398.5 717.1 512 717.1 717.1 625.5 717.1 512 625.5 306.9 512 306.9zm0 338.4c-73.4 0-133.3-59.9-133.3-133.3S438.6 378.7 512 378.7 645.3 438.6 645.3 512 585.4 645.3 512 645.3zm213.5-394.6c-26.5 0-47.9 21.4-47.9 47.9s21.4 47.9 47.9 47.9 47.9-21.3 47.9-47.9a47.84 47.84 0 0 0-47.9-47.9zM911.8 512c0-55.2.5-109.9-2.6-165-3.1-64-17.7-120.8-64.5-167.6-46.9-46.9-103.6-61.4-167.6-64.5-55.2-3.1-109.9-2.6-165-2.6-55.2 0-109.9-.5-165 2.6-64 3.1-120.8 17.7-167.6 64.5C132.6 226.3 118.1 283 115 347c-3.1 55.2-2.6 109.9-2.6 165s-.5 109.9 2.6 165c3.1 64 17.7 120.8 64.5 167.6 46.9 46.9 103.6 61.4 167.6 64.5 55.2 3.1 109.9 2.6 165 2.6 55.2 0 109.9.5 165-2.6 64-3.1 120.8-17.7 167.6-64.5 46.9-46.9 61.4-103.6 64.5-167.6 3.2-55.1 2.6-109.8 2.6-165zm-88 235.8c-7.3 18.2-16.1 31.8-30.2 45.8-14.1 14.1-27.6 22.9-45.8 30.2C695.2 844.7 570.3 840 512 840c-58.3 0-183.3 4.7-235.9-16.1-18.2-7.3-31.8-16.1-45.8-30.2-14.1-14.1-22.9-27.6-30.2-45.8C179.3 695.2 184 570.3 184 512c0-58.3-4.7-183.3 16.1-235.9 7.3-18.2 16.1-31.8 30.2-45.8s27.6-22.9 45.8-30.2C328.7 179.3 453.7 184 512 184s183.3-4.7 235.9 16.1c18.2 7.3 31.8 16.1 45.8 30.2 14.1 14.1 22.9 27.6 30.2 45.8C844.7 328.7 840 453.7 840 512c0 58.3 4.7 183.2-16.2 235.8z"></path></svg></a><a href="https://www.linkedin.com/in/mochamad-zayyid-09178518b/" class="home-icon"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a></div></div><div class="home-img aos-init aos-animate" data-aos="fade-left"><img src="./Mochamad Muzayyid Al Hakim_files/my_photo.ab2b88aece78e254cded.png"></div></div><div data-aos="fade-up" class="my-about aos-init aos-animate" id="about"><p></p><h1>About</h1><div class="about-container"><div class="about-img"><img src="./Mochamad Muzayyid Al Hakim_files/photo2.03fd74c6d66938ec4754.png"></div><div class="about-profil"><h2>I'am Zayyid</h2><p>Perkenalkan nama saya <span>Mochamad Muzayyid Al Hakim</span> saya mahasiswa semester 6 di <span>Universitas Negeri Surabaya</span> Jurusan <span>Teknik Informatika</span> Prodi <span>Sistem Informasi</span>, saya adalah orang yang senang dan menggeluti tentang <span>front-end web developer</span> dan pernyataan ini di dukung dengan adanya sertifikasi saya di <span>Dicoding Academy</span> yaitu sertifikasi <span>front-end web developer expert</span>.</p></div></div></div><div data-aos="fade-up" class="skills aos-init" id="skills"><h1>Skills</h1><div class="container-skills"><div class="skills-presentation"><h2>Profesional Skills</h2><p>Berikut adalah beberapa skill atau keahlian yang saya punyai yang tentunya sangat berguna dalama pengembangan sebuah website, diantaranya HTML, CSS, JS dan React.js.</p><div class="skill-bars"><div class="bar"><div class="info"><span>HTML</span></div><div class="progress-line html"><span></span></div></div><div class="bar"><div class="info"><span>CSS</span></div><div class="progress-line css"><span></span></div></div><div class="bar"><div class="info"><span>JavaScript</span></div><div class="progress-line JavaScript"><span></span></div></div><div class="bar"><div class="info"><span>React.js</span></div><div class="progress-line React_js"><span></span></div></div></div></div><div class="skills-img"><img src="./Mochamad Muzayyid Al Hakim_files/skills-01.ebde17548c6329bde2ab.png"></div></div></div><div data-aos="fade-up" class="work aos-init" id="work"><h1>Work</h1><div class="container-work"><a href="https://sharemyevents.netlify.app/" class="card" terget="_blank"><img src="./Mochamad Muzayyid Al Hakim_files/sme.e5e6969d54b2ab7ce941.png"><div class="container"><h4>SME (Share My Event)</h4></div></a><a href="https://zayyid123.github.io/eventy/" class="card" terget="_blank"><img src="./Mochamad Muzayyid Al Hakim_files/evorty.0ffcf67e49660e953b0a.png"><div class="container"><h4>Landing Page</h4></div></a><a href="https://zayyid123.github.io/jadwalAdzan.co.github.io/" class="card" terget="_blank"><img src="./Mochamad Muzayyid Al Hakim_files/adzan.ded958f06b8a1015e027.png"><div class="container"><h4>Jadwal Adzan</h4></div></a><a href="https://zayyid123.github.io/ngaji.github.io/" class="card" terget="_blank"><img src="./Mochamad Muzayyid Al Hakim_files/ngaji.52de225f13c1a82e6604.png"><div class="container"><h4>Ngaji.co</h4></div></a><a href="https://zayyid123.github.io/bookShelf-Natife.github.io/" class="card" terget="_blank"><img src="./Mochamad Muzayyid Al Hakim_files/bookshelf.b4bda8d073fc1f48cc87.png"><div class="container"><h4>Book Shelf</h4></div></a><a href="https://zayyid123.github.io/MyResto/" class="card" terget="_blank"><img src="./Mochamad Muzayyid Al Hakim_files/myResto.a22a11dc9f4267edaf82.png"><div class="container"><h4>My Resto</h4></div></a></div></div><div data-aos="fade-up" class="contact aos-init" id="contact"><h1>Contact</h1><div class="contact__container bd-grid"><form action="https://zayyid123.github.io/" class="contact__form"><input type="text" placeholder="Name" class="contact__input"><input type="mail" placeholder="Email" class="contact__input"><textarea name="" id="" rows="10" class="contact__input"></textarea><input type="button" class="contact_button" value="Send"></form></div></div><div class="button_up"><div title="" role="button" aria-label="animation" tabindex="0" style="width: 57px; height: 100px; overflow: hidden; margin: 0px auto; outline: none;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 130" width="75" height="130" preserveAspectRatio="xMidYMid slice" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;"><defs><clippath id="__lottie_element_2"><rect width="75" height="130" x="0" y="0"></rect></clippath><clippath id="__lottie_element_4"><path d="M0,0 L69,0 L69,122 L0,122z"></path></clippath></defs><g clip-path="url(#__lottie_element_2)"><g clip-path="url(#__lottie_element_4)" transform="matrix(1,0,0,1,3,6.75)" opacity="1" style="display: block;"><g transform="matrix(1,0,0,1,19.682998657226562,87.54100036621094)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,15.067000389099121,19.75)"><path fill="rgb(255,149,70)" fill-opacity="1" d=" M-9.815999984741211,0 C-9.815999984741211,8.006999969482422 -2.8550000190734863,14.5 0.0010000000474974513,14.5 C2.8570001125335693,14.5 9.815999984741211,8.006999969482422 9.815999984741211,0 C9.815999984741211,-8.008999824523926 5.422999858856201,-14.5 0.0010000000474974513,-14.5 C-5.420000076293945,-14.5 -9.815999984741211,-8.008999824523926 -9.815999984741211,0z"></path></g></g><g transform="matrix(1,0,0,1,-4.187000274658203,-5)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,59.042999267578125,87.81900024414062)"><path fill="rgb(255,188,70)" fill-opacity="1" d=" M-11.89799976348877,-3.378999948501587 C-13.852999687194824,2.940000057220459 -11.89799976348877,14.1850004196167 -11.89799976348877,14.1850004196167 C-11.89799976348877,14.1850004196167 -13.27299976348877,-1.9420000314712524 -5.377999782562256,7.329999923706055 C-0.7369999885559082,12.777999877929688 4.374000072479248,16.518999099731445 9.956000328063965,18.54800033569336 C10.079000473022461,18.593000411987305 10.206000328063965,18.625999450683594 10.333000183105469,18.645000457763672 C11.425000190734863,18.815000534057617 12.447999954223633,18.066999435424805 12.616999626159668,16.975000381469727 C13.854000091552734,8.986000061035156 13.723999977111816,2.555999994277954 12.229999542236328,-2.315999984741211 C9.774999618530273,-10.307999610900879 2.265000104904175,-18.815000534057617 0.16500000655651093,-18.815000534057617 C-1.934000015258789,-18.815000534057617 -9.942999839782715,-9.697999954223633 -11.89799976348877,-3.378999948501587z"></path></g><g opacity="1" transform="matrix(1,0,0,1,18.707000732421875,87.81900024414062)"><path fill="rgb(255,188,70)" fill-opacity="1" d=" M-12.229999542236328,-2.315999984741211 C-13.725000381469727,2.555999994277954 -13.852999687194824,8.986000061035156 -12.616000175476074,16.975000381469727 C-12.446999549865723,18.066999435424805 -11.425000190734863,18.815000534057617 -10.333000183105469,18.645000457763672 C-10.204999923706055,18.625999450683594 -10.07800006866455,18.593000411987305 -9.956000328063965,18.54800033569336 C-4.373000144958496,16.518999099731445 0.7379999756813049,12.777999877929688 5.379000186920166,7.329999923706055 C13.27400016784668,-1.9420000314712524 11.89799976348877,14.1850004196167 11.89799976348877,14.1850004196167 C11.89799976348877,14.1850004196167 13.852999687194824,2.940000057220459 11.89799976348877,-3.378999948501587 C9.944000244140625,-9.697999954223633 1.934000015258789,-18.815000534057617 -0.16500000655651093,-18.815000534057617 C-2.2660000324249268,-18.815000534057617 -9.776000022888184,-10.307999610900879 -12.229999542236328,-2.315999984741211z"></path></g><g opacity="1" transform="matrix(1,0,0,1,38.875,55.720001220703125)"><path fill="rgb(34,45,58)" fill-opacity="1" d=" M-18.149999618530273,-12.468000411987305 C-21.06100082397461,2.884999990463257 -21.25200080871582,20.770000457763672 -18.724000930786133,41.18600082397461 C-18.368999481201172,44.04100036621094 -16.510000228881836,46.487998962402344 -13.85200023651123,47.59199905395508 C-9.230999946594238,49.512001037597656 -4.609000205993652,50.470001220703125 0.013000000268220901,50.470001220703125 C4.627999782562256,50.470001220703125 9.26099967956543,49.51300048828125 13.906000137329102,47.5989990234375 C16.591999053955078,46.49300003051758 18.468000411987305,44.018001556396484 18.80500030517578,41.132999420166016 C21.25200080871582,20.235000610351562 21.06999969482422,2.368000030517578 18.256999969482422,-12.468000411987305 C13.744000434875488,-36.266998291015625 3.2230000495910645,-50.470001220703125 0.05400000140070915,-50.470001220703125 C-3.114000082015991,-50.470001220703125 -13.475000381469727,-37.117000579833984 -18.149999618530273,-12.468000411987305z"></path></g><g opacity="1" transform="matrix(1,0,0,1,38.875,54.25)"><path fill="rgb(176,185,197)" fill-opacity="1" d=" M-6.145999908447266,0 C-6.145999908447266,3.3949999809265137 -3.3940000534057617,6.146999835968018 0.0010000000474974513,6.146999835968018 C3.3949999809265137,6.146999835968018 6.145999908447266,3.3949999809265137 6.145999908447266,0 C6.145999908447266,-3.3949999809265137 3.3949999809265137,-6.146999835968018 0.0010000000474974513,-6.146999835968018 C-3.3940000534057617,-6.146999835968018 -6.145999908447266,-3.3949999809265137 -6.145999908447266,0z"></path></g><g opacity="1" transform="matrix(1,0,0,1,38.91899871826172,19.52400016784668)"><path fill="rgb(176,185,197)" fill-opacity="1" d=" M-14.28499984741211,8.720999717712402 C-15.031999588012695,10.920999526977539 -7.492000102996826,14.23799991607666 0.017999999225139618,14.255999565124512 C7.541999816894531,14.27400016784668 15.032999992370605,10.991000175476074 14.270000457763672,8.77400016784668 C9.21399974822998,-5.894999980926514 2.443000078201294,-14.27400016784668 0.009999999776482582,-14.27400016784668 C-2.440000057220459,-14.27400016784668 -9.189000129699707,-6.291999816894531 -14.28499984741211,8.720999717712402z"></path></g><g opacity="1" transform="matrix(1,0,0,1,38.88100051879883,89.50399780273438)"><path fill="rgb(255,188,70)" fill-opacity="1" d=" M-5.309000015258789,-5.064000129699707 C-6.172999858856201,1.2549999952316284 -6.669000148773193,3.9539999961853027 -5.309000015258789,10.493000030517578 C-3.950000047683716,17.033000946044922 -1.3370000123977661,20.5 0.007000000216066837,20.5 C1.3519999980926514,20.5 4.0229997634887695,16.82699966430664 5.3460001945495605,10.493000030517578 C6.668000221252441,4.159999847412109 6.104000091552734,0.4880000054836273 5.3460001945495605,-5.064000129699707 C4.586999893188477,-10.616000175476074 0.9470000267028809,-20.5 0.01899999938905239,-20.5 C-0.9079999923706055,-20.5 -4.446000099182129,-11.383000373840332 -5.309000015258789,-5.064000129699707z"></path></g></g></g></g></svg></div></div></div><div class="my-footer"><div class="footer-logo"><h3>ZAY<span>YID</span></h3></div><div><a href="https://www.facebook.com/mochamad.zayyid" class="footer-icon"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg></a><a href="https://www.instagram.com/zayyid_123/" class="footer-icon"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M512 306.9c-113.5 0-205.1 91.6-205.1 205.1S398.5 717.1 512 717.1 717.1 625.5 717.1 512 625.5 306.9 512 306.9zm0 338.4c-73.4 0-133.3-59.9-133.3-133.3S438.6 378.7 512 378.7 645.3 438.6 645.3 512 585.4 645.3 512 645.3zm213.5-394.6c-26.5 0-47.9 21.4-47.9 47.9s21.4 47.9 47.9 47.9 47.9-21.3 47.9-47.9a47.84 47.84 0 0 0-47.9-47.9zM911.8 512c0-55.2.5-109.9-2.6-165-3.1-64-17.7-120.8-64.5-167.6-46.9-46.9-103.6-61.4-167.6-64.5-55.2-3.1-109.9-2.6-165-2.6-55.2 0-109.9-.5-165 2.6-64 3.1-120.8 17.7-167.6 64.5C132.6 226.3 118.1 283 115 347c-3.1 55.2-2.6 109.9-2.6 165s-.5 109.9 2.6 165c3.1 64 17.7 120.8 64.5 167.6 46.9 46.9 103.6 61.4 167.6 64.5 55.2 3.1 109.9 2.6 165 2.6 55.2 0 109.9.5 165-2.6 64-3.1 120.8-17.7 167.6-64.5 46.9-46.9 61.4-103.6 64.5-167.6 3.2-55.1 2.6-109.8 2.6-165zm-88 235.8c-7.3 18.2-16.1 31.8-30.2 45.8-14.1 14.1-27.6 22.9-45.8 30.2C695.2 844.7 570.3 840 512 840c-58.3 0-183.3 4.7-235.9-16.1-18.2-7.3-31.8-16.1-45.8-30.2-14.1-14.1-22.9-27.6-30.2-45.8C179.3 695.2 184 570.3 184 512c0-58.3-4.7-183.3 16.1-235.9 7.3-18.2 16.1-31.8 30.2-45.8s27.6-22.9 45.8-30.2C328.7 179.3 453.7 184 512 184s183.3-4.7 235.9 16.1c18.2 7.3 31.8 16.1 45.8 30.2 14.1 14.1 22.9 27.6 30.2 45.8C844.7 328.7 840 453.7 840 512c0 58.3 4.7 183.2-16.2 235.8z"></path></svg></a><a href="https://www.linkedin.com/in/mochamad-zayyid-09178518b/" class="footer-icon"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a></div><p>© Mochamad Muzayyid Al Hakim. All rigths reserved</p></div></div></div></body><loom-container id="lo-engage-ext-container"><loom-shadow classname="resolved"></loom-shadow></loom-container><loom-container id="lo-companion-container"><loom-shadow classname="resolved"></loom-shadow></loom-container><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration></html>