<!--A Design by W3layouts
Author: W3layout
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Nails an Beauty and Spa Category Category Flat Bootstarp responsive Website Template| Home :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Nails Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!--webfont-->
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Tangerine' rel='stylesheet' type='text/css'>
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Open+Sans:300,400,600,700,800' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<!------ light-box-script ----->
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/javascript" charset="utf-8">
$(function() {
$('.about-grid a').Chocolat({linkImages:false});
});
</script>
<!------ light-box-script ----->
</head>
<body>
<div class="header_top">
<div class="col-xs-6 logo">
<h1><a href="index.html">Nails</a></h1>
</div>
<div class="col-xs-6 nav">
<ul class="menu">
<li class="item1"><a href="#"><img class="arrow-img" src="images/menu.png" alt=""/> <img src="images/nav_arrow.png" alt=""/></a>
<ul class="cute">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="typography.html">Features</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</li>
</ul>
</div>
<div class="clearfix"> </div>
<!--initiate accordion-->
<script type="text/javascript">
$(function() {
var menu_ul = $('.menu > li > ul'),
menu_a = $('.menu > li > a');
menu_ul.hide();
menu_a.click(function(e) {
e.preventDefault();
if(!$(this).hasClass('active')) {
menu_a.removeClass('active');
menu_ul.filter(':visible').slideUp('normal');
$(this).addClass('active').next().stop(true,true).slideDown('normal');
} else {
$(this).removeClass('active');
$(this).next().stop(true,true).slideUp('normal');
}
});
});
</script>
</div>
<div class="about_banner">
<div class="container">
<div class="banner_desc about_desc">
<h1>About</h1>
</div>
</div>
</div>
<div class="about_1">
<div class="container">
<div class="col-md-9 grid_4">
<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?"</p>
<p class="last">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus</p>
</div>
<div class="col-md-3 grid_5">
<h5>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment.</h5>
<h6>-denouncing pleasure</h6>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="grid_4">
<h3 class="motiveColor">Meet Us</h3>
<h4 class="motiveColor1">But I must explain to you how all this mistaken</h4>
<div class="container">
<div class="about-grids">
<div class="col-sm-3 about-grid">
<a href="images/pic2.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic2.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify.png" alt=""/></div>
</div>
</div>
</a>
<h3><a href="#">Consectetuer</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
<a href="#" class="btn_2" title="Lewis Tompson">more</a>
</div>
<div class="col-sm-3 about-grid">
<a href="images/pic3.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic3.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify.png" alt=""/></div>
</div>
</div>
</a>
<h3><a href="#">Tincidunt</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
<a href="#" class="btn_2" title="Lewis Tompson">more</a>
</div>
<div class="col-sm-3 about-grid">
<a href="images/pic4.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic4.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify.png" alt=""/></div>
</div>
</div>
</a>
<h3><a href="#">Dolor sit</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
<a href="#" class="btn_2" title="Lewis Tompson">more</a>
</div>
<div class="col-sm-3 about-grid">
<a href="images/pic5.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic5.jpg" class="img-responsive" alt=""/>
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- ELMAN神经网络分类和预测MATLAB程序,采用红酒数据集分类 可根据你的要求定制,程序中注释清楚,后期可以自己更改数据,也可以直接运行
- 时间序列bp自回归神经网络预测matlab程序代码 ,含最佳 自回归阶数和最佳隐层节点数的确定
- 世界濒危蛇类数据集.zip
- IEEE 6 bus 节点 系统仿真 Matlab simulink质量过硬 该模型为自己搭建,电压稳定,与标准参数一致,可观测电压
- 基于微信小程序的短文写作竞赛管理系统设计与实现.docx
- 基于微信小程序的仓储管理系统设计与实现.docx
- 基于微信小程序的高校就业招聘系统设计与实现.docx
- 基于微信小程序的上门维修系统设计与实现.docx
- 基于小程序的物流管理系统设计与实现.docx
- FPC双平台喷码追溯系统 该视频拿摄于调试时,未提速状态 1.搭配依玛士9450喷码机 2.大理石配重,高精密直线电机 3.高速数据交互,与mes实时通讯 4.自动检查重码和错码 5.判断二维码等级
- Qt Designer Setup直接安装Qt Designer直接安装
- 摔倒检测的多个代码 多种方法
- PMSM永磁同步电机矢量控制算法仿真,电流双闭环控制,均为手动搭建
- 全球日照时间数据集.zip
- vue-demo.zip
- 具有网络约束的输电网侧与排放有关的风电协调:概念和案例研究25 本文介绍了传输网格侧的排放有关的风电动车(EV)协调的研究 提出了一种代表可控EVS集群的聚合器模型,并在传输侧配备大规模风电 使用
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈