<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Landing Page</title>
<!-- main JS libs -->
<script src="js/libs/modernizr.min.js"></script>
<script src="js/libs/jquery-1.10.0.js"></script>
<script src="js/libs/bootstrap.min.js"></script>
<!-- Style CSS-->
<link href="css/bootstrap.css" media="screen" rel="stylesheet">
<link href="style.css" media="screen" rel="stylesheet">
<!-- scripts -->
<script src="js/general.js"></script>
<!-- oneByone slider -->
<link href="css/animate.css" media="screen" rel="stylesheet">
<script src="js/jquery.onecarousel.min.js"></script>
<!-- Lightbox prettyPhoto -->
<link href="css/prettyPhoto.css" rel="stylesheet">
<script src="js/jquery.prettyPhoto.js"></script>
<!-- Placeholders -->
<script type="text/javascript" src="js/jquery.powerful-placeholder.min.js"></script>
<!-- CarouFredSel -->
<script src="js/jquery.carouFredSel-6.2.1-packed.js"></script>
<script>
jQuery(document).ready(function($) {
$('#partners').carouFredSel({
next : "#partners-next",
prev : "#partners-prev",
auto: 8000,
scroll: {items : 1}
});
$(window).resize(function() {
$('#testimonials-1').carouFredSel({
next : "#testimonials-next-1",
prev : "#testimonials-prev-1",
infinite: false,
items: 1,
auto: {
play: true,
timeoutDuration: 8000
},
scroll: {
items : 1,
fx: "crossfade",
easing: "linear",
pauseOnHover: true,
duration: 200
}
});
$('#partners').carouFredSel({
next : "#partners-next",
prev : "#partners-prev",
auto: 8000,
scroll: {items : 1}
});
})
});
</script>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
</head>
<body>
<div class="header cbp-af-header navbar-fixed-top">
<div class="cbp-af-inner">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-3">
<a href="#" class="logo"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="col-sm-12 col-md-9">
<!-- Website Menu -->
<div id="topmenu">
<ul class="dropdown clearfix boxed boxed-blue">
<!--<li class="link-more"><a href="#"><i></i></a></li>-->
<li class="menu-level-0"><a href="#"><span>Home</span></a></li>
<li class="menu-level-0"><a href="#"><span>About</span></a></li>
<li class="menu-level-0"><a href="#"><span>Services</span></a>
<ul class="submenu-1">
<li class="menu-level-1"><a href="#">Web design</a></li>
<li class="menu-level-1"><a href="#">User interface</a></li>
<li class="menu-level-1"><a href="#">Social media</a>
<ul class="submenu-2">
<li class="menu-level-2"><a href="#">Gallery images</a></li>
<li class="menu-level-2"><a href="#">Fine Slider</a></li>
<li class="menu-level-2"><a href="#">Video in header</a></li>
<li class="menu-level-2"><a href="#">Video Slider</a>
<ul class="submenu-3">
<li class="menu-level-3"><a href="#">Item 1</a></li>
<li class="menu-level-3"><a href="#">Item 2</a></li>
<li class="menu-level-3"><a href="#">Item 3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-level-0"><a href="#"><span>Portfolio</span></a>
<ul class="submenu-1">
<li class="menu-level-1"><a href="#">Web design</a></li>
<li class="menu-level-1"><a href="#">User interface</a></li>
<li class="menu-level-1"><a href="#">Social media</a>
<ul class="submenu-2">
<li class="menu-level-2"><a href="#">Item 1</a></li>
<li class="menu-level-2"><a href="#">Item 2</a></li>
<li class="menu-level-2"><a href="#">Item 3</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-level-0"><a href="#"><span>Blog</span></a></li>
<li class="menu-level-0"><a href="#"><span>Contact</span></a></li>
<!--<li class="menu-search">
<form id="searchForm" class="menu-search-form" method="post">
<input type="text" name="search" value="" class="menu-search-field" placeholder="Search the website" />
<input type="submit" value="" class="btn menu-search-submit" name="search-send" />
</form>
</li>-->
</ul>
</div>
<!--/ Website Menu -->
</div>
</div>
</div>
</div>
</div><!--/ .header-->
<!-- Main Slider -->
<div id="myCarousel2" class="main-slider main-slider-style2 carousel slide">
<div class="carousel-inner">
<div class="item active">
<a class="carousel-image prettyPhoto" href="images/temp/main-slider-2.jpg" data-rel="prettyPhoto" title="Slider Image"><img src="images/temp/main-slider-2.jpg" alt=""></a>
<div class="container">
<div class="carousel-caption">
<div class="slider-title" data-animate="bounceIn">
<a href="#">A complete online solutions provider!<br />We will take your business and make it global!</a>
</div>
<a href="#" class="btn btn-turquoise" data-animate="fadeInDown"><span>Read More</span></a>
</div>
</div><!--/ .container -->
</div>
<div class="item">
<a class="carousel-image prettyPhoto" href="images/temp/main-slider-3.jpg" data-rel="prettyPhoto" title="Slider Image"><img src="images/temp/main
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
探索全栈前端技术的魅力:HTML+CSS+JS+JQ+Bootstrap网站源码深度解析 在这个数字化时代,构建一个既美观又功能强大的网站成为了许多开发者和企业追逐的目标。本份资源精心汇集了一套完整网站源码,融合了HTML的骨架搭建、CSS的视觉美化、JavaScript的交互逻辑、jQuery的高效操作以及Bootstrap的响应式设计,全方位揭秘了现代网页开发的精髓。 HTML,作为网页的基础,它构建了信息的框架;CSS则赋予网页生动的外观,让设计创意跃然屏上;JavaScript的加入,使网站拥有了灵动的交互体验;jQuery,作为JavaScript的强力辅助,简化了DOM操作与事件处理,让编码更为高效;而Bootstrap的融入,则确保了网站在不同设备上的完美呈现,响应式设计让访问无界限。 通过这份源码,你将: 学习如何高效组织HTML结构,提升页面加载速度与SEO友好度; 掌握CSS高级技巧,如Flexbox与Grid布局,打造适应各种屏幕的视觉盛宴; 理解JavaScript核心概念,动手实现动画、表单验证等动态效果; 利用jQuery插件快速增强用户体验,实现滑动效果、Ajax请求等; 深入Bootstrap框架,掌握移动优先的开发策略,响应式设计信手拈来。 无论是前端开发新手渴望系统学习,还是资深开发者寻求灵感与实用技巧,这份资源都是不可多得的宝藏。立即深入了解,开启你的全栈前端探索之旅,让每一个网页都成为技术与艺术的完美融合!
资源推荐
资源详情
资源评论
收起资源包目录
基于HTML+CSS+JS开发的网站-应用程序开发公司响应式网页模板.7z (332个子文件)
._dark_rounded 4KB
._dark_square 4KB
._default 4KB
._facebook 4KB
._icons 4KB
._libs 4KB
._light_rounded 4KB
._light_square 4KB
._prettyPhoto 4KB
._temp 4KB
style.css 131KB
bootstrap.css 117KB
animate.css 51KB
prettyPhoto.css 19KB
video-js.css 19KB
._bootstrap.css 4KB
._prettyPhoto.css 4KB
._animate.css 4KB
._video-js.css 4KB
._jplayer.css 4KB
._cusel.css 4KB
._jslider.css 4KB
cusel.css 3KB
jplayer.css 2KB
jslider.css 2KB
glyphicons-halflings-regular.eot 14KB
._glyphicons-halflings-regular.eot 4KB
loader.gif 6KB
._loader.gif 4KB
._default_thumbnail.gif 4KB
._loader.gif 4KB
._default_thumbnail.gif 4KB
._loader.gif 4KB
._default_thumbnail.gif 4KB
._loader.gif 4KB
._loader.gif 4KB
._loader.gif 4KB
._default_thumbnail.gif 4KB
._default_thumbnail.gif 4KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
default_thumbnail.gif 227B
default_thumbnail.gif 227B
default_thumbnail.gif 227B
default_thumbnail.gif 227B
default_thumbnail.gif 227B
index.html 21KB
main-slider-3.jpg 185KB
main-slider-1.jpg 162KB
main-slider-2.jpg 136KB
post_img2.jpg 90KB
post_img5.jpg 78KB
post_img4.jpg 78KB
post_img1.jpg 77KB
vjs-poster.jpg 71KB
vjs-poster2.jpg 67KB
music-player3.jpg 62KB
post_img6.jpg 60KB
statictablet.jpg 56KB
post_img7.jpg 48KB
music-player1.jpg 47KB
music-player2.jpg 45KB
post_img3.jpg 32KB
._music-player2.jpg 4KB
._main-slider-2.jpg 4KB
._post_img2.jpg 4KB
._vjs-poster2.jpg 4KB
._post_img1.jpg 4KB
._main-slider-1.jpg 4KB
._post_img5.jpg 4KB
._music-player3.jpg 4KB
._music-player1.jpg 4KB
._post_img3.jpg 4KB
._post_img4.jpg 4KB
._post_img6.jpg 4KB
._vjs-poster.jpg 4KB
._main-slider-3.jpg 4KB
._post_img7.jpg 4KB
jquery-1.10.0.js 267KB
jquery-ui.min.js 223KB
video.js 62KB
jquery.carouFredSel-6.2.1-packed.js 53KB
jquery.jplayer.min.js 48KB
jquery.prettyPhoto.js 34KB
jquery.slider.bundle.js 32KB
bootstrap.min.js 27KB
jquery.slider.js 19KB
modernizr.min.js 17KB
jquery-ui.multidatespicker.js 15KB
jquery.jscrollpane.min.js 15KB
cusel-min.js 15KB
general.js 11KB
jplayer.playlist.min.js 9KB
custom.js 4KB
._jquery.powerful-placeholder.min.js 4KB
._jquery-ui.multidatespicker.js 4KB
._jplayer.playlist.min.js 4KB
共 332 条
- 1
- 2
- 3
- 4
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 2025阿里云客服专项客服条件检测认证考试试题及答案.docx
- 2025阿里云与淘宝云客服认证考试劳务报酬及税收知识考试题及答案.docx
- 2025保密知识竞赛题库及答案.docx
- 2025安全生产月知识试题题库(附答案).docx
- 2025安全生产法知识考试题及答案.docx
- 2025病案编码员资格证试题库(附含答案).docx
- 2025财政知识竞赛题库及答案(通用版).docx
- 2025产科和成人门诊免疫规划年度培训试题及答案.docx
- 2025初级保安员考试题库与答案.docx
- 2025初级保育员理论知识考试题库(含答案).docx
- ISP 算法源码:Bayer、坏像素矫正、颜色插值、噪声去除、边缘增强、白平衡、 色彩矫正、gamma 校正、色彩空间转等
- STM32 bootloader使用can进行通讯,将hex文件数据通过can下载flash里面,附源代码以及通讯协议(STM32cubeIDE工程) 也是适合初学者参考can通讯
- 1 公司薪酬数据分析表.xlsx
- 2 公司年度薪酬分析图表.xlsx
- 3 各部门薪酬成本变动分析(以月度同比分析为例).xlsx
- 6 员工薪酬分析表带统计图表带蓝绿两种风格.xlsx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功