<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<!-- Website Title -->
<title>Maxi | About</title>
<!-- Meta data for SEO -->
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<!-- Template stylesheet -->
<link rel="stylesheet" href="css/screen.css" type="text/css" media="all"/>
<link rel="stylesheet" id="link_skin" href="css/skins/pink.css" type="text/css" media="all"/>
<link rel="stylesheet" type="text/css" href="js/nivoslider/nivo-slider.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="js/nivoslider/style/custom-nivo-slider.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.0.css" media="screen"/>
<!--[if IE]>
<link href="css/ie.css" rel="stylesheet" type="text/css" media="all">
<![endif]-->
<!--[if IE 7]>
<link href="css/ie7.css" rel="stylesheet" type="text/css" media="all">
<![endif]-->
<!-- Jquery and plugins -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.img.preload.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.0.js"></script>
<script type="text/javascript" src="js/nivoslider/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/browser.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
</head>
<body class="caption">
<!-- Begin template wrapper -->
<div id="wrapper">
<!-- Begin header -->
<div id="header_wrapper_caption">
<div id="top_bar">
<div class="wrapper">
<div id="logo">
<a href="index.html">
<img src="images/logo.png" alt=""/>
</a>
</div>
<!-- Begin main nav -->
<ul class="nav">
<li>
<a href="index.html">
Home
</a>
</li>
<li>
<a href="portfolio.html">
Portfolio
</a>
<div class="popup">
<div class="top"></div>
<div class="content">
<ul class="submenu">
<li>
<a href="portfolio_default.html">
Portfolio Default
</a>
</li>
<li>
<a href="portfolio_with_slider.html">
Portfolio + Slider
</a>
</li>
<li>
<a href="portfolio_one_column.html">
Portfolio 1 Column
</a>
</li>
</ul>
<br class="clear"/>
</div>
<div class="footer"></div>
</div>
</li>
<li>
<a href="pages.html">
Pages
</a>
<div class="popup">
<div class="top"></div>
<div class="content">
<ul class="submenu">
<li>
<a href="full_width.html">
Full width
</a>
</li>
<li>
<a href="right_side_bar.html">
Right side bar
</a>
</li>
<li>
<a href="typography.html">
Typography
</a>
</li>
</ul>
<br class="clear"/>
</div>
<div class="footer"></div>
</div>
</li>
<li>
<a href="skins.html">
Skins
</a>
<div class="popup">
<div class="top"></div>
<div class="content">
<ul id="nav_skin" class="submenu">
<li>
<a href="#bokeh">
Bokeh
</a>
</li>
<li>
<a href="#bokeh2">
Bokeh2
</a>
</li>
<li>
<a href="#space">
Space
</a>
</li>
<li>
<a href="#wood">
Wood
</a>
</li>
<li>
<a href="#dark_wood">
Dark Wood
</a>
</li>
<li>
<a href="#blue">
Shiny Blue
</a>
</li>
<li>
<a href="#red">
Shiny Red
</a>
</li>
<li>
<a href="#pink">
Shiny Pink
</a>
</li>
<li>
<a href="#green">
Shiny Green
</a>
</li>
<li>
<a href="#purple">
Shiny Purple
</a>
</li>
<li>
<a href="#black">
Plain
</a>
</li>
</ul>
<br class="clear"/>
</div>
<div class="footer"></div>
</div>
</li>
<li>
<a href="blog.html">
Blog
</a>
</li>
<li>
<a href="about.html" class="active">
About us
</a>
</li>
<li>
<a href="contact.html">
Contact
</a>
</li>
</ul>
<!-- End main nav -->
<br class="clear"/>
<div class="caption">
<h1>About us</h1>
</div>
</div>
</div>
</div>
<!-- End header -->
<br class="clear"/>
<!-- Begin content -->
<div id="content_wrapper_caption">
<div class="inner">
<!-- Begin two column content -->
<div class="two_column">
<div class="main">
<h4>What we do?</h4>
<br/>
<p>
This is an example about us page. You can edit this information about your or your company. You also can use the pre styling elements. visit "Typography page".
</p>
<br/><br/>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit,
sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labolore magna aliqua. Ut enim ad minim veniam.
</p>
<br/><br/>
<h4>Testimonials</h4><br/>
<div class="testimonials">
<p id="testimonial1" style="display:block">
<strong>This is awesome!</strong><br/>
labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<br/><br/>
<strong><a href="">John Doe, CEO</a></strong>
</p>
<p id="testimonial2">
<strong>Nice template!</strong><br/>
labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam. labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam
<br/><br/>
<strong><a href="">John Doe, CEO</a></strong>
</p>
<p id="testimonial3">
<strong>This is awesome!</strong><br/>
labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dosectetur adipisicing elit, sed do enim ad minim veniam.
<br/><br/>
<strong><a href="">John Doe, CEO</a></strong>
</p>
<p id="testimonial4">
<strong>Nice template!</strong><br/>
labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dosectetur adipisicing elit, sed do enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do enim ad minim veniam.
<br/><br/>
<strong><a href="">John Doe, CEO</a></strong>
</p>
</div>
<br class="clear"/>
<div id="testimonials_triangle" class="testimonials_triangle"></div>
<div class="testimonials_owner">
<ul>
<li>
<a href="#testimonial1">
<img src="example/avatar1.jpg" alt=""/>
</a>
</li>
<li>
<a href="#testimonial2">
<img src="example/avatar2.jpg" alt=""/>
</a>
</li>
<li>
<a href="#testimonial3">
<img src="example/avatar3.jpg" alt=""/>
</a>
</li>
<li>
<a href="#testimonial4">
<img src="example/avatar4.jpg" alt=""/>
</a>
</li>
</ul>
</div>
</div>
<div class="side_bar">
<div class="content" style="margin-top:40px">
<h4>
From Twitter
<img src="images/icon_twitter.png" alt="" class="mid_align" style="margin-left:10px"/>
</h4>
<ul class="posts">
<li>
<a href="">
Fonsectetur adipisicing elit, sed do eiusmod
</a>
1 hour ago.
</li>
<li>
<a href="">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur.
</a>
1 hour 30 minutes ago.
</li>
<li>
<a href="">
Donec consectetur, nibh ut feugiat placerat.
</a>
1 hour 45 minutes ago.
</li>
<li>
<a href="">
Amet, consectetur adipiscing elit. Donec consectetur, nib
</a>
1 hour 59 minutes ago.
</li>
</ul>
</div>
</div>
</div>
<!-- End two column content -->
</div>
</div>
<!-- End content -->
<br class="clear"/><br/><br/>
<!-- Begin footer -->
<div id="footer">
<div class="wrapper">
<div class="about">
<h5>About us</h5>
<br/>
<p>
Nulla iaculis sapien at dolor elementum volutpat.
Quisque et nisi vel enim consequat ultrices.
Donec et dolor nec justo malesuada pharetra.
Nam sollicitudin tortor.
</p>
<br/>
<ul class="social_media">
<li>
<a href="">
<img src="images/icon_twitter2.png" alt=""/>
</a>
</li>
<li>
<a href="">
<img src="images/icon_facebook.png" alt=""/>
</a>
</li>
<li>
<a href="">
<img src="images/icon_flickr.png" alt=""/>
</a>
</li>
<li>
<a href="">
<img src="images/icon_rss.png" alt=""/>
</a>
</li>
</ul>
</div>
<div>
<h5>Recent</h5>
<ul class="list">
<li>
<a href="">Nulla iaculis sapien at</a>
</li>
<li>
<a href="">Dolor elementum </a>
</li>
<li>
<a href="">Quisque et nisi vel</a>
</li>
<li>
<a href="">Enim consequat ultrices</a>
</li>
<li>
<a href="">Donec et dolor nec</a>
</li>
</ul>
</div>
<div>
<h5>Categories</h5>
<ul class="list">
<li>
<a href="">Nulla iaculis sapien at</a>
</li>
<li>
<a href="">Dolor elementum </a>
</li>
<li>
<a href="">Quisque et nisi vel</a>
</li>
</ul>
</div>
<div>
<h5>Archives</h5>
<ul class="list">
<li>
<a href="">April 2010</a>
</li>
<li>
<a href="">May 2010</a>
</li>
<li>
<a href="">June 2010</a>
</li>
<li>
<a href="">July 2010</a>
</li>
</ul>
</div>
<br class="clear"/>
</div>
</div>
<!-- End footer -->
</div>
<!-- End template wrapper -->
</body>
</html>