-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Rizkyzul
committed
Nov 8, 2023
0 parents
commit 5208ae2
Showing
7 changed files
with
743 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,237 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<title>Rizky Portfolio</title> | ||
<link rel="shortcut icon" type="image" href="./image/me.png" /> | ||
<link rel="stylesheet" href="style.css" /> | ||
<!-- bootstrap links --> | ||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" /> | ||
<!-- bootstrap links --> | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" /> | ||
<!-- fonts links --> | ||
<link rel="preconnect" href="https://fonts.googleapis.com" /> | ||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | ||
<link href="https://fonts.googleapis.com/css2?family=Abyssinica+SIL&display=swap" rel="stylesheet" /> | ||
<!-- fonts links --> | ||
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet" /> | ||
<!--Icon boostrap--> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" /> | ||
</head> | ||
<body> | ||
<div class="home-section"> | ||
<nav class="navbar navbar-expand-lg" id="navbar"> | ||
<div class="container-fluid"> | ||
<a class="navbar-brand" href="index.html" id="logo">Rizky Portfolio</a> | ||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | ||
<span><i class="fa-solid fa-bars" style="color: white"></i></span> | ||
</button> | ||
<div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="#about">Tentang Saya</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="#services">Skill</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="#resume">Pendidikan</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="#portfolio">Project</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="#contact">kontak</a> | ||
</li> | ||
</ul> | ||
<form class="d-flex"> | ||
<a href="https://wa.me/6289653817789?Hallo,%Saya%tertarik%merekrut%anda!"> | ||
<button type="button" class="btn btn-dark">Hubungi Saya</button> | ||
</a> | ||
</form> | ||
</div> | ||
</div> | ||
</nav> | ||
<!-- navbar --> | ||
|
||
<!-- home content --> | ||
<section class="home"> | ||
<div class="content"> | ||
<h5>Hallo,</h5> | ||
<h3>Saya <span>M Rizky Zulkarnaen</span></h3> | ||
<h2 class="changecontent"></h2> | ||
<p>Mahasiswa STMIK IKMI Cirebon <br />TI-22-KIP-C2 | NIM 41236597</p> | ||
</div> | ||
<div class="img"> | ||
<img src="./image/Me1.png" alt="" /> | ||
</div> | ||
</section> | ||
<!-- home content --> | ||
</div> | ||
<!-- home section --> | ||
|
||
<!-- about --> | ||
<div id="about"> | ||
<div class="container" data-aos="fade-up" data-aos-duration="1500"> | ||
<div class="row"> | ||
<div class="col-md-4 py-3 py-md-0"> | ||
<div class="card"> | ||
<img src="./image/me.png" alt="" /> | ||
</div> | ||
</div> | ||
<div class="col-md-8 py-3 py-md-0"> | ||
<h3>Tentang Saya</h3> | ||
<h5>Mahasiswa Teknik Informatika</h5> | ||
<p>Hallo Saya adalah Muhammad Rizky Zulkarnaen, saya saat ini sedang menjalani study saya di STMIK IKMI CIREBON</p> | ||
<h2>Nama : <span>M Rizky Zulkarnaen</span></h2> | ||
<h2>Umur : <span>19 Tahun</span></h2> | ||
<h2>Asal<span></span> :<span> Cirebon, Jawa Barat.</span></h2> | ||
|
||
<a href="https://wa.me/6289653817789?Hallo,%Saya%tertarik%merekrut%anda!"> | ||
<button id="btncv2">Hubungi Saya</button> | ||
</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<!-- about --> | ||
|
||
<!-- services --> | ||
<div id="services"> | ||
<div class="container" data-aos="fade-up" data-aos-duration="1500"> | ||
<h3>Skill</h3> | ||
<p>Berikut adalah Progress Pembelajaran Saya Menjadi Frontend Dev</p> | ||
<div class="row" style="margin-top: 30px" data-aos="fade-up" data-aos-duration="1500"> | ||
<div class="col-md-3 py-3 py-md-0"> | ||
<div class="card"> | ||
<i class="bi bi-filetype-html" style="color: red"></i> | ||
<h2>Memahami Dasar-dasar HTML</h2> | ||
</div> | ||
</div> | ||
<div class="col-md-3 py-3 py-md-0"> | ||
<div class="card"> | ||
<i class="bi bi-filetype-css" style="color: blue"></i> | ||
<h2>Memahami Dasar-dasar CCS</h2> | ||
</div> | ||
</div> | ||
<div class="col-md-3 py-3 py-md-0"> | ||
<div class="card"> | ||
<i class="bi bi-bootstrap" style="color: blue"></i> | ||
<h2>Memahami Framework bootstrap</h2> | ||
</div> | ||
</div> | ||
<div class="col-md-3 py-3 py-md-0"> | ||
<div class="card"> | ||
<i class="bi bi-filetype-js" style="color: yellow"></i> | ||
<h2>Memahami Dasar-dasar Javascript</h2> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<!-- services --> | ||
|
||
<!-- resume --> | ||
<div id="resume"> | ||
<div class="container text-center" data-aos="fade-up" data-aos-duration="1500"> | ||
<h5 class="fa-solid fa-graduation-cap text-center">Pendidikan</h5> | ||
<h1 class="text-center">Berikut Adalah Pendidikan Terakhir Saya</h1> | ||
<div class="container"> | ||
<div class="hr" style="margin-top: 30px"></div> | ||
</div> | ||
|
||
<div class="text-center"> | ||
<h2>STMIK IKMI CIREBON</h2> | ||
<p>Teknik Informatika</p> | ||
<i class="fa-solid fa-building"> 2022 - Sampai Saat Ini</i> | ||
|
||
<h2>SMA NEGERI 8 KOTA CIREBON</h2> | ||
<p>Ilmu Pengetahuan Sosial</p> | ||
<i class="fa-solid fa-building"> 2019 - 2022</i> | ||
</div> | ||
</div> | ||
</div> | ||
<!-- resume --> | ||
|
||
<!-- portfolio --> | ||
<div id="portfolio"> | ||
<div class="container text-center" data-aos="fade-up" data-aos-duration="1500"> | ||
<h1 class="text-center">Project</h1> | ||
|
||
<div class="container"> | ||
<div class="hr" style="margin-top: 30px"></div> | ||
</div> | ||
<p>Project Ini Sudah dapat diakses Umum.</p> | ||
<div class="row" style="margin-top: 30px"> | ||
<div class="col-md-4 py-3 py-md-0"> | ||
<a href="rizkyzul.github.io/alhamdulilahshop/"> | ||
<div class="card"><img src="./image/pro-eco.png" alt="Projek1" /></div> | ||
</a> | ||
</div> | ||
<div class="col-md-4 py-3 py-md-0"> | ||
<a href="rizkyzul.github.io/portofoliotukhir/"> | ||
<div class="card"><img src="./image/pro-port.png" alt="Projek3" /></div | ||
></a> | ||
</div> | ||
<div class="col-md-4 py-3 py-md-0"> | ||
<a href="rizkyzul.github.io/traveltukhir/"> | ||
<div class="card"><img src="./image/pro-trav.png" alt="Projek3" /></div> | ||
</a> | ||
</div> | ||
</div> | ||
<h1 class="text-center">Nantikan Update Documentasi Project Lainnya!</h1> | ||
</div> | ||
</div> | ||
<!-- portfolio --> | ||
|
||
<!-- contact --> | ||
<div id="contact"> | ||
<div class="container" style="padding-top: 30px" data-aos="fade-up" data-aos-duration="1500"> | ||
<div class="row"> | ||
<div class="col-md-7 py-3 py-md-0"> | ||
<h1>Kontak Saya</h1> | ||
<p> | ||
Kamu Dapat Menghubungi saya melalui kontak dibawah ini! | ||
<input type="text" placeholder="Nama" /> | ||
<input type="email" placeholder="Email" /> | ||
<textarea cols="50" rows="3" placeholder="Pesam"></textarea> | ||
<a href="https://wa.me/6289653817789?Hallo,%Saya%tertarik%merekrut%anda!"><button id="btncontact">Kirim</button> </a> | ||
</p> | ||
</div> | ||
<div class="col-md-5 py-3 py-md-0"> | ||
<h1>Info Lainnya</h1> | ||
<p>Informasi Kontak lainnya sebagai referensi!</p> | ||
<i class="fa-solid fa-envelope"> <span>[email protected]</span></i> | ||
<i class="fa-solid fa-phone"> <span>+62 89653817789</span></i> | ||
<i class="fa-solid fa-house"> <span>Muhammad Rizky Zulkarnaen</span></i> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<!-- contact --> | ||
|
||
<!-- footer --> | ||
<footer id="footer"> | ||
<h1 class="text-center">M Rizky Zulkarnaen</h1> | ||
<p class="text-center">STMIK IKMI CIREBON | 41236597 | TI-22-KIP-C2</p> | ||
<div class="icons text-center"> | ||
<a href="https://wa.me/6289653817789?Hallo,%Saya%tertarik%merekrut%anda!"><i class="bi bi-whatsapp" style="color: black"></i></a> | ||
<a href="https://github.com/rizkyzul"><i class="bi bi-github" style="color: black"></i></a> | ||
<a href="https://instagram.com/rizkyzulkarnaen__"><i class="bi bi-instagram" style="color: black"></i></a> | ||
</div> | ||
<div class="copyright text-center">© Copyright <strong>M Rizky Z</strong>. 2023</div> | ||
</footer> | ||
<!-- footer --> | ||
|
||
<a href="#" class="arrow"><i class="fa-solid fa-arrow-up" style="font-size: 30px"></i></a> | ||
|
||
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script> | ||
<script> | ||
AOS.init(); | ||
</script> | ||
|
||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> | ||
</body> | ||
</html> |
Oops, something went wrong.