"egyjbs"
Bootstrap 4.1.1 Snippet by CrayxZ

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--========== BOX ICONS ==========--> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css"> <div class="card" data-state="#about"> <div class="card-header"> <div class="card-cover"style="background-image: url(https://i.ibb.co/sW2zC7f/20211025-211904.jpg);"></div> <img src="https://i.ibb.co/sW2zC7f/20211025-211904.jpg" alt="Avatar" class="card-avatar"> <h1 class="card-fullname">EGY STORE</h1> <h2 class="card-jobtitle">WEB PHISING</h2> </div> <div class="card-main"> <div class="card-section is-active" id="about"> <div class="card-content"> <div class="card-subtitle">PEMBELIAN GARANSI</div> <p class="card-desc">•MENJUAL KEBUTUHAN WEB PHISING DOMAIN BIASA•</p> </div> <div class="card-social"> <a href="https://www.facebook.com/egy.mahesa.9"><img src="https://i.ibb.co/StKJy5L/fb.png" alt="Facebook"></a> <a href="https://youtube.com/channel/UCFH6Wsei1Nwp1vgzE-O3-tg"><img src="https://i.ibb.co/fx96QZH/1635739371406.png" alt="Youtube"></a> <a href="https://www.instagram.com/egy_cray/"><img src="https://i.ibb.co/Sr6RBsT/insta.png" alt="Insta"></a> </div> </div> <div class="card-section" id="experience"> <div class="card-content"> <div class="card-subtitle">LIST HARGA</div> <div class="card-timeline"> <div class="card-item" data-year="2018"> <div class="card-item-title">15K 1 GARANSI.<span> √ </span></div> <div class="card-item-desc">EGY STORE</div> </div> <div class="card-item" data-year="2019"> <div class="card-item-title">20K 1 GARANSI.<span> √ </span></div> <div class="card-item-desc">EGY STORE</div> </div> <div class="card-item" data-year="2020"> <div class="card-item-title">25K 1 GARANSI. <span> √ </span></div> <div class="card-item-desc">EGY STORE</div> </div> <div class="card-item" data-year="2021"> <div class="card-item-title">30K 1 GARANSI. <span> √ </span></div> <div class="card-item-desc">EGY STORE</div> </div> </div> </div> </div> <div class="card-section" id="contact"> <div class="card-content"> <div class="card-subtitle">Contact</div> <div class="card-contact-wrapper"> <div class="card-contact"> <img src="https://i.ibb.co/1v1b11W/location.png" alt="Location"> INDONESIA </div> <div class="card-contact"> <img src="https://i.ibb.co/SwCtwgc/phone.png" alt="Phone"> 083156940687 </div> <div class="card-contact"> <img src="https://i.ibb.co/jTWV78J/mail.png" alt="Email"> egyjbs1@gmail.com </div> <button class="contact-me">TERPERCAYA</button> </div> </div> </div> <div class="card-buttons"> <button class="is-active" data-section="#about">HOME</button> <button data-section="#experience">LIST HARGA</button> <button data-section="#contact">CONTACT</button> </div> </div> </div> <script src="assets/js/main.js"></script> </div> </div> <!--========== CSS ==========--> <link rel="stylesheet" href="assets/css/styles.css"> <title>EGY STORE</title> </head> </div> <!--========== NAV ==========--> <div class="nav" id="navbar"> <nav class="nav__container"> <div> <a href="#" class="nav__link nav__logo"> <i class='bx bxs-disc nav__icon' ></i> <span class="nav__logo-name">MENU</span> </a> <div> <div class="nav__list"> <div class="nav__items"> <h3 class="nav__subtitle">Profile</h3> <a href="#" class="nav__link active"> <i class='bx bx-home nav__icon' ></i> <span class="nav__name">Home</span> </a> <div class="nav__dropdown"> <a href="#" class="nav__link"> <i class='bx bx-user nav__icon' ></i> <span class="nav__name">MEDIA SOSIAL</span> <i class='bx bx-chevron-down nav__icon nav__dropdown-icon'></i> </a> <div class="nav__dropdown-collapse"> <div class="nav__dropdown-content"> <a href="https://youtube.com/channel/UCFH6Wsei1Nwp1vgzE-O3-tg" class="nav__dropdown-item">YOUTUBE</a> <a href="https://www.instagram.com/egy_cray/" class="nav__dropdown-item">INSTAGRAM</a> <a href="https://wa.me/6283156940687" class="nav__dropdown-item">WHATSHAP</a> </div> </div> </div> <a href="#" class="nav__link"> <i class='bx bx-message-rounded nav__icon' ></i> <span class="nav__name">LIST HARGA WEB</span> </a> </a> </div> </div> <!--========== MAIN JS ==========--> <script src="assets/js/main.js"></script> </body> </html>

Related: See More

Now UI Dashboard

Questions / Comments: