<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Craze Website Template Home :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<link href="./css/style.css" rel='stylesheet' type="text/css" />
<link href="./css/green.css" rel='stylesheet' type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!-----text-slider---------->
<script src="./js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="./js/modernizr.custom.28468.js"></script>
<!-----//------------>
<!-- Add fancyBox light-box -->
<script src="./js/jquery.magnific-popup.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
<!-- //End fancyBox light-box -->
</head>
<body>
<!---strat-wrap---->
<!---strat-header----->
<div class="header">
<div class="wrap">
<div class="header-left">
<label> </label>
<a class="logo" href="#"><img src="./images/logo.png" title="craze" /></a>
<p>A great new free psd theme to showcase your new app.</p>
<ul class="app-avialable">
<li><a class="apple" href="#"> </a></li>
<li><a class="and" href="#"> </a></li>
<li><a class="win" href="#"> </a></li>
<div class="clear"> </div>
</ul>
</div>
<div class="header-right">
</div>
<div class="clear"> </div>
</div>
<!---End-header----->
</div>
<div class="wrap">
<!----strat-welcome-Note---->
<div class="welcome-note">
<h3>Craze Features</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.</p>
</div>
<!----End-welcome-Note---->
</div>
<!---start-content----->
<div class="wrap">
<div class="content">
<!---strat-top-grids---->
<div class="top-grids">
<div class="top-grid">
<a class="icon monitor" href="#"> </a>
<a href="#">Flat Design</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
</div>
<div class="top-grid">
<a class="icon target" href="#"> </a>
<a href="#">Mraketable</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
</div>
<div class="top-grid">
<a class="icon photo" href="#"> </a>
<a href="#">Edit Photos</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
</div>
<div class="top-grid top-grid1">
<label> </label>
<a class="icon colors" href="#"> </a>
<a href="#">Edit Colors</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
</div>
<div class="top-grid top-grid1">
<label> </label>
<a class="icon man" href="#"> </a>
<a href="#">User Friendly</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
</div>
<div class="top-grid top-grid1">
<label> </label>
<a class="icon spare" href="#"> </a>
<a href="#">100% Editable</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
</div>
<div class="clear"> </div>
</div>
<!---End-top-grids---->
</div>
</div>
<!---start-about-grids---->
<div class="about-grids">
<div class="wrap">
<div class="about-left-grid">
<h3>Whats Craze all About ?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore pariatur.</p>
<p>Dolore magna aliqua. Duis aute irure dolor in rtempor incididunt ut labore et dolore magna aliqua.</p>
<ul>
<li><a href="#"><span> </span>Lorem ipsum dolor sit amet,</a></li>
<li><a href="#"><span> </span>Lorem ipsum dolor sit amet, consectetur adipisicing elit,</a></li>
</ul>
</div>
<div class="about-right-grid">
<iframe src="http://player.vimeo.com/video/19954119?title=0&byline=0&portrait=0&color=ffffff" width="100%" height="290" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<div class="clear"> </div>
</div>
</div>
<!---End-about-grids---->
<!----------------start-testmonials-------------->
<div class="test-monials-grids">
<div class="wrap">
<div class="examples" id="textslider">
<div class="slider">
<div class="slider-mask-wrap">
<div class="slider-mask">
<ul class="slider-target instance-1" style="position: relative; left: -3510px; width: 5850px;">
<li data-slide="0" style="width: 1170px;">
<div class="inner">
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntsed do eiusmod quis nostrud !!</p>
</div>
<div class="test-auther">
<span> </span>
<p><a href="#">Robert Markel,</a></p>
</div>
</li>
<li data-slide="1" style="width: 1170px;">
<div class="inner">
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntsed do eiusmod quis nostrud !!</p>
</div>
<div class="test-auther">
<span> </span>
<p><a href="#">Robert Markel,</a></p>
</div>
</li>
<li data-slide="2" style="width: 1170px;">
<div class="inner">
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntsed do eiusmod quis nostrud !!</p>
</div>
<div class="test-auther">
<span> </span>
<p><a href="#">Robert Markel,</a></p>
</div>
</li>
<li data-slide="3" style="width: 1170px;">
<div class="inner">
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntsed do eiusmod quis nostrud !!</p>
</div>
<div class="test-auther">
<span> </span>
<p><a href="#">Robert Markel,</a></p>
</div>
</li>
<li data-slide="4" style="width: 1170px;">
<div class="inner">
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntsed do eiusmod quis nostrud !!</p>
</div>
<div class="test-auther">
<span> </span>
<p><a href="#">Robert Markel,</a></p>
</div>
</li>
</ul>
<div class="clearit"> </div>
</div>
</div>
</div>
<ul id="selector">
<li><a href="#" rel="frame_0" class=""> </a></li>
<li><a href="#" rel="frame_1" class=""> </a></li>
<li><a href="#" rel="frame_3" class="current"> </a></li>
</ul>
<script src="./js/jquery-ui.min.js"></script>
<script src="./js/hammer.min.js"></sc
没有合适的资源?快使用搜索试试~ 我知道了~
网站模板-简洁服务信息报价网页模板-HTML源码.zip
共116个文件
png:37个
js:24个
jpg:10个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 60 浏览量
2024-03-23
09:39:02
上传
评论
收藏 2.75MB ZIP 举报
温馨提示
打造企业级网站卓越数字体验,引领业务发展潮流! 响应式设计 — 采用最新响应式网页设计技术,确保网站在各种屏幕尺寸和设备上均提供无缝浏览体验,无论用户使用桌面电脑、平板还是智能手机。 现代化UI/UX — 遵循现代网页设计和用户体验原则,这份源码利用干净的布局、优化的交互和引人入胜的视觉效果,为用户提供前沿的网络互动。 高度模块化 — HTML结构清晰,CSS和JavaScript分离,便于开发者进行定制化开发和功能扩展,无需担心后期维护和更新问题。 SEO优化 — 内置SEO最佳实践,包括元标签管理、清晰的导航结构和语义化的HTML5元素,助力网站在搜索引擎中排名提升,增加自然流量。 作为专业的程序员,了解高效、稳定且具有良好扩展性的网站架构对业务至关重要。这份企业级网站HTML源码将为你提供稳固的技术基础,让你的网站项目快速上线,同时保持长期的可维护性和可扩展性。
资源推荐
资源详情
资源评论
收起资源包目录
网站模板-简洁服务信息报价网页模板-HTML源码.zip (116个子文件)
style.css 39KB
style.css 30KB
style.css 10KB
green.css 5KB
orange.css 5KB
green.css 4KB
orange.css 4KB
blue.css 1KB
blue.css 300B
desyrel-webfont.eot 35KB
desyrel-webfont.eot 35KB
desyrel-webfont.eot 35KB
OpenSans-Regular-webfont.eot 19KB
OpenSans-Regular-webfont.eot 19KB
OpenSans-Regular-webfont.eot 19KB
BEBAS___-webfont.eot 10KB
BEBAS___-webfont.eot 10KB
BEBAS___-webfont.eot 10KB
index.html 17KB
index.html 16KB
index.html 11KB
bgo.jpg 58KB
bgo.jpg 58KB
bgo.jpg 58KB
bg.jpg 48KB
bg.jpg 48KB
bg.jpg 48KB
bgg.jpg 48KB
bgg.jpg 48KB
bgg.jpg 48KB
slider2.jpg 16KB
jquery-ui.js 440KB
jquery-ui.js 440KB
jquery-ui.js 440KB
jquery.min.js 90KB
jquery.min.js 90KB
jquery.min.js 90KB
responsiveCarousel.js 65KB
responsiveCarousel.js 65KB
responsiveCarousel.js 65KB
jquery.magnific-popup.js 45KB
jquery.magnific-popup.js 45KB
jquery.magnific-popup.js 45KB
jquery-ui.min.js 7KB
jquery-ui.min.js 7KB
jquery-ui.min.js 7KB
modernizr.custom.28468.js 7KB
modernizr.custom.28468.js 7KB
modernizr.custom.28468.js 7KB
hammer.min.js 6KB
hammer.min.js 6KB
hammer.min.js 6KB
script.js 33B
script.js 33B
script.js 33B
jsapi 24KB
jsapi 24KB
jsapi 24KB
handpicg.png 260KB
handpico.png 259KB
handpic.png 258KB
biphone.png 42KB
gsprits.png 25KB
gsprits.png 25KB
gsprits.png 25KB
bsprit.png 25KB
bsprit.png 25KB
bsprit.png 25KB
osprits.png 24KB
osprits.png 24KB
osprits.png 24KB
iphoneo.png 15KB
iphoneg.png 15KB
iphone.png 14KB
iphones.png 13KB
iphones.png 11KB
iphonegs.png 10KB
iphonegs.png 10KB
iphoneos.png 10KB
iphoneos.png 10KB
iphones.png 9KB
iphonegs.png 8KB
iphoneos.png 8KB
logo.png 6KB
logo.png 6KB
logo.png 6KB
logo1.png 5KB
logo1.png 5KB
logo1.png 5KB
pricing-bg.png 3KB
pricing-bg.png 3KB
pricing-bg.png 3KB
calender.png 714B
calender.png 714B
calender.png 714B
OpenSans-Regular-webfont.svg 117KB
OpenSans-Regular-webfont.svg 117KB
OpenSans-Regular-webfont.svg 117KB
desyrel-webfont.ttf 80KB
desyrel-webfont.ttf 80KB
共 116 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 3432
- 资源: 4068
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功