<!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>Calay - Free Bootstrap 4 Product Landing Page Template</title>
<meta name="description" content="Calay is a beautiful Bootstrap 4 template for product landing pages." />
<!--Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Cabin:300,400,600,700" 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 data-spy="scroll" data-target="#calay-navbar" data-offset="0">
<!--navigation-->
<nav class="navbar navbar-expand-md navbar-dark navbar-transparent fixed-top sticky-navigation" id="calay-navbar">
<a class="navbar-brand" href="index.html">
Calay
</a>
<button class="navbar-toggler navbar-toggler-right text-white" 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="#home">Home <span class="sr-only">(current)</span></a>
</li>
<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="#team">Team</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>
<!--hero header-->
<section class="bg-hero py-7 py-md-0" id="home">
<div class="container">
<div class="row vh-md-100">
<div class="col-md-8 mx-auto my-auto text-white text-center">
<p class="bg-transparent-alt d-inline small">
<span class="badge badge-light mr-2">New</span> Sign up today and get 50% OFF
</p>
<h1 class="text-white mt-4 mt-md-6">Build for humans, not for robots.</h1>
<p class="h5 text-white mb-5 font-weight-bold">
Calay is for <span class="typist" data-typist="Creators, Developers, Entrepreneurs">Creators</span>
</p>
<a href="#pricing" class="btn btn-secondary d-inline-flex flex-row align-items-center page-scroll mb-3 mb-md-0">
<span class="mr-2" data-feather="user" width="20" height="20"></span>
Create Account
</a>
<a href="#" class="btn btn-outline-secondary ml-2 d-inline-flex flex-row align-items-center">
<span class="mr-2" data-feather="play" width="20" height="20"></span>
Watch Video
</a>
</div>
</div>
</div>
</section>
<!-- press section -->
<section class="bg-light py-4">
<div class="container text-center">
<div class="row press">
<div class="col-12 text-muted small text-uppercase font-weight-bold mb-4">Calay has been featured on</div>
<div class="press-item col-lg-2 col-md-4 col-6"><a href="#"><img class="img-fluid" src="img/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="img/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="img/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="img/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="img/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="img/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-7 mx-auto text-center">
<h2 class="text-primary">What Calay offers?</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">
<div class="col-md-6 mb-5">
<div class="media">
<div class="icon-box">
<div class="icon-box-inner small-xs text-primary">
<span data-feather="zap" width="30" height="30"></span>
</div>
</div>
<div class="media-body">
<h5 class="mt-0 mb-3">Quick setup</h5>
Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere me doming.
</div>
</div>
</div>
<div class="col-md-6 mb-5">
<div class="media">
<div class="icon-box">
<div class="icon-box-inner small-xs text-primary">
<span data-feather="settings" width="30" height="30"></span>
</div>
</div>
<div class="media-body">
<h5 class="mt-0 mb-3">Super customizable</h5>
Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere me doming.
</div>
</div>
</div>
<div class="col-md-6 mb-5">
<div class="media">
<div class="icon-box">
<div class="icon-box-inner small-xs text-primary">
<span data-feather="clock" width="30" height="30"></span>
</div>
</div>
<div class="media-body">
企业级网站源码-产品功能业务发展网页模板-响应式适配移动端.zip
版权申诉
2 浏览量
2024-03-20
10:09:19
上传
评论
收藏 501KB ZIP 举报
企业级网站源码-产品功能业务发展网页模板-响应式适配移动端.zip （24个子文件） 
企业级网站源码-产品功能业务发展网页模板-响应式适配移动端 html js 
scripts.js 2KB img press 
press-1.png 3KB press-6.png 3KB press-5.png 2KB press-3.png 4KB press-4.png 2KB press-2.png 2KB
team-3.jpg 50KB team-1.jpg 57KB team-2.jpg 56KB team-4.jpg 73KB css green.css 178KB black.css 178KB default.css 178KB purple.css 178KB cyan.css 178KB teal.css 178KB pink.css 178KB blue.css 178KB indigo.css 178KB orange.css 178KB scss _variables.scss 22KB _custom.scss 8KB
index.html 25KB资源评论
DTcode7
- 粉丝: 9672
- 资源: 4699
