miaokePC
/
index.html

<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->


<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Home</title>
<meta name="description" content="" />
<link rel="stylesheet" href="./assets/css/normalize.min.css">
<link rel="stylesheet" href="./assets/css/reset.min.css">
<!--Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">

<!--vendors styles-->
<link rel="stylesheet" href="./assets/css/font-awesome.min.css">
<link rel="stylesheet" href="./assets/css/slick.min.css">
<link rel="stylesheet" href="./assets/css/slick-theme.min.css">

<!-- Bootstrap CSS / Color Scheme -->
<link rel="stylesheet" href="./assets/css/default.css" id="theme-color">


<link rel="stylesheet" href="./assets/css/swiper.min.css">
<link rel="stylesheet" href="./assets/css/style.min.css">

</head>
<body data-spy="scroll" data-target="#lambda-navbar" data-offset="0">

 <header></header>

<!--hero header-->
<section class="py-7 py-md-0 bg-hero" id="home" style="background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(assets/images/parallex.jpg)">
	<div class="container">
		<div class="row vh-md-100">
			<div class="col-md-7 my-md-auto text-center text-md-left text-white">
				<h1 class="display-3 text-white font-weight-bold">Promote your startup with Lambda</h1>
				<p class="lead text-light my-4">Nam liber tempor cum eleifend option congue nihil imper. Nam liber tempor cum soluta nobis.</p>
				<a href="#signup" class="btn btn-primary page-scroll">Get started now</a>
			</div>
		</div>
	</div>
</section>

<!-- services section -->
<section class="py-7 bg-light" id="services">
	<div class="container">
		<div class="row">
			<div class="col-md-7 col-sm-9 mx-auto text-center">
				<span class="text-muted text-uppercase">Everything you need for PR</span>
				<h2 class="display-4">A complete PR solution for startups</h2>
				<p class="lead">Nam liber tempor cum eleifend option congue nihil imper.
					Nam liber tempor cum soluta nobis.</p>
			</div>
		</div>
		<div class="row p-4 mt-5 bg-white raised-box rounded">
			<div class="col-md-4 col-sm-6 mb-5 text-center">
				<div class="icon-box">
					<div class="icon-box-inner small-xs text-primary">
						<span data-feather="edit-3" width="30" height="30"></span>
					</div>
				</div>
				<h4 class="mt-2">Publish</h4>
				<p class="text-muted">Nam liber tempor cum eleifend option congue nihil imper. Nam liber tempor cum soluta nobis.</p>
			</div>
			<div class="col-md-4 col-sm-6 mb-5 text-center">
				<div class="icon-box">
					<div class="icon-box-inner small-xs text-primary">
						<span data-feather="thumbs-up" width="30" height="30"></span>
					</div>
				</div>
				<h4 class="mt-2">Outreach</h4>
				<p>Nam liber tempor cum eleifend option congue nihil imper. Nam liber tempor cum soluta nobis.</p>
			</div>
			<div class="col-md-4 col-sm-6 mb-5 text-center">
				<div class="icon-box">
					<div class="icon-box-inner small-xs text-primary">
						<span data-feather="users" width="30" height="30"></span>
					</div>
				</div>
				<h4 class="mt-2">Collaborate</h4>
				<p>Nam liber tempor cum eleifend option congue nihil imper. Nam liber tempor cum soluta nobis.</p>
			</div>
			<div class="col-md-4 col-sm-6 mb-5 text-center">
				<div class="icon-box">
					<div class="icon-box-inner small-xs text-primary">
						<span data-feather="globe" width="30" height="30"></span>
					</div>
				</div>
				<h4 class="mt-2">Global</h4>
				<p>Nam liber tempor cum eleifend option congue nihil imper. Nam liber tempor cum soluta nobis.</p>
			</div>
			<div class="col-md-4 col-sm-6 mb-5 text-center">
				<div class="icon-box">
					<div class="icon-box-inner small-xs text-primary">
						<span data-feather="heart" width="30" height="30"></span>
					</div>
				</div>
				<h4 class="mt-2">Premium support</h4>
				<p>Nam liber tempor cum eleifend option congue nihil imper. Nam liber tempor cum soluta nobis.</p>
			</div>
			<div class="col-md-4 col-sm-6 mb-5 text-center">
				<div class="icon-box">
					<div class="icon-box-inner small-xs text-primary">
						<span data-feather="rotate-ccw" width="30" height="30"></span>
					</div>
				</div>
				<h4 class="mt-2">Money-back gaurantee</h4>
				<p>Nam liber tempor cum eleifend option congue nihil imper. Nam liber tempor cum soluta nobis.</p>
			</div>
		</div>
		<div class="row press mt-5">
			<div class="col-12 text-muted small-xl text-uppercase text-center mb-5">We have got our clients covered in</div>
			<div class="press-item col-lg-2 col-md-4 col-6"><a href="#"><img class="img-fluid" src="assets/images/press/press-1.png" alt=""></a></div>
			<div class="press-item col-lg-2 col-md-4 col-6"><a href="#"><img class="img-fluid" src="assets/images/press/press-2.png" alt=""></a></div>
			<div class="press-item col-lg-2 col-md-4 col-6"><a href="#"><img class="img-fluid" src="assets/images/press/press-3.png" alt=""></a></div>
			<div class="press-item col-lg-2 col-md-4 col-6"><a href="#"><img class="img-fluid" src="assets/images/press/press-4.png" alt=""></a></div>
			<div class="press-item col-lg-2 col-md-4 col-6"><a href="#"><img class="img-fluid" src="assets/images/press/press-5.png" alt=""></a></div>
			<div class="press-item col-lg-2 col-md-4 col-6"><a href="#"><img class="img-fluid" src="assets/images/press/press-6.png" alt=""></a></div>
		</div>
	</div>
</section>

<!--features section-->
<section class="py-7" id="features">
	<div class="container ">
		<div class="row">
			<div class="col-md-6 my-auto">
				<img src="assets/images/feature1.png" class="img-fluid d-block mx-auto" alt="Feature 1" />
			</div>
			<div class="col-md-6 my-auto text-center text-md-left pt-5 pt-md-0">
				<h2 class="display-4">Get published in top brands</h2>
				<p class="lead text-muted">Nam liber tempor cum eleifend option congue nihil imper.
					Nam liber tempor cum soluta nobis.</p>
				<ul class="features-list">
					<li>Lorem ipsum dolor sit amet.</li>
					<li>Aenean commodo ligula eget dolor.</li>
					<li>Aenean massa.</li>
					<li>Cum sociis natoque penatibus mus.</li>
				</ul>
				<p class="lead mt-3 text-white">
					<a href="#" class="btn btn-primary btn-sm d-inline-flex flex-row align-items-center">
						See our partners <span class="ml-1" width="18" height="18" data-feather="chevron-right"></span>
					</a>
				</p>
			</div>
		</div>
		<div class="row mt-7">
			<div class="col-md-6 my-auto order-1 order-md-2">
				<img src="assets/images/feature2.png" class="img-fluid d-block mx-auto" alt="Feature 2" />
			</div>
			<div class="col-md-6 my-auto text-center text-md-left pt-5 pt-md-0 order-2 order-md-1">
				<h2 class="display-4">Reach millions of people</h2>
				<p class="lead text-muted">Nam liber tempor cum eleifend option congue nihil imper.
					Nam liber tempor cum soluta nobis.</p>
				<ul class="features-list">
					<li>Lorem ipsum dolor sit amet.</li>
					<li>Aenean commodo ligula eget dolor.</li>
					<li>Aenean massa.</li>
					<li>Cum sociis natoque penatibus mus.</li>
				</ul>
				<p class="lead mt-3 text-white">
					<a href="#" class="btn btn-primary btn-primary d-inline-flex flex-row align-items-center">
						Sign up now <span class="ml-1" width="18" height="18" data-feather="chevron-right"></span>
					</a>
				</p>
			</div>
		</div>
		<div class="row mt-7">
			<div class="col-md-6 my-auto">
				<img src="assets/images/feature3.png" class="img-fluid d-block mx-auto" alt="Feature 3" />
			</div>
			<div class="col-md-6 my-auto text-center text-md-left pt-5 pt-md-0">
				<h2 class="display-4">Dedicated PR maanger for startups</h2>
				<p class="lead text-muted">Nam liber tempor cum eleifend option congue nihil imper.
					Nam liber tempor cum soluta nobis.</p>
				<ul class="features-list">
					<li>Lorem ipsum dolor sit amet.</li>
					<li>Aenean commodo ligula eget dolor.</li>
					<li>Aenean massa.</li>
					<li>Cum sociis natoque penatibus mus.</li>
				</ul>
				<p class="lead mt-3 text-white">
					<a href="#" class="btn btn-primary btn-primary d-inline-flex flex-row align-items-center">
						Contact us <span class="ml-1" width="18" height="18" data-feather="chevron-right"></span>
					</a>
				</p>
			</div>
		</div>
	</div>
</section>

<!-- reviews section -->
<section class="py-7 bg-light" id="reviews">
	<div class="container">
		<div class="row">
			<div class="col-md-6 col-sm-8 mx-auto text-center">
				<span class="text-muted small-xl text-uppercase">Loved by thousands of people</span>
				<h2 class="display-4">What our customers say</h2>
			</div>
		</div>
		<div class="row mt-5">
			<div class="col-md-8 mx-auto review-wrapper slick-reviews">
				<div class="card border-0 review p-5 raised-box">
					<div class="card-body">
						<img src="assets/images/client-1.jpg" class="img-review rounded-circle d-block mx-auto" alt="Client 1"/>
						<p class="quote">Praesent vulputate dolor velit, in condimentum odio pellentesin condimentum odio pellentesque libero.</p>
						<div class="mt-4 small-xl">
							Ryan Siddle &mdash; <span class="text-muted">Google Design</span>
						</div>
						<div class="rating-stars text-primary mt-4">
							<span class="fa fa-star"></span>
							<span class="fa fa-star"></span>
							<span class="fa fa-star"></span>
							<span class="fa fa-star"></span>
							<span class="fa fa-star-half-empty"></span>
						</div>
					</div>
				</div>
				<div class="card border-0 review p-5 raised-box">
					<div class="card-body">
						<img src="assets/images/client-2.jpg" class="img-review rounded-circle d-block mx-auto" alt="Client 2"/>
						<p class="quote">Praesent vulputate dolor velit, in condimentum vulputate odio pellentesin condimentum odio pellentesque libero.</p>
						<div class="mt-4 small-xl">
							Ameli Mao &mdash; <span class="text-muted">Developer</span>
						</div>
						<div class="rating-stars text-primary mt-4">
							<span class="fa fa-star"></span>
							<span class="fa fa-star"></span>
							<span class="fa fa-star"></span>
							<span class="fa fa-star"></span>
							<span class="fa fa-star"></span>
						</div>
					</div>
				</div>
				<div class="card border-0 review p-5 raised-box">
					<div class="card-body">
						<img src="assets/images/client-3.jpg" class="img-review rounded-circle d-block mx-auto" alt="Client 3"/>
						<p class="quote">Praesent vulputate dolor velit, in condimentum odio pellentesin condimentum odio pellentesque libero.</p>
						<div class="mt-4 small-xl">
							Kathrine Jones &mdash; <span class="text-muted">DropBox</span>
						</div>
						<div class="rating-stars text-primary mt-4">
							<span class="fa fa-star"></span>
							<span class="fa fa-star"></span>
							<span class="fa fa-star"></span>
							<span class="fa fa-star"></span>
							<span class="fa fa-star-half-empty"></span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!--pricing section-->
<section class="py-7" id="pricing">
	<div class="container">
		<div class="row">
			<div class="col-md-6 mx-auto text-center">
				<span class="text-muted text-uppercase">Simple pricing</span>
				<h2 class="display-4">Pay only when you need</h2>
				<p class="lead">
					Nam liber tempor cum eleifend option congue nihil imper. Nam liber tempor cum soluta nobis.
				</p>
			</div>
		</div>
		<div class="row mt-5">
			<div class="col-md-11 mx-auto">
				<div class="card-group pricing-table">
					<div class="card text-center bg-light">
						<div class="card-body text-white">
							<h4 class="card-title pt-3">Basic</h4>
							<h2 class="card-title text-primary pt-4">$99</h2>
							<div class="text-muted mt-4">per month</div>
							<ul class="list-unstyled pricing-list">
								<li>1 campaign</li>
								<li>20 media submissions</li>
								<li>Pitch templates</li>
								<li>Basic support</li>
							</ul>
							<a href="#" class="btn btn-primary">
								Get Started
							</a>
						</div>
					</div>
					<div class="card bg-primary text-white text-center">
						<div class="card-body ">
							<h4 class="card-title text-white pt-3">Startup</h4>
							<h2 class="card-title text-white pt-4">$159</h2>
							<div class="text-light mt-4">per month</div>
							<ul class="list-unstyled pricing-list">
								<li>5 campaigns</li>
								<li>50 media submissions</li>
								<li>Pitch templates</li>
								<li>Priority support</li>
							</ul>
							<a href="#" class="btn btn-secondary">
								Get started
							</a>
						</div>
					</div>
					<div class="card text-center bg-light">
						<div class="card-body text-white">
							<h4 class="card-title pt-3">Growth</h4>
							<h2 class="card-title text-primary pt-4">$499</h2>
							<div class="text-muted mt-4">per month</div>
							<ul class="list-unstyled pricing-list">
								<li>10 campaigns</li>
								<li>200 media submissions</li>
								<li>Pitch templates</li>
								<li>Premium support</li>
							</ul>
							<a href="#" class="btn btn-primary">
								Get Started
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row mt-5">
			<div class="col-md-9 mx-auto">
				<div class="row">
					<div class="col-md-4 text-center">
						<div class="icon-box border-box">
							<div class="icon-box-inner p-2 text-primary">
								<span data-feather="umbrella"></span>
							</div>
						</div>
						<h6 class="mb-2">Money-back guarantee</h6>
						<p class="text-muted small-xl">100% money back guarantee within 14 days. No worries.</p>
					</div>
					<div class="col-md-4 text-center">
						<div class="icon-box border-box">
							<div class="icon-box-inner p-2 text-primary">
								<span data-feather="shield"></span>
							</div>
						</div>
						<h6 class="mb-2">Secure payment</h6>
						<p class="text-muted small-xl">Money transfers are protected with a 256-bit SSL Protocol.</p>
					</div>
					<div class="col-md-4 text-center">
						<div class="icon-box border-box">
							<div class="icon-box-inner p-2 text-primary">
								<span data-feather="credit-card"></span>
							</div>
						</div>
						<h6 class="mb-2">Payment methods</h6>
						<p class="text-muted small-xl">Pay with multiple payment methods — credit card, bank transfer or PayPal.</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<!-- faq section -->
<section class="py-7 bg-light" id="faq">
	<div class="container">
		<div class="row">
			<div class="col-md-6 mx-auto text-center">
				<span class="text-muted text-uppercase">Answers to common questions</span>
				<h2 class="display-4">Frequently asked questions</h2>
			</div>
		</div>
		<div class="row mt-5">
			<div class="col-md-9 mx-auto">
				<div class="row mt-4">
					<div class="col-md-6 mb-4">
						<h5>Lorem ipsum dolor sit amet?</h5>
						<p class="text-muted">
							Magnis modipsae que voloratati andigen daepeditem quiate conecus aut labore. Laceaque quiae sitiorem
							rest non restibusaes maio es dem tumquam explabo.
						</p>
					</div>
					<div class="col-md-6 mb-4">
						<h5>Lorem sit andigen daepeditem amet?</h5>
						<p class="text-muted">
							Magnis modipsae que voloratati andigen daepeditem quiate conecus aut labore. Laceaque quiae sitiorem
							rest non restibusaes maio es dem tumquam explabo.
						</p>
					</div>
					<div class="col-md-6 mb-4">
						<h5>Lorem ipsum dolor sit andigen daepeditem amet?</h5>
						<p class="text-muted">
							Magnis modipsae que voloratati andigen daepeditem quiate conecus aut labore. Laceaque quiae sitiorem
							rest non restibusaes maio es dem tumquam explabo.
						</p>
					</div>
					<div class="col-md-6 mb-4">
						<h5>Lorem sit andigen daepeditem amet dem tumquam explabo?</h5>
						<p class="text-muted">
							Magnis modipsae que voloratati andigen daepeditem quiate conecus aut labore. Laceaque quiae sitiorem
							rest non restibusaes maio es dem tumquam explabo.
						</p>
					</div>
					<div class="col-md-6 mb-4">
						<h5>Lorem sit andigen daepeditem amet?</h5>
						<p class="text-muted">
							Magnis modipsae que voloratati andigen daepeditem quiate conecus aut labore. Laceaque quiae sitiorem
							rest non restibusaes maio es dem tumquam explabo.
						</p>
					</div>
					<div class="col-md-6 mb-4">
						<h5>Lorem sit daepeditem amet?</h5>
						<p class="text-muted">
							Magnis modipsae que voloratati andigen daepeditem quiate conecus aut labore. Laceaque quiae sitiorem
							rest non restibusaes maio es dem tumquam explabo.
						</p>
					</div>
				</div>
				<div class="row text-center my-5 ">
					<div class="col-lg-6 col-md-8 mx-auto">
						<div class="font-weight-bold lead">Still have more questions?</div>
						<p class="text-muted">Magnis modipsae que voloratati andigen daepeditem quiate conecus aut labore.</p>
                        <p class="text-white">
<a href="#" class="btn btn-primary btn-sm">
    Get in touch
</a>
                        </p>

					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<!--hero header-->
<section class="py-5 py-md-6 bg-hero inverse" id="signup" style="background-image: url(assets/images/parallex.jpg)">
	<div class="container">
		<div class="row">
			<div class="col-md-6 my-md-auto text-center text-md-left pb-5 pb-md-0">
				<h1 class="display-3 text-white">Grow your business with Lambda</h1>
				<p class="lead text-light">Magnis modipsae que voloratati andigen daepeditem quiate conecus aut labore. Laceaque quiae sitiorem rest non restibusaes maio es dem tumquam explabo.</p>
			</div>
			<div class="col-md-5 ml-auto">
				<div class="card">
					<div class="card-body p-4">
						<form class="signup-form">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="Full name">
							</div>
							<div class="form-group">
								<input type="text" class="form-control" placeholder="Website">
							</div>
							<div class="form-group">
								<input type="email" class="form-control" placeholder="Email address">
							</div>
							<div class="form-group">
								<textarea class="form-control" placeholder="Short description"></textarea>
							</div>
							<div class="form-group">
								<select class="form-control">
									<option value="">Plan type</option>
									<option value="basic">Basic</option>
									<option value="startup">Startup</option>
									<option value="growth">Growth</option>
								</select>
							</div>
							<div class="form-group">
								<button class="btn btn-primary btn-block">Create your account</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<footer class=" relative" id="contact">
   <div class="container">
       <section class="footer  has-bg-columns py-5">

       </section>
   </div>
</footer>


<!--footer / contact-->
<!-- <footer class="py-6 bg-black" id="contact">
	<div class="container">
		<div class="row">
			<div class="col-md-4 col-sm-6">
				<h5 class="text-white">About Lambda</h5>
				<p class="about">Magnis modipsae que voloratati andigen daepeditem quiate conecus aut labore.
					Laceaque quiae sitiorem rest non restibusaes maio es dem tumquam explabo.</p>
				<ul class="list-inline social social-rounded social-sm">
					<li class="list-inline-item">
						<a href=""><i class="fa fa-facebook"></i></a>
					</li>
					<li class="list-inline-item">
						<a href=""><i class="fa fa-twitter"></i></a>
					</li>
					<li class="list-inline-item">
						<a href=""><i class="fa fa-google-plus"></i></a>
					</li>
					<li class="list-inline-item">
						<a href=""><i class="fa fa-dribbble"></i></a>
					</li>
				</ul>
			</div>
			<div class="col-md-2 col-sm-6 ml-auto">
				<h5 class="text-white">Lambda</h5>
				<ul class="list-unstyled mt-4">
					<li><a href="#">About</a></li>
					<li><a href="#">Privacy</a></li>
					<li><a href="#">Terms</a></li>
					<li><a href="#">Blog</a></li>
				</ul>
			</div>
			<div class="col-md-2 col-sm-6">
				<h5 class="text-white">Products</h5>
				<ul class="list-unstyled mt-4">
					<li><a href="#">Publish</a></li>
					<li><a href="#">Outreach</a></li>
					<li><a href="#">Collaborate</a></li>
					<li><a href="#">Global</a></li>
				</ul>
			</div>
			<div class="col-md-2 col-sm-6">
				<h5 class="text-white">Community</h5>
				<ul class="list-unstyled mt-4">
					<li><a href="#">Help forum</a></li>
					<li><a href="#">Slack channel</a></li>
					<li><a href="#">Support</a></li>
					<li><a href="#">Policies</a></li>
				</ul>
			</div>
		</div>
		<div class="row mt-5">
			<div class="col-12 text-muted text-center small-xl">
				<p>Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
			</div>
		</div>
	</div>
</footer> -->

<!--scroll to top-->
<div class="scroll-top">
	<i class="fa fa-angle-up" aria-hidden="true"></i>
</div>

<!-- theme switcher (FOR DEMO ONLY - REMOVE FROM PRODUCTION)-->

<!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="./assets/js/popper.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/feather.min.js"></script>
<script src="./assets/js/slick.min.js"></script>
<script src="./assets/js/scripts.js"></script>
    <script src="./assets/js/main.js"></script>
</body>
</html>