<!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>Slide - Free Bootstrap 4 Multipurpose Landing Page Template</title>
<meta name="description" content="Slide is a beautiful Bootstrap 4 template for multipurpose 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">
<!-- Bootstrap CSS / Color Scheme -->
<link rel="stylesheet" href="css/default.css" id="theme-color">
</head>
<body>
<!--navigation-->
<section class="sticky-top sticky-navigation">
<div class="container">
<nav class="navbar navbar-expand-md navbar-light">
<a class="navbar-brand heading-black" href="index.html">
Slide
</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="#help">Help</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" href="#">
<em data-feather="twitter" width="18" height="18" class="mr-2"></em>
Log in
</a>
</li>
</ul>
</div>
</nav>
</div>
</section>
<!--hero header-->
<section class="pt-6" id="home">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto my-auto text-center">
<span class="text-uppercase text-muted small-xl">Super Simple Page Builder</span>
<h1 class="display-4 mt-2 mb-5">Slide helps you build simple yet visually stunning websites.</h1>
<a href="#" class="btn btn-primary d-inline-flex flex-row align-items-center">
<em data-feather="twitter" width="20" height="20" class="mr-2"></em>
Build your website
</a>
<div class="demo-wrapper text-center">
<a href="#" class="d-flex flex-row align-items-center justify-content-center text-muted demo-sample">
<em data-feather="download-cloud" width="17" height="17" class="mr-2"></em>
Demo landing page
</a>
</div>
</div>
</div>
<div class="row mt-6">
<div class="col-12 text-center illustration">
<!--Illustration by https://undraw.co-->
<svg id="e8345542-4160-463b-841e-d6381701a249" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="auto" viewBox="0 0 1014.92 616.5"><defs><linearGradient id="b96c1e95-21f7-460f-8fe8-281b03b6a731" x1="223" y1="366.33" x2="223" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="gray" stop-opacity="0.25"></stop><stop offset="0.54" stop-color="gray" stop-opacity="0.12"></stop><stop offset="1" stop-color="gray" stop-opacity="0.1"></stop></linearGradient><linearGradient id="fdf2261c-aea2-449f-acb5-ed46fbfe76ac" x1="315" y1="481.74" x2="315" y2="115.42" gradientTransform="matrix(-1, 0, 0, 1, 1106.92, -115.42)" xlink:href="#b96c1e95-21f7-460f-8fe8-281b03b6a731"></linearGradient><linearGradient id="bdb7606e-5185-43e5-b133-41bac9927d37" x1="508" y1="616.5" x2="508" y2="159.83" xlink:href="#b96c1e95-21f7-460f-8fe8-281b03b6a731"></linearGradient></defs><title>windows</title><g opacity="0.5"><rect width="446" height="366.33" fill="url(#b96c1e95-21f7-460f-8fe8-281b03b6a731)"></rect></g><rect x="5.2" y="6.93" width="434.74" height="353.34" fill="#f2f2f2"></rect><rect x="5.2" y="6.93" width="434.74" height="78.81" fill="#e0e0e0"></rect><rect x="5.2" y="6.93" width="434.74" height="78.81" opacity="0.1"></rect><rect x="39.84" y="114.31" width="365.46" height="45.9" fill="#e0e0e0"></rect><rect x="39.84" y="194.85" width="266.73" height="15.59" fill="#e0e0e0"></rect><rect x="39.84" y="221.7" width="173.2" height="15.59" fill="#e0e0e0"></rect><rect x="39.84" y="248.55" width="228.63" height="15.59" fill="#e0e0e0"></rect><rect x="39.84" y="275.39" width="266.73" height="15.59" fill="#e0e0e0"></rect><rect x="39.84" y="302.24" width="89.2" height="15.59" fill="#e0e0e0"></rect><g opacity="0.5"><rect x="568.92" width="446" height="366.33" fill="url(#fdf2261c-aea2-449f-acb5-ed46fbfe76ac)"></rect></g><rect x="666.98" y="122.35" width="434.74" height="353.34" transform="translate(1676.71 482.61) rotate(-180)" fill="#f2f2f2"></rect><rect x="666.98" y="122.35" width="434.74" height="78.81" transform="translate(1676.71 208.08) rotate(-180)" fill="#e0e0e0"></rect><rect x="666.98" y="122.35" width="434.74" height="78.81" transform="translate(1676.71 208.08) rotate(-180)" opacity="0.1"></rect><rect x="701.62" y="229.73" width="365.46" height="45.9" transform="translate(1676.71 389.95) rotate(-180)" fill="#e0e0e0"></rect><rect x="800.35" y="310.27" width="266.73" height="15.59" transform="translate(1775.43 520.72) rotate(-180)" fill="#e0e0e0"></rect><rect x="893.88" y="337.12" width="173.2" height="15.59" transform="translate(1868.96 574.41) rotate(-180)" fill="#e0e0e0"></rect><rect x="838.45" y="363.97" width="228.63" height="15.59" transform="translate(1813.54 628.1) rotate(-180)" fill="#e0e0e0"></rect><rect x="800.35" y="390.81" width="266.73" height="15.59" transform="translate(1775.43 681.79) rotate(-180)" fill="#e0e0e0"></rect><rect x="977.88" y="417.66" width="89.2" height="15.59" transform="translate(1952.97 735.49) rotate(-180)" fill="#e0e0e0"></rect><g opacity="0.5"><rect x="230" y="89.83" width="556" height="456.68" fill="url(#bdb7606e-5185-43e5-b133-41bac9927d37)"></rect></g><rect x="236.48" y="98.46" width="541.97" height="440.48" fill="#fff"></rect><rect class="color" x="236.48" y="98.46" width="541.97" height="98.24" fill="#ffd700"></rect><rect x="279.66" y="232.33" width="455.6" height="57.22" fill="#f5f5f5"></rect><rect x="279.66" y="332.74" width="332.52" height="19.43" fill="#e0e0e0"></rect><rect x="279.66" y="366.21" width="215.92" height="19.43" fill="#e0e0e0"></rect><rect x="279.66" y="399.67" width="285.02" height="19.43" fill="#e0e0e0"></rect><rect x="279.66" y="433.14" width="332.52" height="19.43" fill="#e0e0e0"></rect><rect x="279.66" y="466.61" width="111.2" height="19.43" fill="#e0e0e0"></rect
简洁在线信息单页面模板-适配移动端&PC端-HTML网站源码.zip （17个子文件） 
简洁在线信息单页面模板-适配移动端&PC端-HTML网站源码 html js 
scripts.js 2KB img 
parallex.jpg 243KB mockup.jpeg 119KB parallex2.jpg 241KB css green.css 184KB black.css 184KB default.css 184KB purple.css 184KB cyan.css 184KB teal.css 184KB pink.css 184KB blue.css 184KB indigo.css 184KB red.css 184KB scss _variables.scss 22KB _custom.scss 9KB
index.html 24KB资源评论
