<!DOCTYPE html>
<html>
<head>
<title>About</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<style type="text/css">@import url("css/style.css");</style>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<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="Elegant 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>
<!--fonts-->
<link href='#css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!-- slide -->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
speed: 500,
namespace: "callbacks",
pager: true,
});
});
</script>
<!---css-style-switecher----->
<script type="text/javascript" src="js/jsapi.js"></script>
<script>
google.setOnLoadCallback(function()
{
// Color changer
$(".colorred").click(function(){
$("link").attr("href", "css/red.css");
return false;
});
$(".colorblack").click(function(){
$("link").attr("href", "css/black.css");
return false;
});
});
</script>
<!---//End-css-style-switecher----->
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<div class="logo">
<h1><a href="index.html">ELEGANT</a></h1>
</div>
<div class="top-nav">
<span class="menu"> <img src="images/menu.png" alt=""></span>
<ul>
<li ><a href="index.html" >HOME</a></li>
<li class="active"><a href="about.html" > ABOUT</a></li>
<li><a href="404.html"> SERVICES </a></li>
<li><a href="portfolio.html" >PORTFOLIO</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
<!--script-->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500, function(){
});
});
</script>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---->
<!---start-color-changer----->
<div id="colorchanger">
<a class="colorbox colorred" href="?theme=red" title="Red Theme"> </a>
<a class="colorbox colorblack" href="?theme=black" title="Black Theme"> </a>
</div>
<!---//End-color-changer----->
<div class="content">
<div class="about">
<div class="container">
<h2>ABOUT</h2>
<div class="col-md-8 in-about">
<h4>OUR PROFILE</h4>
<div class="our-grid">
<div class=" our-para">
<a href="#">
<img src="images/ab.jpg" alt="image" class="img-responsive ">
</a>
</div>
<div class="our-head">
<h6><a href="#">Lorem ipsum dolor sit amet, consectetur adipisci ngelit. </a></h6>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisi sem, vestibulum ac lobortis quis, aliquet in metus. Suspendi sse a nibh id eros consectetur laoreet. Etiam viverra auctor orci, eu mattis ipsum rutrum nec.</p>
<p class="in">Etortor tortor in turpis. Proin mauris nulla, rutrum aliquet arcu vel, porttitor varius dolor. Phasellus vitae tincidunt orci, et faucibus eros. Sed dolor sapien, pharetra placerat feugiat.</p>
<p class="in">Proin mauris nulla, rutrum aliquet arcu vel, porttitor varius dolor. Phasellus vitae tincidunt orci, et faucibus eros. Sed dolor sapien, pharetra placerat feugiat non, molestie nec elit.Aenean fringilla metus enim, non congue velit porta id. Mauris non lacus sollicitudin, suscipit erat eu, sodales metus. Pellentesque sit amet fringilla orci. Suspendisse lacinia quam et sapien blandit, eu mattis risus posuere. Morbi turpis lorem, vestibulum at turpis vel, suscipit tristique urna. Sed nec dapibus tellus, vel fringilla turpis. Phasellus mollis, lacus sed auct or lobortis, ante nisl tincidunt nibh.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-4 possible-about">
<h4>OUR CAPABILITIES</h4>
<div class="tab1">
<ul class="place">
<li><img src="images/cir.png" alt=""></li>
<li>Placerat ligula tincidunt</li>
</ul>
<p style="display: none; overflow: hidden;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
</div>
<div class="tab2">
<ul class="place">
<li><img src="images/cir.png" alt=""></li>
<li>Sed ut perspiciatis unde</li>
</ul>
<p style="display: none; overflow: hidden;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
</div>
<div class="tab3">
<ul class="place">
<li><img src="images/cir.png" alt=""></li>
<li>Eaque ipsa quae ab illo </li>
</ul>
<p style="display: none; overflow: hidden;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
</div>
<div class="tab4">
<ul class="place">
<li><img src="images/cir.png" alt=""></li>
<li>At vero eos et accusamus</li>
</ul>
<p style="display: none; overflow: hidden;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
</div>
<div class="tab5">
<ul class="place">
<li><img src="images/cir.png" alt=""></li>
<li>Internet tend to repeat </li>
</ul>
<p style="display: block; overflow: hidden;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
</div>
<div class="tab6">
<ul class="place">
<li><img src="images/cir.png" alt=""></li>
<li>Many desktop publishing</li>
</ul>
<p style="display: block; overflow: hidden;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
</div>
<!--script-->
<script>
$(document).ready(function(){
$(".tab1 p").hide();
$(".tab2 p").hide();
$(".tab3 p").hide();
$(".tab4 p").hide();
$(".tab5 p").hide();
$(".tab6 p").hide();
$(".tab1 ul").click(function(){
$(".tab1 p").slideToggle(300);
$(".tab2 p").hide();
$(".tab3 p").hide();
$(".tab4 p").hide();
$(".tab5 p").hide();
$(".tab6 p").hide();
})
$(".tab2 ul").click(function(){
$(".tab2 p").slideToggle(300);
$(".tab1 p").hide();
$(".tab3 p").hide();
$(".tab4 p").hide();
$(".tab5 p").hide();
$(".tab6 p").hide();
})
$(".tab3 ul").click(function(){
$(".tab3 p").slideToggle(300);
$(".tab4 p").hide();
灰色大图画室工作室宽屏企业模板_灰色 美术 设计 艺术 文化 画室 工作室 宽屏 企业 摄影 大图 模特 服装 美容 美发 简洁 bootstrap 手机 响应式 html5 时尚 漂亮 线条 整站 官网 化妆 美妆.rar （43个子文件） 
灰色大图画室工作室宽屏企业模板_灰色 美术 设计 艺术 文化 画室 工作室 宽屏 企业 摄影 大图 模特 服装 美容 美发 简洁 bootstrap 手机 响应式 html5 时尚 漂亮 线条 整站 官网 化妆 美妆 cpts_76_kg css 
magnific-popup.css 10KB bootstrap.css 118KB black.css 3KB style.css 22KB images 
se.jpg 32KB
next.png 3KB pi6.jpg 59KB pl.png 3KB b2.jpg 171KB b1.jpg 185KB prev.png 3KB se.png 4KB pi2.jpg 59KB pi1.jpg 67KB up.png 3KB close.png 3KB pi4.jpg 83KB f1.jpg 16KB se1.jpg 35KB sh.png 4KB ba1.jpg 81KB menu.png 3KB cir.png 3KB pi3.jpg 89KB back.jpg 9KB img-sprite.png 15KB ab.jpg 72KB f2.jpg 9KB ba.jpg 88KB b3.jpg 144KB pi7.jpg 94KB pi.jpg 89KB
404.html 5KB index.html 13KB js jquery.min.js 94KB move-top.js 1KB easing.js 5KB nivo-lightbox.min.js 7KB jsapi.js 24KB responsiveslides.min.js 3KB portfolio.html 9KB about.html 14KB contact.html 7KB资源评论
