<!DOCTYPE html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!-- templatemo 420 ocean -->
<!--
Ocean Template
http://www.templatemo.com/tm-420-ocean
-->
<title>Ocean HTML5 Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- Bootstrap Stylesheet -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Animate -->
<link rel="stylesheet" href="css/animate.min.css">
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- FontAwesome Icons -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Normailize Stylesheet -->
<link rel="stylesheet" href="css/normalize.min.css">
<!-- Main Styles -->
<link rel="stylesheet" href="css/templatemo_style.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div id="responsive-menu">
<ul class="menu-holder">
<li><a href="#"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#services"><i class="fa fa-cogs"></i>Services</a></li>
<li><a href="#products"><i class="fa fa-list"></i>Products</a></li>
<li><a href="#video"><i class="fa fa-list"></i>Video</a></li>
<li><a href="#contact"><i class="fa fa-envelope"></i>Contact</a></li>
</ul>
</div>
<!-- HEADER -->
<header class="site-header">
<div class="container">
<div class="row">
<div class="menu-holder">
<div class="col-md-3 col-sm-2 logo">
<a href="#" title="templatemo 420 ocean">
<img src="images/templatemo-logo.png" alt="templatemo 420 ocean">
</a>
</div>
<div class="col-md-7 col-sm-8">
<nav class="main-menu hidden-xs">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#products">Products</a></li>
<li><a href="#video">Video</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
<div class="col-md-2 col-sm-2 col-xs-12">
<ul class="social-top">
<li><a href="#"><i class="fa fa-facebook"></i><span class="hidden-xs">Facebook</span></a></li>
<li><a href="#"><i class="fa fa-twitter"></i><span class="hidden-xs">Twitter</span></a></li>
<li><a href="#"><i class="fa fa-instagram"></i><span class="hidden-xs">Instagram</span></a></li>
</ul>
</div>
</div>
<div class="text-right visible-xs">
<a href="#" id="mobile_menu"><span class="fa fa-bars"></span></a>
</div>
</div>
</div>
</header> <!-- .site-header -->
<!-- TOP CONTENT -->
<div class="top-c">
<div class="container">
<div class="row">
<div class="col-md-offset-1 col-lg-5 col-md-5 col-xs-offset-1 col-sm-5 col-xs-8 col-xs-offset-2">
<div class="topc-img">
<img src="images/slide1.png" alt="">
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<h3 class="topc-title">Ocean HTML5 Template</h3>
<ul>
<li><i class="fa fa-check"></i>Integer sollicitudin dolor quis quam fermentum, quis congue nulla tincidunt.</li>
<li><i class="fa fa-check"></i>Fusce malesuada erat non magna blandit, eu placerat ipsum dignissim.</li>
<li><i class="fa fa-check"></i>Vestibulum euismod turpis auctor, lobortis quam non, lacinia ligula.</li>
<li><i class="fa fa-check"></i>Sed tristique quam in magna euismod, et ullamcorper ipsum tempus.</li>
<li><i class="fa fa-check"></i>Nullam dapibus odio nec orci euismod, vitae scelerisque dolor facilisis.</li>
</ul>
</div>
</div>
</div>
</div>
<!-- SERVICES -->
<div class="content-section" id="services">
<div class="container">
<div class="row">
<div class="col-md-3 col-xs-6 text-center">
<div class="service-item">
<div class="service-icon">
<i class="fa fa-video-camera"></i>
</div>
<h3 class="service-title">RESPONSIVE LAYOUT</h3>
</div> <!-- .service-item -->
</div> <!-- .col-md-3 -->
<div class="col-md-3 col-xs-6 text-center">
<div class="service-item">
<div class="service-icon">
<i class="fa fa-desktop"></i>
</div>
<h3 class="service-title">CLEAN AND MINIMAL</h3>
</div> <!-- .service-item -->
</div> <!-- .col-md-3 -->
<div class="col-md-3 col-xs-6 text-center">
<div class="service-item">
<div class="service-icon">
<i class="fa fa-headphones"></i>
</div>
<h3 class="service-title">CREATIVE IDEAS</h3>
</div> <!-- .service-item -->
</div> <!-- .col-md-3 -->
<div class="col-md-3 col-xs-6 text-center">
<div class="service-item">
<div class="service-icon">
<i class="fa fa-support"></i>
</div>
<h3 class="service-title">PREMIUM SUPPORT</h3>
</div> <!-- .service-item -->
</div> <!-- .col-md-3 -->
</div> <!-- .row -->
</div> <!-- .container -->
</div> <!-- #services -->
<!-- PRODUCTS -->
<div class="content-section" id="products">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="col-md-5 col-xs-12 text-center">
<img src="images/product-1.png" alt="">
</div>
<div class="product-content col-md-7 col-xs-12">
<h3>Digital Content</h3>
<span>New Pen Tool</span>
<p>Ocean is free HTML5 template from templatemo website. Credit goes to Smashing Magazine for <a href="http://www.smashingmagazine.com/2012/11/20/art-professions-icons-png/" target="_blank">Art Professions Icon set</a>. Aenean risus neque, dignissim nec orci in, hendrerit tempor ligul
没有合适的资源?快使用搜索试试~ 我知道了~
HTML网站源码-天蓝产品动态响应式网页模板-移动端可用.zip
共35个文件
png:14个
js:5个
css:5个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 133 浏览量
2024-03-22
10:49:54
上传
评论
收藏 2.53MB ZIP 举报
温馨提示
这套HTML源代码文件为您呈现了一个完整的网页模板,适用于各类网站开发需求。它采用了前沿的HTML5和CSS3技术,实现了响应式设计,能够无缝适配各种设备的屏幕尺寸。此外,它还内置了丰富的JavaScript插件,助您轻松实现各种复杂的交互效果。这套源代码文件具有极高的可定制性,您可以根据您的项目需求,对页面布局、颜色和内容进行个性化调整,轻松打造出独具特色的网站。同时,我们的代码结构清晰、注释详细,便于您学习和掌握HTML、CSS和JavaScript等前端技术。无论您是面临课程设计、毕业设计等学术挑战,还是希望在职业发展中展示自己的才华和技能,这套源代码文件都将成为您的得力助手。通过使用这套源代码文件,您将轻松完成网站搭建任务,为您的课程设计或毕业设计增添独特亮点。总之,这套HTML源代码文件是一个高效、实用且易于上手的工具,无论您是专业的网页设计师,还是业余的编程爱好者,都值得一试。
资源推荐
资源详情
资源评论
收起资源包目录
HTML网站源码-天蓝产品动态响应式网页模板-移动端可用.zip (35个子文件)
HTML网站源码-天蓝产品动态响应式网页模板-移动端可用
html
js
bootstrap.min.js 31KB
templatemo_custom.js 2KB
vendor
jquery-1.10.1.min.js 91KB
modernizr-2.6.2.min.js 15KB
plugins.js 14KB
css
bootstrap.min.css 107KB
font-awesome.min.css 20KB
normalize.min.css 2KB
animate.min.css 56KB
templatemo_style.css 14KB
index.html 13KB
images
service-bg.png 156KB
logo-fireworks-PNG-source.png 51KB
prev.png 2KB
video-bg.png 271KB
slider-bg.png 350KB
next.png 2KB
product-2.png 54KB
products-bg.png 233KB
footer-bg.png 24KB
product-1.png 37KB
contact-bg.png 811KB
templatemo-logo.png 2KB
slide1.png 88KB
fs.pager.png 2KB
fs.spinner.gif 3KB
fonts
FontAwesome.otf 73KB
glyphicons-halflings-regular.svg 61KB
glyphicons-halflings-regular.ttf 40KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
fontawesome-webfont.eot 71KB
fontawesome-webfont.woff 82KB
fontawesome-webfont.svg 248KB
fontawesome-webfont.ttf 138KB
共 35 条
- 1
资源评论
DTcode7
- 粉丝: 7130
- 资源: 4499
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功