<!DOCTYPE html>
<html lang="en">
<head>
<title>Exclusivity - Free Bootstrap 4 Template</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Free Template" />
<meta name="keywords" content="free bootstrap 4, free bootstrap 4 template, free website templates, free html5, free template, free website template, html5, css3, mobile first, responsive" />
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-target="#ftco-navbar" data-offset="200">
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
<div class="container">
<a class="navbar-brand" href="index.html">Exclusivity</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="oi oi-menu"></span> Menu
</button>
<div class="collapse navbar-collapse" id="ftco-nav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"><a href="#section-home" class="nav-link">Home</a></li>
<li class="nav-item"><a href="#section-features" class="nav-link">Features</a></li>
<li class="nav-item"><a href="#section-services" class="nav-link">Services</a></li>
<li class="nav-item"><a href="#section-pricing" class="nav-link">Pricing</a></li>
<li class="nav-item"><a href="#section-about" class="nav-link">About</a></li>
<li class="nav-item"><a href="#section-contact" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- END nav -->
<section class="ftco-cover ftco-slant" style="background-image: url(images/bg_3.jpg);" id="section-home">
<div class="container">
<div class="row align-items-center justify-content-center text-center ftco-vh-100">
<div class="col-md-10">
<h1 class="ftco-heading ftco-animate">We Love One Page Template</h1>
<h2 class="h5 ftco-subheading mb-5 ftco-animate">A free template</h2>
<p><a href="#" target="_blank" class="btn btn-primary ftco-animate">Get Started</a></p>
</div>
</div>
</div>
</section>
<section class="ftco-section bg-light ftco-slant ftco-slant-white" id="section-features">
<div class="container">
<div class="row">
<div class="col-md-12 text-center mb-5 ftco-animate">
<h2 class="text-uppercase ftco-uppercase">Our Awesome Features</h2>
<div class="row justify-content-center">
<div class="col-md-7">
<p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="media d-block mb-4 text-center ftco-media p-md-5 p-4 ftco-animate">
<div class="ftco-icon mb-3"><span class="oi oi-thumb-up display-4 text-muted"></span></div>
<div class="media-body">
<h5 class="mt-0">Free Bootstrap 4</h5>
<p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<p class="mb-0"><a href="#" class="btn btn-primary btn-sm">Learn More</a></p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="media d-block mb-4 text-center ftco-media p-md-5 p-4 ftco-animate">
<div class="ftco-icon mb-3"><span class="oi oi-bolt display-4 text-muted"></span></div>
<div class="media-body">
<h5 class="mt-0">Fast Loading</h5>
<p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<p class="mb-0"><a href="#" class="btn btn-primary btn-sm">Learn More</a></p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="media d-block mb-4 text-center ftco-media p-md-5 p-4 ftco-animate">
<div class="ftco-icon mb-3"><span class="oi oi-person display-4 text-muted"></span></div>
<div class="media-body">
<h5 class="mt-0">Designer & Developer</h5>
<p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<p class="mb-0"><a href="#" class="btn btn-primary btn-sm">Learn More</a></p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="media d-block mb-4 text-center ftco-media p-md-5 p-4 ftco-animate">
<div class="ftco-icon mb-3"><span class="oi oi-code display-4 text-muted"></span></div>
<div class="media-body">
<h5 class="mt-0">Clean Code</h5>
<p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<p class="mb-0"><a href="#" class="btn btn-primary btn-sm">Learn More</a></p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="media d-block mb-4 text-center ftco-media p-md-5 p-4 ftco-animate">
<div class="ftco-icon mb-3"><span class="oi oi-magnifying-glass display-4 text-muted"></span></div>
<div class="media-body">
<h5 class="mt-0">Search Engine</h5>
<p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<p class="mb-0"><a href="#" class="btn btn-primary btn-sm">Learn More</a></p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="media d-block mb-4 text-center ftco-media p-md-5 p-4 ftco-animate">
<div class="ftco-icon mb-3"><span class="oi oi-phone display-4 text-muted"></span></div>
<div class="media-body">
<h5 class="mt-0">Fully Responsive</h5>
<p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<p class="mb-0"><a href="#" class="btn btn-primary btn-sm">Learn More</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END section -->
<section class="ftco-section ftco-slant" id="section-services">
<div class="container">
<div class="row">
<div class="col-md-12 text-center ftco-animate">
<h2 class="text-uppercase ftco-uppercase">Services</h2>
<div class="row justify-content-center mb-5">
<div class="col-md-7">
<p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
</div>
</div>
</div>
</div>
<!-- END row -->
<div class="row">
<div class="col-lg-4 mb
没有合适的资源?快使用搜索试试~ 我知道了~
简约产品功能单页面模板-适配移动端&PC端-HTML网站源码.zip
共35个文件
js:10个
css:7个
jpg:5个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 82 浏览量
2024-03-31
13:26:27
上传
评论
收藏 849KB ZIP 举报
温馨提示
这套HTML源代码文件为您呈现了一个完整的网页模板,适用于各类网站开发需求。它采用了前沿的HTML5和CSS3技术,实现了响应式设计,能够无缝适配各种设备的屏幕尺寸。此外,它还内置了丰富的JavaScript插件,助您轻松实现各种复杂的交互效果。这套源代码文件具有极高的可定制性,您可以根据您的项目需求,对页面布局、颜色和内容进行个性化调整,轻松打造出独具特色的网站。同时,我们的代码结构清晰、注释详细,便于您学习和掌握HTML、CSS和JavaScript等前端技术。无论您是面临课程设计、毕业设计等学术挑战,还是希望在职业发展中展示自己的才华和技能,这套源代码文件都将成为您的得力助手。通过使用这套源代码文件,您将轻松完成网站搭建任务,为您的课程设计或毕业设计增添独特亮点。总之,这套HTML源代码文件是一个高效、实用且易于上手的工具,无论您是专业的网页设计师,还是业余的编程爱好者,都值得一试。
资源推荐
资源详情
资源评论
收起资源包目录
简约产品功能单页面模板-适配移动端&PC端-HTML网站源码.zip (35个子文件)
简约产品功能单页面模板-适配移动端&PC端-HTML网站源码
html
js
jquery.waypoints.min.js 9KB
bootstrap.min.js 50KB
jquery.animateNumber.min.js 1KB
google-map.js 3KB
main.js 3KB
popper.min.js 19KB
owl.carousel.min.js 42KB
jquery-3.2.1.min.js 85KB
jquery.easing.1.3.js 8KB
jquery.min.js 262KB
css
style.css 14KB
bootstrap.min.css 122KB
icomoon.css 20KB
open-iconic-bootstrap.min.css 9KB
ajax-loader.gif 3KB
animate.css 72KB
owl.theme.default.min.css 965B
owl.carousel.min.css 3KB
scss
style.scss 10KB
index.html 27KB
images
img_2.jpg 15KB
bg_1.jpg 133KB
img_3.jpg 89KB
loc.png 2KB
bg_3.jpg 81KB
img_1.jpg 53KB
fonts
icomoon
icomoon.woff 83KB
icomoon.svg 288KB
icomoon.eot 84KB
icomoon.ttf 83KB
open-iconic
open-iconic.woff 15KB
open-iconic.ttf 27KB
open-iconic.otf 21KB
open-iconic.svg 54KB
open-iconic.eot 28KB
共 35 条
- 1
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功