<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Premium a Quality WordPress Theme </title>
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="#" media="all" />
<![endif]-->
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="#" media="all" />
<![endif]-->
<!--[if lt IE 9]>
<script src="style/js/html5.js" type="text/javascript"></script>
<![endif]-->
<!--[if IE 7]><link rel='stylesheet' id='css-ie-fix' href='style/css-ie7-fix.css' type='text/css' media='all' />
<![endif]-->
<link rel='stylesheet' href='style.css' type='text/css' media='all' />
<link rel='stylesheet' href='style/css/media-queries.css' type='text/css' media='all' />
<link rel='stylesheet' href='style/js/fancybox/jquery.fancybox.css' type='text/css' media='all' />
<link rel='stylesheet' href='style/js/fancybox/helpers/jquery.fancybox-buttons0ff5.css' type='text/css' media='all' />
<link rel='stylesheet' href='style/js/fancybox/helpers/jquery.fancybox-thumbs0ff5.css' type='text/css' media='all' />
<link rel='stylesheet' href='style/type/fontello.css' type='text/css' media='all' />
<link rel='stylesheet' href='style/css/green.css' type='text/css' media='all' />
<link rel='stylesheet' href='http//fonts.googleapis.com/css?family=Source+Sans+Pro%3A200%2C300%2C400%2C600%2C700%2C900%2C200italic%2C300italic%2C400italic%2C600italic%2C700italic%2C900italic&ver=3.6' type='text/css' media='all' />
<script type='text/javascript' src='style/jquery.js'></script>
<script type='text/javascript' src='style/jquery-migrate.min.js'></script>
</head>
<body class="full-layout">
<!-- Begin Body Wrapper -->
<div class="body-wrapper">
<!-- Begin Top Wrapper -->
<div class="top-wrapper">
<div class="inner">
<!-- Begin Header -->
<header>
<!-- Start Logo -->
<div class="logo">
<a href="#"><img src="style/images/logo.png" /></a>
</div>
<!-- Start Logo -->
<!-- Begin Menu -->
<nav id="menu" class="menu">
<ul id="tiny">
<li class="menu-item current-menu-item"><a href="#">Homepage</a></li>
<li class="menu-item"><a href="#">Features</a>
<ul class="sub-menu">
<li class="menu-item"><a href="#">Columns</a></li>
<li class="menu-item"><a href="#">Buttons</a></li>
<li class="menu-item"><a href="#">Skill Bars</a></li>
<li class="menu-item"><a href="#">Pricing Table</a></li>
</ul>
</li>
<li class="menu-item"><a href="#">Portfolio</a>
<ul class="sub-menu">
<li class="menu-item"><a href="#">Three Column</a></li>
<li class="menu-item"><a href="#">Four Column</a></li>
</ul>
</li>
<li class="menu-item"><a href="#">News Blog</a></li>
</ul>
</nav>
<!-- End Menu -->
<div class="clear"></div>
</header>
<!-- End Header -->
</div>
</div>
<!-- End Top Wrapper -->
<!-- Begin Wrapper -->
<div class="wrapper">
<div class="inner light no-margin">
<div class="bannercontainer">
<div class="banner">
<ul>
<!-- right -->
<li data-transition="random">
<img src="images/3.jpg" class="attachment-slider" />
<div class="caption navy-bg sft" data-x="600" data-y="80" data-speed="300" data-start="1500" data-easing="easeOutExpo">
Trust and supported by many</div>
<div class="caption sfr" data-x="600" data-y="150" data-speed="300" data-start="2100" data-easing="easeOutExpo">
<div class="text-description">Vestibulum mattis est quis mollis elementum. Sed nec mi lorem.<br>
Ut fermentum porta consectetur. Morbi porta consequat convallis.<br>
Quisque vel velit lorem. Praesent vitae magna convallis. </div>
</div>
</li>
<!-- right -->
<!-- Left -->
<li data-transition="random">
<img src="images/1.jpg" class="attachment-slider" />
<div class="caption sft navy-bg" data-x="70" data-y="70" data-speed="300" data-start="1500" data-easing="easeOutExpo">
We take care of your problems</div>
<div class="caption sfl" data-x="70" data-y="151" data-speed="300" data-start="2100" data-easing="easeOutExpo">
<div class="text-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam dolor eu libero viverra lobortis.<br>
Integer convallis convallis est, a laoreet nunc rutrum at. Maecenas quis urna id risus volutpat suscipit sed et massa. </div>
</div>
</li>
<!-- Left -->
<!-- Left -->
<li data-transition="random">
<img src="images/2.jpg" class="attachment-slider" />
<div class="caption sft navy-bg" data-x="70" data-y="70" data-speed="300" data-start="1500" data-easing="easeOutExpo">
Impress your clients </div>
<div class="caption sfl" data-x="70" data-y="151" data-speed="300" data-start="2100" data-easing="easeOutExpo">
<div class="text-description">
<iframe width="460" height="280" src="//www.youtube.com/embed/ucivXRBrP_0" frameborder="0" allowfullscreen></iframe> </div>
</div>
</li>
<!-- Left -->
</ul>
<div class="tp-bannertimer tp-bottom"></div>
</div>
</div>
</div>
<div class="inner light">
<div class="aligncenter">
<h1 class="lined">We Provide Quality Services</h1>
<p class="description">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
<a href="#" class="button big">Download Now</a> </div>
</div>
<div class="inner dark">
<h2>What we do</h2>
<p>Vestibulum id ligula porta felis euismod semper. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<br />
<div class="services">
<div class="one-half first">
<i class="icon-vcard special"></i>
<div class="info">
<h3 class="lined">Multiple Color Schemes</h3>
<p>Donec elit non mi porta gravida at eget metus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum ligula porta felis cras ridiculus dapibus, aenean eu leo quam.</p>
</div>
</div>
<div class="one-half last">
<i class="icon-docs special"></i>
<div class="info">
<h3 class="lined">Documentation Support</h3>
<p>Donec elit non mi porta gravida at eget metus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum ligula porta felis cras ridiculus dapibus, aenean eu leo quam.</p>
</div>
</div>
<br>
<div class="one-half first">
<i class="icon-cog special"></i>
<div class="info">
<h3 class="lined">SmartPanel Options</h3>
<p>Donec elit non mi porta gravida at eget metus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum ligula porta felis cras ridiculus dapibus, aenean eu leo quam.</p>
</div>
</div>
<div class="one-half last">
<i class="icon-keyboard special"></i>
<div class="info">
<h3 class="lined">Responsive Design</h3>
<p>Donec e
前端静态模板-响应式绿色企业站模板-学生作业毕设实训素材.zip
版权申诉
157 浏览量
2022-04-07
22:14:11
上传
评论
收藏 920KB ZIP 举报
前端静态模板-响应式绿色企业站模板-学生作业毕设实训素材.zip （81个子文件） 
响应式绿色企业站模板 style css 
green.css 3KB red.css 3KB pink.css 3KB orange.css 3KB mint.css 3KB media-queries.css 8KB purple.css 3KB jquery.js 91KB images 
favicon.png 1KB art 
p10.html 388B p5.html 388B p3.html 388B p2.html 388B p4.html 388B p6.html 388B p7.html 388B p9.html 388B p11.html 388B
slider-black.jpg 4KB p1.html 388B dropdown-arrow_402x.png 1KB dropdown-arrow.png 1KB logo.png 2KB
loading_402x.gif 18KB loading.gif 7KB timer.png 125B type fontello 
fontello-social.svg 20KB fontello.woff 79KB fontello.svg 218KB fontello.eot 135KB fontello.eot@ 135KB fontello-social.woff 11KB fontello-social.ttf 17KB fontello.ttf 135KB fontello-social.eot@ 17KB fontello-social.eot 17KB fontello.css 30KB css-ie7-fix.css 675B jquery-migrate.min.js 7KB jquery.ui.core.min.js 4KB js jquery.min.js 91KB jquery.isotope.min.js 16KB scripts.js 16KB jquery.slickforms.js 5KB jquery.fitvids.js 2KB jquery.fancybox.pack.js 22KB jquery.themepunch.plugins.min.js 17KB jquery.fancybox-thumbs.js 4KB jquery.themepunch.revolution.min.js 54KB selectnav.js 2KB fancybox fancybox_loading.gif 4KB blank.gif 43B fancybox_overlay.png 935B fancybox_sprite.png 2KB jquery.fancybox.css 4KB helpers jquery.fancybox-thumbs0ff5.js 4KB jquery.fancybox-buttons0ff5.js 3KB jquery.fancybox-buttons.js 3KB jquery.fancybox-thumbs.js 4KB jquery.fancybox-thumbs0ff5.css 717B jquery.fancybox-buttons0ff5.css 2KB fancybox_buttons.png 1KB jquery.fancybox-mediae209.js 5KB jquery.fancybox-media.js 5KB twitter.min.js 3KB jquery.easytabs.min.js 9KB ddsmoothmenu.js 7KB jquery.ui.widget.min.js 6KB jquery.ui.accordion.min.js 8KB symple_accordion.js 113B images 2.jpg 85KB NTA1MG5vMjM=.jpg 3KB 1.jpg 80KB NTA1MG5vOQ==.jpg 4KB 3.jpg 78KB NTA1MG5vMTM=.jpg 4KB NTA1MG5vMTU=.jpg 4KB NTA1MG5vMTc=.jpg 4KB NTA1MG5vMTg=.jpg 4KB index.html 15KB style.css 57KB资源评论
