<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Responsive bootstrap landing template">
<meta name="author" content="Coderthemes">
<link rel="shortcut icon" href="images/favicon.ico">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2938364022881519"
crossorigin="anonymous"></script>
<title>Caxos - Responsive Multipurpose Landing Page </title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/remixicon.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<style>
.affiliate-widget {
border: 1px solid #ccc;
padding: 20px;
width: 300px;
text-align: center;
font-family: Arial, sans-serif;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin: 20px auto;
}
.affiliate-widget h3 {
margin-top: 0;
color: #333;
}
.affiliate-widget a {
display: inline-block;
padding: 10px 20px;
margin-top: 10px;
background-color: #4CAF50;
color: white;
text-decoration: none;
border-radius: 5px;
}
.affiliate-widget a:hover {
background-color: #45a049;
}
</style>
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZE2H4HY1ES"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-ZE2H4HY1ES');
</script>
<body>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2938364022881519"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-2938364022881519"
data-ad-slot="3797379120"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<nav class="navbar navbar-expand-lg fixed-top navbar-custom navbar-default navbar-light navbar-custom-dark bg-transparent sticky">
<div class="container">
<!-- LOGO -->
<a class="navbar-brand logo" href="index.html">
<img src="images/logo_white.png" class="logo logo-white" alt="logo">
<img src="images/logo.png" class="logo logo-dark" alt="logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="nav navbar-nav ml-auto navbar-center" id="mySidenav">
<li class="nav-item">
<a href="#home" class="nav-link scroll">Home</a>
</li>
<li class="nav-item">
<a href="#features" class="nav-link scroll">Features</a>
</li>
<li class="nav-item">
<a href="#pricing" class="nav-link scroll">Pricing</a>
</li>
<li class="nav-item">
<a href="/Patcher.exe" class="nav-link scroll">Clients</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="section-lg home-alt bg-img" id="home">
<div class="bg-overlay-gradient bg-overlay"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="home-wrapper text-center">
<p class="text-white-50">Creative Landing Page Template</p>
<div class="">
<h1 class="font-weight-medium">Here is the best way to present your apps</h1>
</div>
<a href="#" class="btn btn-primary mt-4">Get Started <i class="ri-arrow-right-line align-middle"></i></a>
</div>
</div>
</div>
</div>
</section>
<div class="position-relative">
<div class="shape overflow-hidden text-white">
<svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
</svg>
</div>
</div>
<section>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="facts-box text-center">
<div class="row">
<div class="col-sm-3 col-6">
<h3>952</h3>
<p class="text-muted">Completed Projects</p>
</div>
<div class="col-sm-3 col-6">
<h3>485</h3>
<p class="text-muted">Happy Clients</p>
</div>
<div class="col-sm-3 col-6">
<h3>98,254</h3>
<p class="text-muted">Total Download</p>
</div>
<div class="col-sm-3 col-6">
<h3>3,542</h3>
<p class="text-muted">Cup Of Coffee</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="clearfix"></div>
<section class="section" id="features">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-4 col-sm-6">
<div class="features-box card shadow-none bg-light p-4 mb-4">
<div class="media">
<div class="mr-4">
<i class="ri-stack-line h2 m-0 text-primary"></i>
</div>
<div class="media-body">
<h3 class="mt-0">Strategy Solutions</h3>
<p class="text-muted w-100 mb-0">We put a lot of effort in design, as it’s the ut perspiciatis unde omnis iste natus error sit.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="features-box card shadow-none bg-light p-4 mb-4">
<div class="media">
<div class="mr-4">
<i class="ri-customer-service-2-fill h2 m-0 text-primary"></i>
</div>
<div class="media-body">
<h3 class="mt-0">Dedicated Support</h3>
<p class="text-muted w-100 mb-0">We put a lot of effort in design, as it’s the ut perspiciatis unde omnis iste natus error sit.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="features-box card shadow-none bg-light p-4 mb-4">
<div class="media">
<div class="mr-4">
<i class="ri-pencil-ruler-2-line h2 m-0 text-primary"></i>
</div>
<div class="media-body">
<h3 class="mt-0">Digital Design</h3>
<p class="text-muted w-100 mb-0">We put a lot of effort in design, as it’s the ut perspiciatis unde omnis iste natus error sit.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="features-box card shadow-none bg-light p-4 mb-4">
<div class="media">
<div class="mr-4">
<i class="ri-tablet-line h2 m-0 text-primary"></i>
</div>
<div class="media-body">
<h3 class="mt-0">Responsive Layouts</h3>
<p class="text-muted w-100 mb-0">We put a lot of effort in design, as it’s the ut perspiciatis unde omnis iste natus error sit.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="features-box card shadow-none bg-light p-4 mb-4">
<div class="media">
<div class="mr-4">
<i class="ri-list-settings-line h2 m-0 text-primary"></i>
</div>
<div class="media-body">
<h3 class="mt-0">Easy to customize</h3>
<p class="text-muted w-100 mb-0">We put a lot of effort in design, as it’s the ut perspiciatis unde omnis iste natus error sit.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-10 text-center">
<img src="images/graphic-1.png" alt="" class="img-fluid">
</div>
</div>
</div>
</section>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2938364022881519"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-2938364022881519"
data-ad-slot="3797379120"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<section class="section bg-light" id="pricing">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<h2 class="title">Simple Pricing</h2>
<p class="title-alt">Looks beautiful & ultra-sharp on Retina Screen Displays. Retina Icons, Fonts & all <br/> others graphics are optimized.</p>
</div>
</div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2938364022881519"
crossorigin="anonymous"></script>
<!-- Ads2 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-2938364022881519"
data-ad-slot="7911076111"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2938364022881519"
crossorigin="anonymous"></script>
<!-- Ads2 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-2938364022881519"
data-ad-slot="7911076111"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="row">
<!--Pricing Column-->
<div class="pricing-column col-lg-4">
<div class="card border-0 inner-box p-0 box-shadow">
<div class="card-body">
<div class="plan-header p-2">
<div class="media">
<div class="mr-3">
<i class="ri-stack-line h2 text-primary m-0"></i>
</div>
<div class="media-body align-self-center">
<h3 class="plan-title text-dark font-weight-medium m-0">Basic</h3>
</div>
</div>
</div>
<ul class="plan-stats list-unstyled text-muted">
<li> <i class="ri-arrow-right-s-line mr-2 text-primary"></i>10 GB Storege</li>
<li> <i class="ri-arrow-right-s-line mr-2 text-primary"></i>500 GB Bandwidth</li>
<li> <i class="ri-arrow-right-s-line mr-2 text-primary"></i>Email Support</li>
<li> <i class="ri-arrow-right-s-line mr-2 text-primary"></i>24x7 Support</li>
</ul>
<div class="text-center">
<h2 class="mt-0">$19 / <span class="plan-duration">Per Month</span></h2>
</div>
<div class="text-center my-4 pt-3">
<a href="#" class="btn btn-sm btn-dark">Signup Now</a>
</div>
</div>
</div>
</div>
<!--Pricing Column-->
<div class="pricing-column col-lg-4">
<div class="card border-0 inner-box p-0 box-shadow active">
<div class="card-body">
<div class="plan-header p-2">
<div class="media">
<div class="mr-3">
<i class="ri-bookmark-3-line h2 text-primary m-0"></i>
</div>
<div class="media-body align-self-center">
<h3 class="plan-title text-dark font-weight-medium m-0">Premium</h3>
</div>
</div>
</div>
<ul class="plan-stats list-unstyled text-muted">
<li> <i class="ri-arrow-right-s-line mr-2 text-primary"></i>10 GB Storege</li>
<li> <i class="ri-arrow-right-s-line mr-2 text-primary"></i>500 GB Bandwidth</li>
<li> <i class="ri-arrow-right-s-line mr-2 text-primary"></i>Email Support</li>
<li> <i class="ri-arrow-right-s-line mr-2 text-primary"></i>24x7 Support</li>
</ul>
<div class="text-center">
<h2 class="mt-0">$29 / <span class="plan-duration">Per Month</span></h2>
</div>
<div class="text-center my-4 pt-3">
<a href="#" class="btn btn-sm btn-primary">Signup Now</a>
</div>
</div>
</div>
</div>
<!--Pricing Column-->
<div class="pricing-column col-lg-4">
<div class="card border-0 inner-box p-0 box-shadow">
<div class="card-body">
<div class="plan-header p-2">
<div class="media">
<div class="mr-3">
<i class="ri-user-received-line h2 text-primary m-0"></i>
</div>
<div class="media-body align-self-center">
<h3 class="plan-title text-dark font-weight-medium m-0">Developer</h3>
</div>
</div>
</div>
<ul class="plan-stats list-unstyled text-muted">
<li> <i class="ri-arrow-right-s-line mr-2 text-primary"></i>10 GB Storege</li>
<li> <i class="ri-arrow-right-s-line mr-2 text-primary"></i>500 GB Bandwidth</li>
<li> <i class="ri-arrow-right-s-line mr-2 text-primary"></i>Email Support</li>
<li> <i class="ri-arrow-right-s-line mr-2 text-primary"></i>24x7 Support</li>
</ul>
<div class="text-center">
<h2 class="mt-0">$39 / <span class="plan-duration">Per Month</span></h2>
</div>
<div class="text-center my-4 pt-3">
<a href="#" class="btn btn-sm btn-dark">Signup Now</a>
</div>
</div>
</div>
</div>
</div>
</div><!-- end col -->
</div>
<!-- end row -->
</div>
</section>
<!-- Client section start -->
<section class="section" id="clients">
<div class="container">
<div class="row text-center">
<div class="col-sm-12">
<div class="mb-4">
<img src="images/quote-icon.png" alt="quote" class="mx-auto d-block">
</div>
<h2 class="title">Trusted by Thousands</h2>
<p class="slogan">Lorem ipsum dolor sit amet, consectetur adipis.</p>
<div class="row justify-content-center mt-5">
<div class="col-lg-8 text-center">
<div>
<h4 class="testi-text">I have been using this template for all my company needs for the last 3 years and couldn’t be happier with their service and expertise. They’ve surpassed all of my expectations and customer service!</h4>
<div>
<div class="mt-4 mb-2">
<img src="images/user-1.jpg" alt="testi-user" class="rounded-circle mx-auto d-block testi-img">
</div>
<p><strong>Mark Wainright</strong> <br>
CEO & Founder of Another Great Company</p>
</div>
</div>
</div>
</div>
<ul class="list-inline client-list">
<li class="list-inline-item"><a href="" title="Microsoft"><img src="images/clients/microsoft.png" alt="clients"></a></li>
<li class="list-inline-item"><a href="" title="Google"><img src="images/clients/google.png" alt="clients"></a></li>
<li class="list-inline-item"><a href="" title="Instagram"><img src="images/clients/instagram.png" alt="clients"></a></li>
<li class="list-inline-item"><a href="" title="Converse"><img src="images/clients/converse.png" alt="clients"></a></li>
</ul>
</div> <!-- end Col -->
</div>
<!-- end row -->
</div>
<!-- end container -->
</section>
<!-- Client section end -->
<!-- Custom HTML Widget -->
<div class="affiliate-widget">
<h3>Check out this amazing offer!</h3>
<p>Don't miss out on this great deal. Click the button below to learn more.</p>
<a href="https://www.highrevenuenetwork.com/gszbya7yrf?key=7762bef5229450cd9e61e13d711fadff" target="_blank">Click Here</a>
</div>
<div class="position-relative">
<div class="shape overflow-hidden text-footer">
<svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="#343a40"></path>
</svg>
</div>
</div>
<!-- Footer start -->
<footer class="bg-dark footer-one">
<div class="container">
<div class="row">
<div class="col-lg-4">
<img src="images/logo_white.png" alt="logo" class="footer-logo" height="22">
<p class="about-text mt-4 pt-1">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC,making it over 2000 years old.</p>
</div>
<div class="col-lg-2 col-sm-6">
<h5>Company</h5>
<ul class="list-unstyled">
<li><a href="">About Us</a></li>
<li><a href="">Features</a></li>
<li><a href="">FAQ</a></li>
<li><a href="">Services</a></li>
</ul>
</div>
<div class="col-lg-2 col-sm-6">
<h5>Support</h5>
<ul class="list-unstyled">
<li><a href="">Help & Support</a></li>
<li><a href="">Privacy Policy</a></li>
<li><a href="">Terms & Conditions</a></li>
</ul>
</div>
<div class="col-lg-4">
<div>
<h5>Contact us</h5>
<ul class="list-unstyled">
<li><strong class="font-secondary font-14">Address:</strong> 795 Folsom Ave, Suite 600 CA 94107</li>
<li><strong class="font-secondary font-14">Phone:</strong> (123) 456-7890, 123-4567 89 </li>
<li><strong class="font-secondary font-14">Email:</strong> <a href="mailto:first.last@example.com">first.last@example.com</a></li>
</ul>
</div>
</div>
</div> <!-- end row -->
</div>
<!-- end container -->
<div class="footer-one-alt">
<div class="container">
<div class="row">
<div class="col-sm-6">
<p class="m-b-0 font-13 copyright">© 2020 Caxos. Design by Coderthemes</p>
</div>
<div class="col-sm-6">
<ul class="list-inline footer-social-one m-b-0 float-right">
<li class="list-inline-item"><a href="#"><i class="ri-facebook-line"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="ri-twitter-line"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="ri-linkedin-line"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="ri-dribbble-line"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="ri-skype-line"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer end -->
<!-- js placed at the end of the document so the pages load faster -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/scrollspy.min.js"></script>
<script src="js/nav-sticky.init.js"></script>
<!-- Jquery easing -->
<script src="js/jquery.easing.min.js"></script>
<!--common script for all pages-->
<script src="js/jquery.app.js"></script>
</body>
</html>
57
7
376KB
1125KB
1,196.0ms
800.0ms
1,495.0ms