<!DOCTYPE html>
<html lang="en">
<head>
<title>Gro-spa - Responsive Creative Theme</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link rel="stylesheet" href="css/style.css" media="screen">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<script src="js/jquery-1.7.2.min.js"></script>
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css">
<![endif]-->
</head>
<body id="page-inner">
<!-- header -->
<header>
<div class="row-1">
<div class="container_12">
<div class="grid_12">
<div class="logo fleft">
<h1><a href="index.html">Gro-spa - Responsive Creative Theme</a></h1>
<div class="slogan">A better choice!</div>
</div>
<div class="call"> <img src="images/icons/icon-phone.png" alt=""> <span>Call Us: 111-234-3421</span> </div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="row-3">
<div class="container_12">
<div class="grid_12">
<!-- menu -->
<nav id = "main-nav-menu">
<ul class="sf-menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="features.html">Features</a></li>
<li><a href="product-price.html">Product Price</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-single.html">Blog Details</a></li>
<li><a href="portfolio3.html">Portfolio</a>
<ul>
<li><a href="portfolio2.html">Two Column</a></li>
<li><a href="portfolio3.html">Three Column</a></li>
<li><a href="portfolio4.html">Four Column</a></li>
</ul>
</li>
</ul>
</li>
<li class="active"><a href="elements.html">Elements</a>
<ul>
<li><a href="elements.html">Elements</a></li>
<li><a href="price.html">Price</a></li>
<li><a href="price-list.html">Price list</a></li>
<li><a href="headings.html">Headings</a></li>
<li><a href="column.html">Columns Layout</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a>
<ul>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-single.html">Blog Details</a></li>
</ul>
</li>
<li><a href="portfolio3.html">Portfolio</a>
<ul>
<li><a href="portfolio2.html">Two Column</a></li>
<li><a href="portfolio3.html">Three Column</a></li>
<li><a href="portfolio4.html">Four Column</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- end menu -->
<a href="#" class="spa-packages button-yellow"><img alt="" src="images/icons/offer-icon.png">Spa Packages</a>
<select id = "responsive-main-nav-menu" onchange = "javascript:window.location.replace(this.value);">
</select>
</div>
<div class="clear"></div>
</div>
</div>
</header>
<!-- content -->
<section id="content">
<div class="container_12">
<div class="grid_12">
<div class="breadcrumbs">
<p><span class="bread-home"><a href="index.html">Home</a></span>Elements</p>
</div>
</div>
<div class="clear"></div>
<!--SITE CONTENTS-->
<div class="wrapper">
<div class="grid_12">
<h1 class="text-t-big ident-bot-0">Elements</h1>
</div>
</div>
<div class="clear"></div>
<div class="separator"></div>
<div class="wrapper">
<div class="grid_3">
<h3>Unordered List</h3>
<ul class="list-style">
<li class="arrow-list"><a href="#">Arrow List - Item Label</a></li>
<li class="arrow-list-2"><a href="#">Arrow 2 List - Item Label</a></li>
<li class="circle-list"><a href="#">Circle List - Item Label</a></li>
<li class="check-list"><a href="#">Check List - Item Label</a></li>
<li class="check-list-2"><a href="#">Check 2 List - Item Label</a></li>
<li class="star-list"><a href="#">Star List - Item Label</a></li>
<li class="plus-list"><a href="#">Plus List - Item Label</a></li>
<li class="dash-list"><a href="#">Dash List - Item Label</a></li>
</ul>
</div>
<div class="grid_3">
<h3>Service List</h3>
<ul class="list-style">
<li class="arrow-list"><a href="#">Arrow List - Item Label</a></li>
<li class="arrow-list"><a href="#">Arrow 2 List - Item Label</a></li>
<li class="arrow-list"><a href="#">Circle List - Item Label</a></li>
<li class="arrow-list"><a href="#">Check List - Item Label</a></li>
<li class="arrow-list"><a href="#">Check 2 List - Item Label</a></li>
<li class="arrow-list"><a href="#">Star List - Item Label</a></li>
<li class="arrow-list"><a href="#">Plus List - Item Label</a></li>
<li class="arrow-list"><a href="#">Dash List - Item Label</a></li>
</ul>
</div>
<div class="grid_3">
<h3>Feature List</h3>
<ul class="list-style">
<li class="circle-list"><a href="#">Arrow List - Item Label</a></li>
<li class="circle-list"><a href="#">Arrow 2 List - Item Label</a></li>
<li class="circle-list"><a href="#">Circle List - Item Label</a></li>
<li class="circle-list"><a href="#">Check List - Item Label</a></li>
<li class="circle-list"><a href="#">Check 2 List - Item Label</a></li>
<li class="circle-list"><a href="#">Star List - Item Label</a></li>
<li class="circle-list"><a href="#">Plus List - Item Label</a></li>
<li class="circle-list"><a href="#">Dash List - Item Label</a></li>
</ul>
</div>
<div class="grid_3">
<h3>Ordered List</h3>
<ol class="list-style-1">
<li><a href="#">Arrow List - Item Label</a></li>
<li><a href="#">Arrow 2 List - Item Label</a></li>
<li><a href="#">Circle List - Item Label</a></li>
<li><a href="#">Check List - Item Label</a></li>
<li><a href="#">Check 2 List - Item Label</a></li>
<li><a href="#">Star List - Item Label</a></li>
<li><a href="#">Plus List - Item Label</a></li>
<li><a href="#">Dash List - Item Label</a></li>
</ol>
</div>
</div>
<div class="clear"></div>
<div class="separator"></div>
<div class="wrapper">
<div class="grid_12">
<h3>Alert Boxes</h3>
</div>
<div class="grid_3">
<p class="message-box-error"><strong>Error</strong> - Your message! </p>
</div>
<div class="grid_3">
<p class="message-box-success"><strong>Success</strong> - Your message! </p>
</div>
<div class="grid_3">
<p class="message-box-info"><strong>Info</strong> - Your message! </p>
</div>
<div class="grid_3">
<p class="message-box-notice"><strong>Notice</strong> - Your message! </p>
</div>
</div>
<div class="wrapper">
<div class="grid_6">
<div class="message-box info"> <strong>Info: </strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <span class="closemsg"></span> </div>
<div class="message-box note"> <strong>Note: </stron
响应式深绿灰白企业模板组件.zip （275个子文件） 
elements.css 36KB prettyPhoto.css 26KB style.css 18KB inner.css 13KB skeleton.css 9KB fancybox.css 9KB color-fonts.css 7KB portfolio.css 6KB forms.css 4KB flexslider.css 4KB slider-form.css 4KB superfish.css 4KB jcarousel.css 1KB reset.css 1KB ie.css 808B Thumbs.db 77KB Thumbs.db 31KB Thumbs.db 16KB Thumbs.db 15KB Thumbs.db 15KB Thumbs.db 10KB Thumbs.db 10KB Thumbs.db 10KB Thumbs.db 9KB Thumbs.db 8KB Thumbs.db 8KB Thumbs.db 8KB PTS56F-webfont.eot 44KB PTS76F-webfont.eot 41KB PTS55F-webfont.eot 40KB PTS75F-webfont.eot 37KB OpenSans-Italic-webfont.eot 34KB DroidSans-webfont.eot 30KB DroidSans-Bold-webfont.eot 29KB OpenSans-Regular-webfont.eot 29KB OpenSans-Light-webfont.eot 29KB OpenSans-ExtraBoldItalic-webfont.eot 23KB OpenSans-Bold-webfont.eot 21KB OpenSans-Semibold-webfont.eot 21KB PTS56F-webfont.eot@ 44KB PTS76F-webfont.eot@ 41KB PTS55F-webfont.eot@ 40KB PTS75F-webfont.eot@ 37KB OpenSans-Italic-webfont.eot@ 34KB OpenSans-Regular-webfont.eot@ 29KB OpenSans-Light-webfont.eot@ 29KB DroidSans-webfont.eot_40 30KB DroidSans-Bold-webfont.eot_40 29KB OpenSans-ExtraBoldItalic-webfont.eot_40 23KB OpenSans-Bold-webfont.eot_40 21KB OpenSans-Semibold-webfont.eot_40 21KB
loader.gif 6KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB 125.gif 1004B default_thumbnail.gif 227B blank.gif 43B
elements.html 28KB price-list.html 22KB features.html 19KB product-price.html 19KB services.html 18KB blog-single.html 18KB index.html 17KB price.html 17KB about.html 17KB blog.html 16KB portfolio2.html 16KB portfolio3.html 16KB portfolio4.html 15KB column.html 10KB headings.html 10KB contact.html 10KB favicon.ico 894B
header-bg.jpg 331KB footer-bg.jpg 304KB port-2.jpg 251KB port-9.jpg 193KB port-5.jpg 193KB port-7.jpg 191KB port-6.jpg 185KB port-8.jpg 184KB port-3.jpg 178KB port-1.jpg 173KB post3.jpg 169KB port-4.jpg 164KB post2.jpg 153KB post1.jpg 150KB pic4.jpg 103KB pic2.jpg 96KB pic3.jpg 96KB pic1.jpg 68KB team-1.jpg 33KB team-2.jpg 31KB team-4.jpg 26KB team-3.jpg 25KB mark.jpg 19KB jade.jpg 18KB共 275 条
- 1
- 2
- 3
资源评论
CrMylive.
- 粉丝: 1w+
- 资源: 4万+
最新资源
- 基于集成学习Bagging算法的集成模型数据回归预测：matlab代码实例与应用分析,基于集成模型的Bagging的数据回归预测 matlab代码 ,核心关键词：基于集成模型的Bagging; 数据
- Java毕设项目：基于spring+mybatis+maven+mysql实现的婚恋网站管理系统【含源码+数据库+毕业论文】
- 大学生活动社交小程序-活动资源
- kis-flow-活动资源
- Matlab机械臂综合仿真平台：涵盖运动学、动力学与控制，基于Simulink的轨迹规划与GUI控制仿真,Matlab机械臂综合仿真平台，包含运动学、动力学和控制 MATLAB机器人仿真正逆运动学s
- 校园社团活动报名- Java+小程序-活动资源
- 基于LABVIEW实现三菱PLC FX5U以太网通讯VI的XYMD数据读写实战项目,LABVIEW三菱PLC FX5U以太网通讯VI 项目实用，读写D数据，其他部分可自行添加，这个是框架 ,LABV
- 大学生活动社交小程序-活动资源
- 基于S7-200PLC的豆浆机流量控制详解：梯形图程序、接线图与组态画面,S7-200 MCGS 基于S7-200PLC的豆浆机流量控制 带解释的梯形图程序，接线图原理图图纸，io分配，组态画面 ,核
- 基于PLC的矿井通风安全控制系统S7-200实践教程：梯形图程序解析、接线图与原理图、IO分配及组态画面详解,S7-200 MCGS 基于PLC的矿井通风安全控制系统 带解释的梯形图程序，接线图原理图
- Java毕设项目：基于spring+mybatis+maven+mysql实现的在线交友论坛管理系统【含源码+数据库+毕业论文】
- 三菱PLC与组态王协同构建隧道照明及煤矿安全控制系统：梯形图程序、接线图与组态画面全解析,三菱plc和组态王制作隧道照明控制系统，巷道照明系统，煤矿安全照明 带解释的梯形图程序，接线图原理图图纸，io
- 基于S7-200 PLC的汽车自动清洗机控制系统详解：梯形图程序、接线图与组态画面全解析,S7-200 MCGS 基于S7-200西门子PLC汽车自动清洗机控制系统 带解释的梯形图程序，接线图原理图图
- 基于RS485通讯的西门子S7-200SMART PLC一拖二恒压供水系统自动化解决方案,西门子基于RS485通讯恒压供水一拖二S7-200SMART-PLC 程序样例为一拖二恒压供水，采样S7-20
- axmol-cocos资源
- LabVIEW通用框架：满足多数上位机软件功能需求，简洁直观的设计方案,LabVIEW 通用框架，满足绝大部分上位机软件功能要求，简单直观 ,核心关键词：LabVIEW 通用框架; 上位机软件功能
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
