<!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
CrMylive.
- 粉丝: 1w+
- 资源: 4万+
最新资源
- PSO-KELM算法在时序预测中的应用:基于核极限学习机的数据集实践与注释指导,PSO-kelm:粒子群优化kelm用于时序预测 核极限学习机 时间序列预测 自带数据集,代码注释详细,适合新手学习
- google-noto-sans-ugaritic-fonts-20141117-5.el7.x64-86.rpm.tar.gz
- google-noto-sans-ui-fonts-20141117-5.el7.x64-86.rpm.tar.gz
- 一阶线性自抗扰控制器(L-ADRC)的算法支持:高效封装与调试体验简介,一阶线性自抗扰控制器(L-ADRC),支持算法,已封装调试简单 ,一阶线性自抗扰控制器(L-ADRC); 支持算法; 已封装调
- google-noto-sans-vai-fonts-20141117-5.el7.x64-86.rpm.tar.gz
- "西门子S7-1200博图PID恒温恒压供冷却水系统程序案例 - 霍尼韦尔电动比例阀与变频器控制",147-西门子S7-1200博图程序案例, PID 恒温恒压供冷却水程序.触摸屏画面TP1200组态
- 基于uniapp框架与uview2UI的电商项目uniappShopDemo设计源码
- google-noto-sans-yi-fonts-20141117-5.el7.x64-86.rpm.tar.gz
- 使用jmeter进行压力测试示例
- 基于PI闭环控制的BUCK电路仿真研究:开关频率90kHz下的关键节点波形分析,BUCK电路的仿真,simulink仿真 采用PI闭环方式进行控制 了解BUCK变器的基本原理,并对BUCK变器进行仿
- 基于Java全栈技术的家庭助手网络接口设计源码
- google-noto-serif-armenian-fonts-20141117-5.el7.x64-86.rpm.tar.gz
- 基于Vue和TypeScript的DIY装修海报拖拽设计源码模板
- “单相与三相光伏发电的并网与离网Simlink仿真:MPPT算法与VSC控制实现”,单相 三相光伏发电并网 离网simlink仿真(MPPT)或是大功率VSC 最大功率点追踪算法(MPPT)仿真模型
- google-noto-serif-fonts-20141117-5.el7.x64-86.rpm.tar.gz
- 基于WPF的XiaFControl设计源码库,持续更新中
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈