You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

350 lines
12 KiB
HTML

6 years ago
<!DOCTYPE html>
<html lang="en">
<head>
<title>ajikamaludin.id</title>
<meta charset="UTF-8">
<meta name="description" content="Aji Kamaludin CV Resume">
<meta name="keywords" content="resume, cv, onepage, creative, html, ajikamaludin">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link href="img/favicon.ico" rel="shortcut icon"/>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600,600i,700" rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/flaticon.css"/>
<link rel="stylesheet" href="css/owl.carousel.css"/>
<link rel="stylesheet" href="css/magnific-popup.css"/>
<link rel="stylesheet" href="css/style.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Hero section start -->
<section class="hero-section spad">
<div class="container-fluid">
<div class="row">
<div class="col-xl-10 offset-xl-1">
<div class="row">
<div class="col-lg-6">
<div class="hero-text">
<h2>Hai,
<br>I'm Aji Kamaludin</h2>
<p>Im a software developer in love with technology,open source and discovering new worlds and cultures.</p>
</div>
<!-- <div class="hero-info">
<h2>General Info</h2>
<ul>
<li><span>Date of Birth</span>Jul 14, 1997</li>
<li><span>Address</span>Klaten, Jawa Tengah, Indonesia</li>
<li><span>E-mail</span>aji19kamaludin@gmail.com</li>
<li><span>Phone </span>+62-8384-0745-543</li>
</ul>
</div> -->
</div>
<!-- <div class="col-lg-6">
<figure class="hero-image">
<img src="img/Hero.png" alt="5">
</figure>
</div> -->
</div>
</div>
</div>
</div>
</section>
<!-- Hero section end -->
<!-- Social links section start -->
<div class="social-section">
<div class="container-fluid">
<div class="row">
<div class="col-xl-10 offset-xl-1">
<div class="social-link-warp">
<div class="social-links">
<a href="https://www.linkedin.com/in/aji-kamludin-9a2770109/"><i class="fa fa-linkedin"></i></a>
<a href="https://www.instagram.com/aji_kamaludin/"><i class="fa fa-instagram"></i></a>
<a href="https://www.facebook.com/AjiKamaludin19"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/_ajikamaludin"><i class="fa fa-twitter"></i></a>
<a href="https://ajikamaludin.blogspot.co.id"><i class="fa fa-rss"></i></a>
</div>
<h2 class="hidden-md hidden-sm">My Social Profiles</h2>
</div>
</div>
</div>
</div>
</div>
<!-- Social links section end -->
<!-- Resume section start -->
<section class="resume-section spad">
<div class="container-fluid">
<div class="row">
<div class="col-xl-7 offset-xl-2">
<div class="section-title">
<h2>Work Experience</h2>
</div>
<ul class="resume-list">
<li>
<h2>2015</h2>
<h3>Vocational High School Technician</h3>
<h4>IT Support</h4>
<p>Sebagai IT support untuk salah satu sekolah sembari membantu membangun komunitas antar SMK .</p>
</li>
<li>
<h2>2018</h2>
<h3>TechnoGIS Yogyakarta</h3>
<h4>Web Developer</h4>
<p>Sebagai seorang pengembang aplikasi berbasis web baik berhubungan dengan GIS maupun marketplaces application. </p>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Resume section end -->
<!-- Resume section start -->
<section class="resume-section with-bg spad">
<div class="container-fluid">
<div class="row">
<div class="col-xl-7 offset-xl-2">
<div class="section-title">
<h2>Education</h2>
</div>
<ul class="resume-list">
<li>
<h2>2015</h2>
<h3>Computer and Network Engineering</h3>
<h4>Muhammadiyah 1 North Klaten Vocational Middle School</h4>
</li>
<li>
<h2>2019</h2>
<h3>Informatics Bachelor</h3>
<h4>Universitas AMIKOM Yogyakarta</h4>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Resume section end -->
<!-- Review section start -->
<!-- <section class="review-section spad pb-0">
<div class="container-fluid">
<div class="row">
<div class="col-xl-7 offset-xl-2">
<div class="section-title">
<h2>References</h2>
</div>
<div class="review-slider owl-carousel">
<div class="single-review">
<div class="qut"></div>
<p>Sit amet, consectetur adipiscing elit. Sed porttitor orci ut sapien scelerisque viverra. Sed trist ique justo nec mauris efficitur, ut lacinia elit dapibus. In egestas elit in dap ibus laoreet. Duis magna libero, fermentum ut facilisis id, pulvinar eget tortor. Vestibulum pelle ntesque tincidunt lorem, vitae euismod felis porttitor sed. </p>
<h3>Robert G. Smith</h3>
<h4>Manager, Company</h4>
</div>
<div class="single-review">
<div class="qut"></div>
<p>Sit amet, consectetur adipiscing elit. Sed porttitor orci ut sapien scelerisque viverra. Sed trist ique justo nec mauris efficitur, ut lacinia elit dapibus. In egestas elit in dap ibus laoreet. Duis magna libero, fermentum ut facilisis id, pulvinar eget tortor. Vestibulum pelle ntesque tincidunt lorem, vitae euismod felis porttitor sed. </p>
<h3>Robert G. Smith</h3>
<h4>Manager, Company</h4>
</div>
<div class="single-review">
<div class="qut"></div>
<p>Sit amet, consectetur adipiscing elit. Sed porttitor orci ut sapien scelerisque viverra. Sed trist ique justo nec mauris efficitur, ut lacinia elit dapibus. In egestas elit in dap ibus laoreet. Duis magna libero, fermentum ut facilisis id, pulvinar eget tortor. Vestibulum pelle ntesque tincidunt lorem, vitae euismod felis porttitor sed. </p>
<h3>Robert G. Smith</h3>
<h4>Manager, Company</h4>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!-- Review section end -->
<!-- Portfolio section start -->
<section class="portfolio-section spad pb-0">
<div class="container-fluid">
<div class="row">
<div class="col-xl-4 col-md-8 offset-xl-2 ">
<div class="section-title">
<h2>Portfolio</h2>
</div>
</div>
<!-- <div class="col-md-4 text-md-right">
<a href="#" class="site-btn mb-5">See All Portfolio</a>
</div> -->
</div>
<div class="portfolio-warp">
<div class="row">
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="portfolio-item">
<a href="img/portfolio/Kasir.png" class="set-bg port-pic" data-setbg="img/portfolio/Kasir.png"></a>
<h2>Aplikasi Kasir Bioskop</h2>
<p>C# WPF Windows Desktop Application</p>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="portfolio-item">
<a href="img/portfolio/more.png" class="set-bg port-pic" data-setbg="img/portfolio/more.png"></a>
<h2>More...</h2>
<p>More ...</p>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="portfolio-item">
<a href="img/portfolio/more.png" class="set-bg port-pic" data-setbg="img/portfolio/more.png"></a>
<h2>More...</h2>
<p>More ...</p>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="portfolio-item">
<a href="img/portfolio/more.png" class="set-bg port-pic" data-setbg="img/portfolio/more.png"></a>
<h2>More...</h2>
<p>More ...</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio section end -->
<!-- Extra section start -->
<section class="extra-section spad pb-0">
<div class="container-fluid">
<div class="row">
<div class="col-xl-8 offset-xl-2">
<div class="section-title">
<h2>Some Skills</h2>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 pt-5">
<div class="fact-box trans">
<div class="fact-content">
<div class="circle-progress">
<div id="progress1" class="prog-circle"></div>
<div class="progress-info">
<h2>75%</h2>
</div>
<div class="prog-title">
<h3>Web Development</h3>
<p>PHP Programming, PHP Framework (Laravel, Yii2, Phalcon), HTML, CSS3, Javascripts</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 pt-5">
<div class="fact-box trans">
<div class="fact-content">
<div class="circle-progress">
<div id="progress2" class="prog-circle"></div>
<div class="progress-info">
<h2>85%</h2>
</div>
<div class="prog-title">
<h3>Linux</h3>
<p>Linux System Administrator, DevOps, Git, Docker, Virtualization, CPanel, Web Technology.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="fact-box">
<div class="fact-content">
<img src="img/icon/1-w.png" alt="">
<h2>5</h2>
<p>Years of Experience</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="fact-box">
<div class="fact-content">
<img src="img/icon/2-w.png" alt="">
<h2>2</h2>
<p>Acivement</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Extra section end -->
<!-- Contact section start -->
<section class="contact-section spad">
<div class="container-fluid">
<div class="row">
<div class="col-xl-8 offset-xl-2">
<div class="section-title">
<h2>Contact Me</h2>
</div>
<form class="contact-form" action="https://mailthis.to/aji19kamaludin@gmail.com" method="POST">
<div class="row">
<div class="col-md-6">
<input type="text" placeholder="Name" name="name" required>
</div>
<div class="col-md-6">
<input type="email" placeholder="E-mail" name="_replayto" required>
</div>
<div class="col-md-12">
<input type="text" placeholder="Subject" name="_subject" required>
<textarea placeholder="Message" name="message" required></textarea>
</div>
</div>
<input type="hidden" name="_after" value="https://ajikamaludin.id/">
<div class="text-md-right">
<button class="site-btn">Send message</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Contact section end -->
<!-- Footer section start -->
<footer class="footer-section">
<div class="container text-center">
<div class="copyright" style="display:none"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</div>
<p>Example Profile Page By Aji Kamaludin</p>
</div>
</footer>
<!-- Footer section end -->
<!--====== Javascripts & Jquery ======-->
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/magnific-popup.min.js"></script>
<script src="js/circle-progress.min.js"></script>
<script src="js/main.js"></script>
</body>
6 years ago
</html>