55ok
Mini
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from influtics.temptics.com/checkout.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 04 Aug 2025 08:00:44 GMT -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- libraries CSS -->
<link rel="stylesheet" href="assets/font/flaticon_jio_-_influencer.css">
<link rel="stylesheet" href="assets/vendor/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="assets/vendor/swiper/swiper-bundle.min.css">
<link rel="stylesheet" href="assets/vendor/splide/splide.min.css">
<link rel="stylesheet" href="assets/vendor/plyr/plyr.css">
<link rel="stylesheet" href="assets/vendor/slim-select/slimselect.css">
<link rel="stylesheet" href="assets/vendor/no-ui-slider/nouislider.min.css">
<!-- custom CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- <link rel="stylesheet" href="assets/css/style2.css"> -->
</head>
<body>
<!-- sidebar -->
<div class="jo-sidebar">
<div>
<!-- heading -->
<div class="jo-sidebar__heading d-flex justify-content-between align-items-center">
<a href="#"><img src="assets/img/logo.svg" alt="logo" class="logo"></a>
<button type="button" class="jo-sidebar-close-btn"><i class="flaticon-add-plus-button"></i></button>
</div>
<!-- mobile menu -->
<div class="jo-header-nav-in-mobile"></div>
</div>
<div>
<a href="about.html" class="jo-btn"><i class="flaticon-add-plus-button"></i>Follow Me</a>
<!-- socials -->
<div class="tt-footer-top__socials jo-footer-top__socials jo-sidebar-socials justify-content-start justify-content-sm-end">
<a href="#"><i class="flaticon-facebook-1"></i></a>
<a href="#"><i class="flaticon-twitter"></i></a>
<a href="#"><i class="flaticon-social-media"></i></a>
<a href="#"><i class="flaticon-youtube-1"></i></a>
</div>
</div>
</div>
<!-- HEADER SECTION START -->
<header class="jo-header jo-inner-header">
<a href="index-2.html"><img src="assets/img/logo.svg" alt="logo"></a>
<div class="jo-header-right">
<div class="jo-header-nav">
<div class="to-go-to-sidebar-in-mobile">
<nav>
<a href="index-2.html">Home</a>
<a href="about.html">About Me</a>
<div class="has-sub-menu relative">
<a role="button">Streaming Videos</a>
<ul class="jo-header-submenu">
<li><a href="videos-1.html">Streaming Videos 1</a></li>
<li><a href="videos-2.html">Streaming Videos 2</a></li>
<li><a href="videos-3.html">Streaming Videos 3</a></li>
<li><a href="video-details.html">Streaming Video Details</a></li>
</ul>
</div>
<div class="has-sub-menu relative">
<a role="button">Pages</a>
<ul class="jo-header-submenu">
<li><a href="video-shop.html">Video Shop</a></li>
<li><a href="video-shop-details.html">Video Shop Details</a></li>
<li><a href="service.html">Services</a></li>
<li><a href="service-details.html">Service Details</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="register.html">Sign Up</a></li>
<li><a href="login.html">Sign in</a></li>
<li><a href="pricing.html">Pricing</a></li>
</ul>
</div>
<div class="has-sub-menu relative">
<a role="button">Blog</a>
<ul class="jo-header-submenu">
<li><a href="blog.html">Blogs</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</div>
<a href="contact.html">Contact</a>
</nav>
</div>
</div>
<div class="d-flex gap-2">
<a href="about.html" class="jo-btn"><i class="flaticon-add-plus-button"></i>Follow Me</a>
<button class="jo-header-sidebar-open-btn jo-btn px-3 d-inline-block d-lg-none"><i class="flaticon-menu"></i></button>
</div>
</div>
</header>
<!-- HEADER SECTION END -->
<main>
<!-- BREADCRUMB SECTION START -->
<section class="jo-breadcrumb">
<div class="container">
<h1 class="jo-page-title jo-section-title">Checkout</h1>
<ul class="jo-breadcrumb-nav">
<li><a href="#">Home</a></li>
<li><span>/</span></li>
<li class="current-page">Checkout</li>
</ul>
<div class="jo-circle-box">
<span class="circle-1"><img src="assets/img/social-icon-1.png" alt="Social Media Icon"></span>
<span class="circle-2"><img src="assets/img/social-icon-2.png" alt="Social Media Icon"></span>
<span class="circle-3"><img src="assets/img/social-icon-3.png" alt="Social Media Icon"></span>
<span class="circle-4"><img src="assets/img/social-icon-4.png" alt="Social Media Icon"></span>
</div>
</div>
</section>
<!-- BREADCRUMB SECTION END -->
<!-- CHECKOUT SECTION START -->
<div class="jo-checkout-wrapper">
<form action="#" class="jo-checkout-form">
<div class="form-block">
<h3 class="block-title">Create An Account</h3>
<div><input type="email" name="jo-checkout-email" id="jo-checkout-email" placeholder="Email Address"></div>
<div><input type="password" name="jo-checkout-password" id="jo-checkout-password" placeholder="Enter Password"></div>
<p>Already a Member? <a href="login.html">Sign in</a></p>
</div>
<div class="form-block">
<h3 class="block-title">Billing Information</h3>
<div><input type="text" name="jo-checkout-firstname" id="jo-checkout-firstname" placeholder="First Name"></div>
<div><input type="text" name="jo-checkout-lastname" id="jo-checkout-lastname" placeholder="Last Name"></div>
<div><input type="text" name="jo-checkout-address" id="jo-checkout-address" placeholder="Address"></div>
<div><input type="text" name="jo-checkout-country" id="jo-checkout-country" placeholder="Select Country"></div>
<div><input type="text" name="jo-checkout-postal-code" id="jo-checkout-postal-code" placeholder="Postal Code"></div>
<div><input type="text" name="jo-checkout-phone-number" id="jo-checkout-phone-number" placeholder="Phone Number"></div>
</div>
<div class="form-block">
<h3 class="block-title">Payment Information</h3>
<div class="jo-checkout-payment-methods jo-radio">
<label for="jo-checkout-card">
<input type="radio" name="jo-checkout-payment-method" id="jo-checkout-card" hidden checked>
<span class="content">
<span class="txt">Credit Card</span>
<span class="icon"><img src="assets/img/card-img.png" alt="Credit Card Icon"></span>
</span>
</label>
<label for="jo-checkout-paypal">
<input type="radio" name="jo-checkout-payment-method" id="jo-checkout-paypal" hidden>
<span class="content">
<span class="txt">Paypal</span>
<span class="icon"><img src="assets/img/paypal-img.png" alt="Paypal Icon"></span>
</span>
</label>
<p class="mb-0">This card will be saved to your account.</p>
</div>
<textarea name="jo-checkout-note" id="jo-checkout-note" placeholder="Write a note" class="jo-checkout-note"></textarea>
<div class="jo-checkout-total">
<h4>Total</h4>
<span class="number">$149.00 USD</span>
</div>
<div class="jo-checkout-agreement-wrapper">
<label for="jo-checkout-agreement">
<input type="checkbox" name="jo-checkout-agreement" id="jo-checkout-agreement" hidden checked>
<span class="txt">Yes, I want emails with visual inspiration, special offers and more – I understand I can
opt-out at any time from my account.</span>
</label>
</div>
<button type="submit" class="jo-btn">I Agree & Pay Now</button>
</div>
</form>
</div>
<!-- CHECKOUT SECTION END -->
</main>
<!-- FOOTER SECTION START -->
<footer class="jo-footer">
<div class="jo-container">
<!-- footer top -->
<div class="jo-footer-top">
<div class="row gx-4 gy-sm-5 gy-4 align-items-center">
<div class="col-lg-3 col-6 col-xxs-12">
<a href="index-2.html"><img src="assets/img/logo-white.svg" alt="logo" class="logo"></a>
</div>
<div class="col-lg-6 order-lg-1 order-2">
<!-- nwsltr -->
<form action="#" class="jo-footer-top__nwsltr">
<input type="email" name="jo-nwsltr-email" id="jo-nwsltr-email" placeholder="Email Address">
<button class="jo-btn" type="submit">Get Newsletter</button>
</form>
</div>
<!-- socials -->
<div class="col-lg-3 col-6 col-xxs-12 order-lg-2 order-1">
<div class="tt-footer-top__socials jo-footer-top__socials justify-content-start justify-content-sm-end">
<a href="#"><i class="flaticon-facebook-1"></i></a>
<a href="#"><i class="flaticon-twitter"></i></a>
<a href="#"><i class="flaticon-social-media"></i></a>
<a href="#"><i class="flaticon-youtube-1"></i></a>
</div>
</div>
</div>
</div>
<!-- footer middle -->
<div class="jo-footer-middle">
<div class="row g-4">
<div class="col-xl-4 col-md-6">
<div class="jo-footer-widget jo-footer-contact">
<h5 class="jo-footer-widget__title">Get in Touch</h5>
<a href="mailto:contact.me@gmail.com">contact.me@gmail.com</a>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="jo-footer-widget jo-footer-links">
<h5 class="jo-footer-widget__title">Browse Categories</h5>
<div class="links">
<a href="#">Music</a>
<a href="#">Sports</a>
<a href="#">Gaming</a>
<a href="#">Fashion</a>
<a href="#">Art</a>
<a href="#">Photography</a>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="jo-footer-widget jo-footer-gallery">
<h5 class="jo-footer-widget__title">Instagram feed</h5>
<div class="imgs flex-wrap">
<img src="assets/img/footer-img-1.jpg" alt="Footer Image">
<img src="assets/img/footer-img-2.jpg" alt="Footer Image">
<img src="assets/img/footer-img-3.jpg" alt="Footer Image">
<img src="assets/img/footer-img-4.jpg" alt="Footer Image">
</div>
</div>
</div>
</div>
</div>
<!-- footer bottom -->
<div class="tt-footer-bottom text-center">
<p class="mb-0">Copyright ©2024 Developed by Influtics</p>
</div>
</div>
</footer>
<!-- FOOTER SECTION END -->
<!-- libraries JS -->
<script src="assets/vendor/bootstrap/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/splide/splide.min.js"></script>
<script src="assets/vendor/splide/splide-extension-auto-scroll.min.js"></script>
<script src="assets/vendor/slim-select/slimselect.min.js"></script>
<script src="assets/vendor/plyr/plyr.polyfilled.js"></script>
<script src="assets/vendor/no-ui-slider/nouislider.min.js"></script>
<script src="assets/vendor/fs-lightbox/fslightbox.js"></script>
<!-- custom js -->
<script src="assets/js/main.js"></script>
<script src="assets/js/accordion.js"></script>
</body>
<!-- Mirrored from influtics.temptics.com/checkout.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 04 Aug 2025 08:00:45 GMT -->
</html>
Zerion Mini 1.0