-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 15.5 KB
/
index.html
1
<!DOCTYPE HTML><html lang="id-ID" prefix="og: http://ogp.me/ns#" itemscope="" itemtype="http://schema.org/LocalBusiness"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><meta name="keywords" content="syifandimulyanto.id, Syifandi Mulyanto, fandi, freelance, web freelance, android programer, "><meta name="description" content="Founder of ayokebatu.com. Professional web developer based on Malang - Indonesia. Sometimes works as a freelancer"><meta name="robots" content="noodp"><link rel="canonical" href="syifandimulyanto.id"><meta property="og:locale" content="id_ID"><meta property="og:type" content="website"><meta property="og:title" content="Syifandi Mulyanto"><meta property="og:description" content="Founder of ayokebatu.com. Professional web developer based on Malang - Indonesia. Sometimes works as a freelancer"><meta property="og:url" content="https://syifandimulyanto.github.io/"><meta property="og:site_name" content="Syifandi Mulyanto"><meta property="og:image" content="https://syifandimulyanto.github.io//img/profile.png"><meta name="twitter:card" content="summary"><meta name="twitter:description" content="Founder of ayokebatu.com. Professional web developer based on Malang - Indonesia. Sometimes works as a freelancer"><meta name="twitter:title" content="Syifandi Mulyanto"><meta name="author" content="syifandimulyanto.id"><meta name="robots" content="index, follow"><meta name="revisit-after" content="3 days"><script type="application/ld+json">{"@context":"http://schema.org","@type":"LocalBusiness","name":"syifandimulyanto","url":"https://syifandimulyanto.github.io//","logo":"https://syifandimulyanto.github.io//img/logo.png","contactPoint":[{"@type":"ContactPoint","telephone":"+6282234167880","contactType":"customer service","availableLanguage":["Bahasa"],"contactOption":[]}],"sameAs":["https://www.facebook.com/fandiEzt/","https://twitter.com/fanfandi17"],"potentialAction":{"@type":"SearchAction","target":"https://syifandimulyanto.github.io/","query-input":"required name=search_term_string"}}</script><title>Syifandi Mulyanto - Web and Mobile Apps Developer</title><link rel="shortcut icon" href="img/favicon.png" type="image/x-icon"><link rel="icon" href="img/favicon.png" type="image/x-icon"><link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css"><link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet"><link href="vendor/nivo-lightbox/nivo-lightbox.css" rel="stylesheet"><link rel="stylesheet" href="vendor/nivo-lightbox/themes/default/default.css" type="text/css"><link href="vendor/perfect-scrollbar/css/perfect-scrollbar.min.css" rel="stylesheet"><link href="vendor/owl.carousel/owl-carousel/owl.carousel.css" rel="stylesheet"><link href="vendor/owl.carousel/owl-carousel/owl.theme.css" rel="stylesheet"><link href="css/styles.min.css" rel="stylesheet"></head><body><div class="loader-container" id="page-loader"> <div class="loading-wrapper"> <div class="loader-animation" id="loader-animation"> <span class="loader"><span class="loader-inner"></span></span> </div><div class="loader-name" id="loader-name"> Syifandi <strong>M</strong> </div><p class="loader-job" id="loader-job">Web & Mobile Apps Developer</p></div></div><section id="body" class=""><div class="container"><div class="main-menu" id="main-menu"><ul class="main-menu-list"><li><a href="#page-resume" class="link-home">Home</a></li><li><a href="#page-resume" class="link-page">Resume</a></li><li><a href="#page-skills" class="link-page">Skills</a></li><li><a href="#page-contact" class="link-page">Contact</a></li></ul></div><div class="section-vcardbody section-home" id="section-home"><div class="vcard-profile-pic"><img src="img/profile.png" id="profile2" alt=""><img src="img/profile2.png" id="profile1" class="profileActive" alt=""></div><div class="vcard-profile-description"><h1 class="profile-title">Hi, i'm <span class="color1">Syifandi Mulyanto!</span></h1><h2 class="profile-subtitle">Web & Mobile Apps Developer</h2><hr class="hr1"><div class="vcard-profile-description-text"><p>Founder of <a href="https://ayokebatu.com">ayokebatu.com </a>. Professional web developer based on Malang - Indonesia. Sometimes works as a freelancer.</p></div><div class="vcard-profile-description-feature"><div class="vcard-profile-description-ft-item"><p>email: info@syifandimulyanto.id / <br>phone: +628 834 167 880</p></div></div></div><div class="vcard-footer"><div class="footer-social-icons"><a href="#"><i class="fa fa-instagram"></i></a><a href="#"><i class="fa fa-facebook"></i></a><a href="#"><i class="fa fa-twitter"></i></a><a href="#"><i class="fa fa-linkedin"></i></a><a href="#"><i class="fa fa-youtube"></i></a></div></div></div><div class="section-vcardbody section-page" id="page-resume"><div class="section-education"> <h2 class="section-title">Resume</h2> <div class="resume-buttons header-page-buttons"><a href="#" class="btn btn-default btn-default2"><i class="fa fa-download"></i> Download my resume</a><a href="#page-contact" class="btn btn-default btn-default2 link-page"><i class="fa fa-download"></i> Get in Touch</a> </div><h2 class="section-title2"><i class="fa fa-university"></i> Education</h2><div class="resume-item"> <h3 class="section-item-title-1">Vocational Hight School</h3> <h4 class="graduation-time">St. Vocational Hight School PGRI 03 Malang - <span class="graduation-date">Graduation June 2015</span></h4></div><div class="resume-item"> <h3 class="section-item-title-1">Junior Hight School</h3> <h4 class="graduation-time">St. Junior Hight School 01 Batu - <span class="graduation-date">Graduation June 2012</span></h4></div><div class="resume-item"> <h3 class="section-item-title-1">Elementary School</h3> <h4 class="graduation-time">St. Elementary School 02 Sidomulyo - <span class="graduation-date">Graduation June 2009</span></h4></div></div><div class="section-education"> <h2 class="section-title2"><i class="fa fa-flag"></i> Work Experience</h2><div class="resume-item"> <h3 class="section-item-title-1">Kodeku.net</h3> <h4 class="job">Software Developer - <span class="job-date">June 2015 - Current</span></h4> <div class="graduation-description"> <ul> <li>Specialist Backend Developer.</li><li>Work with framework Codeigniter.</li><li>Custom Wordpress.</li><li>Custom Expression Engine.</li><li>Work with team.</li></ul> </div></div><div class="resume-item"> <h3 class="section-item-title-1">PT. Bogor Anggana Cendikia (Botani Square Mall)</h3> <h4 class="job">Continuation of the apprenticeship in Meruvian - <span class="job-date">Nov 2013 - July 2014</span></h4> <div class="graduation-description"> <p>Developer Employee Job Reporting System:</p><ul> <li>Work with the users on development of the software specification.</li><li>Work with team.</li><li>Create Rest Api.</li><li>Create Web with Java Spring.</li></ul> <p>Maintance server and IT Support.</p></div></div><div class="resume-item"> <h3 class="section-item-title-1">Meruvian Foundation</h3> <h4 class="job">Internship - <span class="job-date">June 2013 - Nov 2013</span></h4></div></div><div class="page-footer"> <p class="footer-quote">"Dreaming is so fun" <br><i>Fandi</i></p></div></div><div class="section-vcardbody section-page" id="page-skills"><div class="section-skills"> <h2 class="section-title">SKILLS</h2> <h3 class="section-item-title-2"><i class="fa fa-users"></i> Professional Skills</h3><ul class="skills-list"> <li> <div class="progress"> <div class="progress-bar" role="progressbar" data-percent="80%" style="width: 80%"> <span class="sr-only">80% Complete</span> </div><span class="progress-type">Comunication</span> <span class="progress-completed">80%</span> </div></li></ul> <h3 class="section-item-title-2"><i class="fa fa-laptop"></i> Software Skills</h3><ul class="skills-list"> <li> <div class="progress"> <div class="progress-bar" data-percent="85%" role="progressbar" style="width: 85%"> <span class="sr-only">85% Complete</span> </div><span class="progress-type">Git</span> <span class="progress-completed">85%</span> </div></li></ul> <h3 class="section-item-title-2"><i class="fa fa-code"></i> Code Skills</h3><ul class="skills-list"> <li> <div class="progress"> <div class="progress-bar" data-percent="70%" role="progressbar" style="width: 70%"> <span class="sr-only">70% Complete</span> </div><span class="progress-type">HTML5 / CSS3</span> <span class="progress-completed">70%</span> </div></li><li> <div class="progress"> <div class="progress-bar progress-bar-2" data-percent="80%" role="progressbar" style="width: 80%"> <span class="sr-only">80% Complete</span> </div><span class="progress-type">Javascript</span> <span class="progress-completed">80%</span> </div></li><li> <div class="progress"> <div class="progress-bar progress-bar-3" data-percent="90%" role="progressbar" style="width: 90%"> <span class="sr-only">90% Complete</span> </div><span class="progress-type">PHP</span> <span class="progress-completed">90%</span> </div></li><li> <div class="progress"> <div class="progress-bar progress-bar-1" data-percent="80%" role="progressbar" style="width: 80%"> <span class="sr-only">80% Complete</span> </div><span class="progress-type">Wordpress</span> <span class="progress-completed">80%</span> </div></li><li> <div class="progress"> <div class="progress-bar progress-bar-2" data-percent="80%" role="progressbar" style="width: 80%"> <span class="sr-only">80% Complete</span> </div><span class="progress-type">Expression Engine</span> <span class="progress-completed">80%</span> </div></li><li> <div class="progress"> <div class="progress-bar progress-bar-3" data-percent="70%" role="progressbar" style="width: 70%"> <span class="sr-only">70% Complete</span> </div><span class="progress-type">Open Chart</span> <span class="progress-completed">70%</span> </div></li><li> <div class="progress"> <div class="progress-bar progress-bar-1" data-percent="70%" role="progressbar" style="width: 70%"> <span class="sr-only">70% Complete</span> </div><span class="progress-type">Native Android</span> <span class="progress-completed">70%</span> </div></li><li> <div class="progress"> <div class="progress-bar progress-bar-2" data-percent="70%" role="progressbar" style="width: 70%"> <span class="sr-only">70% Complete</span> </div><span class="progress-type">Ionic and Angular</span> <span class="progress-completed">70%</span> </div></li></ul> </div></div><!-- <div class="section-vcardbody section-page" id="page-portfolio"><div class="section-portfolio"> <h2 class="section-title">Portfolio</h2><div class="projects-list"><div class="project-item"><a href="img/portfolio/sukujempol.png" class="project-thumbnail nivobox" data-lightbox-gallery="portfolio" style="background-image: url('img/portfolio/sukujempol.png');"><div class="project-description-wrapper"><div class="project-description"><h2 class="project-title">Sukujempol</h2><span class="see-more">Building with Expression Engine</span></div></div></a></div></div></div></div><div class="section-vcardbody section-page" id="page-blog"><div class="section-blog"> <h2 class="section-title">Blog</h2><div class="blog-posts"><div class="blog-item"><div class="blog-item-wrapper"><div class="blog-item-thumb"><a href="single.html" class="loadPost"><img src="img/blog1.jpg" alt=""></a></div><div class="blog-item-infos"><div class="blog-item-title-wrapper"><h2 class="blog-item-title title-border"><a href="single.html" class="loadPost">How to succeed in meetings</a></h2></div><div class="blog-item-description"><p><a href="single.html" class="loadPost">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sodales varius sagittis. Proin a arcu vitae turpis congue facilisis. Quisque a lectus pretium, sagittis augue in, fringilla risus....</a></p></div><div class="blog-item-link"><a href="single.html" class="btn btn-default loadPost">See More</a></div></div></div></div></div><div class="section-pagination"><div class="row"><div class="col-xs-12"><span class="pagination-numbers"><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a></span></div></div></div></div></div><div class="section-vcardbody section-page section-page-single" id="page-blog-single"><div class="section-blog-single"><div id="postHere"></div></div></div>--><div class="section-vcardbody section-page" id="page-contact"><div class="section-contact"> <h2 class="section-title">Contact</h2> <div class="map"> <div class="map-overlay"></div><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3952.433077843398!2d112.52581971535108!3d-7.849660480186558!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e7880ab84477315%3A0x87d0315b82e0ce48!2sJl.+Bukit+Berbunga+No.15%2C+Sidomulyo%2C+Kec.+Batu%2C+Kota+Batu%2C+Jawa+Timur!5e0!3m2!1sid!2sid!4v1465162851987" height="250" tyle="border:0" allowfullscreen></iframe> </div><div class="contact-infos"> <h4 class="contact-subtitle-1"><i class="fa fa-map"></i> Address</h4> <p>Bukit berbunga street number 15 - Indonesia</p><h4 class="contact-subtitle-1"><i class="fa fa-phone-square"></i> Phone</h4> <p>+628 834 167 880</p><h4 class="contact-subtitle-1"><i class="fa fa-envelope"></i> Mail</h4> <p>info@syifandimulyanto.id</p></div><h4 class="contact-subtitle-1"><i class="fa fa-paper-plane-o"></i> Send Me a Message</h4> <form id="contactForm" method="post" class="form"> <div class="form-group"> <input class="form-control required" id="name" name="name" placeholder="Name" type="text" required> </div><div class="form-group"> <input class="form-control required" id="email" name="email" placeholder="Email" type="email" required> </div><div class="form-group"> <input class="form-control required" id="subject" type="text" name="subject" placeholder="Subject" required> </div><div class="form-group"> <textarea class="form-control required" id="message" name="message" placeholder="Message" rows="5" required></textarea> </div><div class="form-group"> <input type="submit" class="btn btn-default form-send" value="Send!"> </div></form></div></div></div></section><div class="form-result modal-wrap" id="contactSuccess"> <div class="modal-bg"></div><div class="modal-content"> <h4 class="modal-title"><i class="fa fa-check-circle"></i> Success!</h4> <p>Your message has been sent to us.</p></div></div><div class="form-result modal-wrap" id="contactError"> <div class="modal-bg"></div><div class="modal-content"> <h4 class="modal-title"><i class="fa fa-times"></i> Error</h4> <p>There was an error sending your message.</p></div></div><script src="vendor/jquery.min.js"></script><script src="vendor/bootstrap/js/bootstrap.min.js"></script><script src="vendor/validate.js"></script><script src="vendor/holder.js"></script><script src="vendor/nivo-lightbox/nivo-lightbox.min.js"></script><script src="vendor/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script><script src="vendor/owl.carousel/owl-carousel/owl.carousel.js"></script><script src="http://maps.google.com/maps/api/js?sensor=false"></script><script src="vendor/cross-browser.js"></script><script src="js/main.js"></script><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-61282599-3', 'auto'); ga('send', 'pageview');</script><!--[if lt IE 9]> <script src="vendor/html5shiv.js"></script> <script src="vendor/respond.min.js"></script><![endif]--><!-- >> /JS=============================================================================--></body></html>