AlkantarClanX12
Current Path : /home/thanudqk/www/yokuhub/ |
Current File : //home/thanudqk/www/yokuhub/index.html |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>YokuHub</title> <meta content="" name="description"> <meta content="" name="keywords"> <!-- Favicons --> <link href="assets/img/favicon.png" rel="icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet"> <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=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Mitr:wght@200;300;400;500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet"> <!-- Vendor CSS Files --> <link href="assets/vendor/aos/aos.css" rel="stylesheet"> <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet"> <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> <!-- Template Main CSS File --> <link href="assets/css/style.css" rel="stylesheet"> </head> <body> <!-- ======= Header ======= --> <header id="header" class="header fixed-top"> <div class="container-fluid container-xl d-flex align-items-center justify-content-between"> <a href="index.html" class="logo d-flex align-items-center"> <img src="assets/img/yokuhub.png" alt=""> <!-- <span>YokuHub</span> --> </a> <nav id="navbar" class="navbar"> <!-- <ul> <li><a class="nav-link scrollto active" href="#hero">Home</a></li> <li><a class="nav-link scrollto" href="#about">About</a></li> <li><a class="nav-link scrollto" href="#services">Services</a></li> <li><a class="nav-link scrollto" href="#portfolio">Portfolio</a></li> <li><a class="nav-link scrollto" href="#team">Team</a></li> <li><a href="blog.html">Blog</a></li> <li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a> <ul> <li><a href="#">Drop Down 1</a></li> <li class="dropdown"><a href="#"><span>Deep Drop Down</span> <i class="bi bi-chevron-right"></i></a> <ul> <li><a href="#">Deep Drop Down 1</a></li> <li><a href="#">Deep Drop Down 2</a></li> <li><a href="#">Deep Drop Down 3</a></li> <li><a href="#">Deep Drop Down 4</a></li> <li><a href="#">Deep Drop Down 5</a></li> </ul> </li> <li><a href="#">Drop Down 2</a></li> <li><a href="#">Drop Down 3</a></li> <li><a href="#">Drop Down 4</a></li> </ul> </li> <li><a class="nav-link scrollto" href="#contact">Contact</a></li> <li><a class="getstarted scrollto" href="#about">Get Started</a></li> </ul> --> <i class="bi bi-list mobile-nav-toggle"></i> </nav><!-- .navbar --> </div> </header><!-- End Header --> <!-- ======= Hero Section ======= --> <section id="hero" class="hero d-flex align-items-center"> <div class="container"> <div class="row"> <div class="col-lg-5 d-flex flex-column justify-content-center"> <h1 data-aos="fade-up">Ubah obrolan santai kalian <br> Jadi pendapatan tambahan. </h1> <!-- <h2 data-aos="fade-up" data-aos-delay="400">We are team of talented designers making websites with Bootstrap</h2> --> <div data-aos="fade-up" data-aos-delay="600"> <div class="text-center text-lg-start"> <a href="https://t.me/Yokuhub" class="btn-get-started scrollto d-inline-flex align-items-center justify-content-center align-self-center" target="_blank"> <img src="assets/img/yokuhub_btn2.png" class="img-fluid" alt=""> </a> </div> </div> </div> <div class="col-lg-7 hero-img" data-aos="zoom-out" data-aos-delay="200"> <img src="assets/img/IMG_right2.png" class="img-fluid" alt=""> </div> </div> </div> </section><!-- End Hero --> <main id="main"> </main><!-- End #main --> <!-- ======= Footer ======= --> <footer id="footer" class="footer"> <div class="footer-newsletter"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-12 text-center"> <h4>Mencari cara yang menyenangkan dan mudah untuk mendapatkan pendapatan tambahan..?</h4> <p>Bergabunglah di interactive telegram group <a href="https://t.me/Yokuhub target="_blank"">@yokuhub</a>, di mana kamu bisa mendapatkan point untuk ditukarkan dengan banyak hadiah menarik <br> hanya dengan berbincang-bincang dan melakukan aktivitas di dalam grup Telegram kami! Hanya dengan beberapa klik, kamu bisa <br> mengubah waktu luangmu menjadi pendapatan tambahan. Bergabunglah dengan <a href="https://t.me/Yokuhub" target="_blank">@yokuhub</a> sekarang dan mulailah menghasilkan hari ini!</p> </div> <!-- <div class="col-lg-6"> <form action="" method="post"> <input type="email" name="email"><input type="submit" value="Subscribe"> </form> </div> --> </div> </div> </div> </footer><!-- End Footer --> <div class="container copyrights_container"> <div class="copyright"> © Copyright <strong><span>YokuHub</span></strong>. 2023 All Rights Reserved </div> <!-- <div class="credits"> <!-- All the links in the footer should remain intact. --> <!-- You can delete the links only if you purchased the pro version. --> <!-- Licensing information: https://bootstrapmade.com/license/ --> <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/flexstart-bootstrap-startup-template/ -- Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> </div> --> </div> <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> <!-- Vendor JS Files --> <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script> <script src="assets/vendor/aos/aos.js"></script> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendor/glightbox/js/glightbox.min.js"></script> <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> <script src="assets/vendor/php-email-form/validate.js"></script> <!-- Template Main JS File --> <script src="assets/js/main.js"></script> </body> </html>