<!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>Knight - Free Bootstrap 4 Product Landing Page Template</title>
<meta name="description"
content="Knight is a beautiful Bootstrap 4 template for product landing pages."/>
<!--Inter UI font-->
<link href="https://rsms.me/inter/inter-ui.css" rel="stylesheet">
<!--vendors styles-->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/slick-carousel/1.8.1/slick.min.css">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css">
<!-- Bootstrap CSS / Color Scheme -->
<link rel="stylesheet" href="css/default.css" id="theme-color">
</head>
<body>
<!--navigation-->
<section class="smart-scroll">
<div class="container-fluid">
<nav class="navbar navbar-expand-md navbar-dark">
<a class="navbar-brand heading-black" href="index.html">
Knight
</a>
<button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse"
data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false"
aria-label="Toggle navigation">
<span data-feather="grid"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link page-scroll" href="#features">Features</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#pricing">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#faq">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll d-flex flex-row align-items-center text-primary" href="#">
<em data-feather="layout" width="18" height="18" class="mr-2"></em>
Try Generator
</a>
</li>
</ul>
</div>
</nav>
</div>
</section>
<!--hero header-->
<section class="py-7 py-md-0 bg-hero" id="home">
<div class="container">
<div class="row vh-md-100">
<div class="col-md-8 col-sm-10 col-12 mx-auto my-auto text-center">
<h1 class="heading-black text-capitalize">Quickly build landing pages with Knight</h1>
<p class="lead py-3">Knight is a platform that helps freelancers and companies build beautiful landing
pages in minutes. Sign up for free.</p>
<button class="btn btn-primary d-inline-flex flex-row align-items-center">
Get started now
<em class="ml-2" data-feather="arrow-right"></em>
</button>
</div>
</div>
</div>
</section>
<!-- features section -->
<section class="pt-6 pb-7" id="features">
<div class="container">
<div class="row">
<div class="col-md-6 mx-auto text-center">
<h2 class="heading-black">Knight offers everything you need.</h2>
<p class="text-muted lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in nisi
commodo, tempus odio a, vestibulum nibh.</p>
</div>
</div>
<div class="row mt-5">
<div class="col-md-10 mx-auto">
<div class="row feature-boxes">
<div class="col-md-6 box">
<div class="icon-box box-primary">
<div class="icon-box-inner">
<span data-feather="edit-3" width="35" height="35"></span>
</div>
</div>
<h5>Create once. Share everywhere.</h5>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in
nisi commodo, tempus odio a, vestibulum nibh.</p>
</div>
<div class="col-md-6 box">
<div class="icon-box box-success">
<div class="icon-box-inner">
<span data-feather="monitor" width="35" height="35"></span>
</div>
</div>
<h5>Unlimited devices</h5>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in
nisi commodo, tempus odio a, vestibulum nibh.</p>
</div>
<div class="col-md-6 box">
<div class="icon-box box-danger">
<div class="icon-box-inner">
<span data-feather="layout" width="35" height="35"></span>
</div>
</div>
<h5>Beautiful tempates & layouts</h5>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in
nisi commodo, tempus odio a, vestibulum nibh.</p>
</div>
<div class="col-md-6 box">
<div class="icon-box box-info">
<div class="icon-box-inner">
<span data-feather="globe" width="35" height="35"></span>
</div>
</div>
<h5>Available globally</h5>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in
nisi commodo, tempus odio a, vestibulum nibh.</p>
</div>
</div>
</div>
</div>
<div class="row mt-6">
<div class="col-md-6 mr-auto">
<h2>Knight is more than just a page builder.</h2>
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis pulvinar vestibulum. Donec eleifend, sem sed dictum mattis, turpis purus placerat eros.</p>
<a href="#" class="btn btn-light">
Try the live demo
</a>
</div>
<div class="col-md-5">
<div class="slick-about">
<img src="img/blog-1.jpg" class="img-fluid rounded d-block mx-auto" alt="Work 1"/>
<img src="img/blog-2.jpg" class="img-fluid rounded d-block mx-auto" alt="Work 2"/>
<img src="img/blog-3.jpg" class="img-fluid rounded d-block mx-auto" alt="Work 3"/>
</div>
</div>
</div>
</div>
</section>
<!--pricing section-->
<section class="py-7 bg-dark section-angle top-right bottom-right" id="pricing">
<div class="container">
<div class="row">
<div class="col-md-6 mx-auto text-center">
<h2 class="text-white heading-black">Choose your pricing plan.</h2>
<p class="text-light lead">Simply pricing - 7 Days free trial</p>
</div>
</div>
<!--pricing tables-->
<div class="row pt-5 pricing-table">
<div class="col-12 mx-auto">
<div cl
企业级网站源码-黑色商务业务展示网页模板-响应式适配移动端.zip
版权申诉
27 浏览量
2024-03-20
10:10:44
上传
评论
收藏 714KB ZIP 举报
企业级网站源码-黑色商务业务展示网页模板-响应式适配移动端.zip （19个子文件） 
企业级网站源码-黑色商务业务展示网页模板-响应式适配移动端 html js 
scripts.js 2KB img 
blog-1.jpg 76KB blog-2.jpg 62KB
brands.png 54KB mockup.png 101KB blog-3.jpg 160KB css green.css 195KB default.css 195KB purple.css 195KB cyan.css 195KB pink.css 195KB blue.css 195KB indigo.css 195KB orange.css 195KB red.css 195KB yellow.css 195KB scss _variables.scss 23KB _custom.scss 11KB
index.html 21KB资源评论
