<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--
Document Title
=============================================
-->
<title>SPROUT - Preview page</title>
<!--
Favicons
=============================================
-->
<link rel="apple-touch-icon" sizes="57x57" href="assets/images/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/images/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/images/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/images/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/images/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/images/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/images/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/images/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/images/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!--
Stylesheets
=============================================
-->
<!-- Default stylesheets-->
<link href="assets/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Template specific stylesheets-->
<link href="assets/lib/owl.carousel/dist/assets/owl.carousel.css" rel="stylesheet">
<!-- Main stylesheet and color file-->
<link href="assets/css/style.css" rel="stylesheet">
<link id="color-scheme" href="assets/css/colors/default.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".onpage-navigation" data-offset="60">
<main>
<section class="top-part">
<div class="container">
<div class="row">
<div class="col-xs-12 col-xs-offset-0 col-sm-10 col-sm-offset-1 col-lg-8 col-lg-offset-2">
<h1>- SPROUT V2 -</h1>
<h2>Iconic Coming Soon Template</h2>
<p> Get the full pack today for free!</p>
</div>
</div>
</div>
</section>
<div class="alert-banner">
<p> Exclusively <a class="btn btn-success" href="#">Download Now</a></p>
</div>
<section class="variant-part">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-lg-12 text-intro">
<h2>V2 = 4 Variants</h2>
<h3>Fully Responsive • 24/7 Support • Well documented</h3>
</div>
</div>
<div class="row">
<div class="variant col-xs-12 col-sm-6 col-lg-6"><a href="image-background.html" target="_blank"><img class="img-responsive" src="assets/images/image-background.jpg" alt="">
<h3>01. Image-background / Countdown</h3></a></div>
<div class="variant col-xs-12 col-sm-6 col-lg-6"><a href="video-background.html" target="_blank"><img class="img-responsive" src="assets/images/video-background.jpg" alt="">
<h3> <span class="label label-success">NEW</span> 02. video-background / Countdown</h3></a></div>
</div>
<div class="row">
<div class="variant col-xs-12 col-sm-6 col-lg-6"><a href="ken-burns-background.html" target="_blank"><img class="img-responsive" src="assets/images/ken-burns-background.jpg" alt="">
<h3>03. ken-burns-background / Countdown</h3></a></div>
<div class="variant col-xs-12 col-sm-6 col-lg-6"><a href="slider-background.html" target="_blank"><img class="img-responsive" src="assets/images/slider-background.jpg" alt="">
<h3>04. Slideshow-background / Countdown</h3></a></div>
</div>
</div>
</section>
<footer id="footer"><span class="copyright">© <a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a></span></footer>
</main>
<!--
JavaScripts
=============================================
-->
<script src="assets/lib/jquery/dist/jquery.js"></script>
<script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="assets/lib/owl.carousel/dist/owl.carousel.js"></script>
<script src="assets/lib/ajaxchimp/jquery.ajaxchimp.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
背景变化倒计时网页模板-适配移动端&PC端-HTML网站源码.zip
共48个文件
jpg:14个
css:9个
js:8个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 15 浏览量
2024-03-31
13:25:58
上传
评论
收藏 26.78MB ZIP 举报
温馨提示
这套HTML源代码文件为您呈现了一个完整的网页模板,适用于各类网站开发需求。它采用了前沿的HTML5和CSS3技术,实现了响应式设计,能够无缝适配各种设备的屏幕尺寸。此外,它还内置了丰富的JavaScript插件,助您轻松实现各种复杂的交互效果。这套源代码文件具有极高的可定制性,您可以根据您的项目需求,对页面布局、颜色和内容进行个性化调整,轻松打造出独具特色的网站。同时,我们的代码结构清晰、注释详细,便于您学习和掌握HTML、CSS和JavaScript等前端技术。无论您是面临课程设计、毕业设计等学术挑战,还是希望在职业发展中展示自己的才华和技能,这套源代码文件都将成为您的得力助手。通过使用这套源代码文件,您将轻松完成网站搭建任务,为您的课程设计或毕业设计增添独特亮点。总之,这套HTML源代码文件是一个高效、实用且易于上手的工具,无论您是专业的网页设计师,还是业余的编程爱好者,都值得一试。
资源推荐
资源详情
资源评论
收起资源包目录
背景变化倒计时网页模板-适配移动端&PC端-HTML网站源码.zip (48个子文件)
背景变化倒计时网页模板-适配移动端&PC端-HTML网站源码
html
slider-background.html 5KB
ken-burns-background.html 5KB
image-background.html 5KB
assets
lib
bootstrap
dist
js
bootstrap.js 68KB
npm.js 484B
bootstrap.min.js 36KB
css
bootstrap-theme.min.css.map 25KB
bootstrap.min.css 118KB
bootstrap-theme.css.map 47KB
bootstrap-theme.css 26KB
bootstrap.css.map 380KB
bootstrap.css 143KB
bootstrap-theme.min.css 23KB
bootstrap.min.css.map 529KB
fonts
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.woff2 18KB
skrollr
src
skrollr.js 47KB
ajaxchimp
jquery.ajaxchimp.js 5KB
owl.carousel
dist
assets
owl.carousel.css 4KB
owl.carousel.js 83KB
jquery
dist
jquery.js 261KB
js
main.js 5KB
css
style.css 8KB
colors
default.css 0B
default-rtl.css 0B
style-rtl.css 8KB
scss
colors
default.scss 0B
_config.scss 88B
style.scss 7KB
images
ken-burns-background.jpg 95KB
2.jpg 3.57MB
header_bg.jpg 18KB
slide2.jpg 1.87MB
video-background.jpg 103KB
6.jpg 5.36MB
1.jpg 6.46MB
slider-background.jpg 135KB
image-background.jpg 144KB
slide1.jpg 1.55MB
5.jpg 3.73MB
3.jpg 301KB
7.jpg 1.57MB
4.jpg 1.71MB
index.html 5KB
video-background.html 5KB
共 48 条
- 1
资源评论
DTcode7
- 粉丝: 3555
- 资源: 4071
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 2009photoshop试题及答案(八).doc
- python爱心代码高级python-bit-manipulation.rar
- python爱心代码高级python-backtracking.rar
- python爱心代码高级python-audio-filters.rar
- 生存世界28684--4008032458487170973-1493251025945.apk
- 2011年3月全国计算机等级考试四级数据库工程师笔试试卷及答案.doc
- 2011年计算机等级考试二级VFP基础综合试.doc
- 信奥赛C++:枚举算法的算法思想
- 上海 文科 陈隽姝 英语翻译笔记(上)
- 学生实验之FPGA 多路分频器实验,适合FPGA初学者
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功