134 lines
7.9 KiB
HTML
134 lines
7.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
<title>Home - LordChannel</title>
|
|
<meta name="description" content="Volete tutto?Avrete tutto!!">
|
|
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aclonica">
|
|
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
|
|
<link rel="stylesheet" href="assets/fonts/simple-line-icons.min.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
|
|
</head>
|
|
|
|
<body style="background-color: rgb(0,0,0);">
|
|
<nav class="navbar navbar-light navbar-expand bg-light navigation-clean" style="background-color: #000000!important;padding: 23px 10px;margin: 17px;">
|
|
<div class="container"><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1" style="background-color: #000000;"></button><a class="navbar-brand" style="color: rgba(255,0,0,0.9);font-size: x-large;font-family: Aclonica, sans-serif;padding: 7px;margin: -89px;">LordChannel</a>
|
|
<div
|
|
class="collapse navbar-collapse" id="navcol-1"><a class="btn btn-primary ml-auto" role="button" href="#" style="margin: -97px;padding: 8px;">Sign In</a></div>
|
|
</div>
|
|
</nav>
|
|
<header class="masthead text-white text-center" style="background:url('assets/img/bg-masthead.jpg')no-repeat center center;background-size:cover;">
|
|
<div class="overlay" style="background-color: rgb(33,37,41);"></div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-9 mx-auto">
|
|
<h1 class="mb-5">Build a landing page for your business or project and generate more leads!</h1>
|
|
</div>
|
|
<div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
|
|
<form>
|
|
<div class="form-row">
|
|
<div class="col-12 col-md-9 mb-2 mb-md-0"><input class="form-control form-control-lg" type="email" placeholder="Enter your email..."></div>
|
|
<div class="col-12 col-md-3"><button class="btn btn-primary btn-block btn-lg" type="submit">Sign up!</button></div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<section class="features-icons bg-light text-center">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
<div class="mx-auto features-icons-item mb-5 mb-lg-0 mb-lg-3">
|
|
<div class="d-flex features-icons-icon"><i class="icon-screen-desktop m-auto text-primary" data-bs-hover-animate="pulse"></i></div>
|
|
<h3>Fully Responsive</h3>
|
|
<p class="lead mb-0">This theme will look great on any device, no matter the size!</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="mx-auto features-icons-item mb-5 mb-lg-0 mb-lg-3">
|
|
<div class="d-flex features-icons-icon"><i class="icon-layers m-auto text-primary" data-bs-hover-animate="pulse"></i></div>
|
|
<h3>Bootstrap 4 Ready</h3>
|
|
<p class="lead mb-0">Featuring the latest build of the new Bootstrap 4 framework!</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="mx-auto features-icons-item mb-5 mb-lg-0 mb-lg-3">
|
|
<div class="d-flex features-icons-icon"><i class="icon-check m-auto text-primary" data-bs-hover-animate="pulse"></i></div>
|
|
<h3>Easy to Use</h3>
|
|
<p class="lead mb-0">Ready to use with your own content, or customize the source files!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="showcase">
|
|
<div class="container-fluid p-0">
|
|
<div class="row no-gutters">
|
|
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image:url("assets/img/bg-showcase-1.jpg");"><span></span></div>
|
|
<div class="col-lg-6 my-auto order-lg-1 showcase-text">
|
|
<h2>Fully Responsive Design</h2>
|
|
<p class="lead mb-0">When you use a theme created with Bootstrap, you know that the theme will look great on any device, whether it's a phone, tablet, or desktop the page will behave responsively!</p>
|
|
</div>
|
|
</div>
|
|
<div class="row no-gutters">
|
|
<div class="col-lg-6 text-white showcase-img" style="background-image:url("assets/img/bg-showcase-2.jpg");"><span></span></div>
|
|
<div class="col-lg-6 my-auto order-lg-1 showcase-text"></div>
|
|
</div>
|
|
<div class="row no-gutters">
|
|
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image:url("assets/img/bg-showcase-3.jpg");"><span></span></div>
|
|
<div class="col-lg-6 my-auto order-lg-1 showcase-text"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="testimonials text-center bg-light">
|
|
<div class="container">
|
|
<h2 class="mb-5">What people are saying...</h2>
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
<div class="mx-auto testimonial-item mb-5 mb-lg-0"><img class="rounded-circle img-fluid mb-3" src="assets/img/testimonials-1.jpg">
|
|
<h5>Margaret E.</h5>
|
|
<p class="font-weight-light mb-0">"This is fantastic! Thanks so much guys!"</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="call-to-action text-white text-center" style="background:url("assets/img/bg-masthead.jpg") no-repeat center center;background-size:cover;">
|
|
<div class="overlay"></div>
|
|
</section>
|
|
<footer class="footer bg-light" style="background-color: #000000!important;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 my-auto h-100 text-center text-lg-left">
|
|
<ul class="list-inline mb-2">
|
|
<li class="list-inline-item"><a href="#">About</a></li>
|
|
<li class="list-inline-item"><span>⋅</span></li>
|
|
<li class="list-inline-item"><a href="#">Contact</a></li>
|
|
<li class="list-inline-item"><span>⋅</span></li>
|
|
<li class="list-inline-item"><a href="#">Terms of Use</a></li>
|
|
<li class="list-inline-item"><span>⋅</span></li>
|
|
<li class="list-inline-item"><a href="#">Privacy Policy</a></li>
|
|
</ul>
|
|
<p class="text-muted small mb-4 mb-lg-0">© LordChannel 2018. All Rights Reserved.</p>
|
|
</div>
|
|
<div class="col-lg-6 my-auto h-100 text-center text-lg-right">
|
|
<ul class="list-inline mb-0">
|
|
<li class="list-inline-item"><a href="#"><i class="fa fa-facebook fa-2x fa-fw"></i></a></li>
|
|
<li class="list-inline-item"><a href="#"><i class="fa fa-twitter fa-2x fa-fw"></i></a></li>
|
|
<li class="list-inline-item"><a href="#"><i class="fa fa-instagram fa-2x fa-fw"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
|
<script src="assets/js/bs-animation.js"></script>
|
|
</body>
|
|
|
|
</html> |