<!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 | Home</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>
<!-- Begin template wrapper -->
<div id="wrapper">
<!-- Begin header -->
<div id="header_wrapper">
<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" class="active">
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">
About us
</a>
</li>
<li>
<a href="contact.html">
Contact
</a>
</li>
</ul>
<!-- End main nav -->
<br class="clear"/>
<!-- Begin content slider -->
<div id="content_slider" class="content_slider">
<!-- Begin slider content 1 -->
<div id="slide1" class="active_slide">
<div class="macbook">
<a href="#youtube_video" class="portfolio_youtube">
<img src="example/chrome_screen.png" alt=""/>
</a>
</div>
<div class="content">
<h1>Content + Video preview</h1>
<br/>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur, nib amet, consectetur adipiscing elit Lorem.
</p>
<p style="margin-top:25px">
<input type="button" class="silver" value="Buy this theme"/>
</p>
</div>
<!-- Begin youtube video content -->
<div style="display:none;">
<div id="youtube_video" style="width:640px;height:385px">
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/RrDHrwLUtvk" style="width:640px;height:385px">
<param name="movie" value="http://www.youtube.com/v/RrDHrwLUtvk" />
</object>
</div>
</div>
<!-- End youtube video content -->
</div>
<!-- End slider content 1 -->
<!-- Begin slider content 2 -->
<div id="slide2" style="display:none">
<div class="macbook right">
<a href="example/fulladmin_zoom.png" class="portfolio_image">
<img src="example/fulladmin_screen.png" alt=""/>
</a>
</div>
<div class="content left">
<h1>Content left + Image preview</h1>
<br/>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur, nib amet, consectetur adipiscing elit Lorem.
</p>
</div>
</div>
<!-- End slider content 2 -->
<!-- Begin slider content 3 -->
<div id="slide3" style="display:none">
<div class="content_slider_frame">
<img src="example/full_image_slider.png" alt="" class="image"/>
</div>
</div>
<!-- End slider content 3 -->
<!-- Begin slider content 4 -->
<div id="slide4" style="display:none">
<div class="content_full">
<h1>Full Content slide, list or image</h1>
<br/>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur, nib amet, consectetur adipiscing elit Lorem.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur, nib amet, consectetur adipiscing elit Lorem.
</p>
<br/><br/>
<ul class="global">
<li>Curabitur eu sapien eget tortor blandit pretium auctor ac metus.</li>
<li>Etiam quis est non velit facilisis auctor.</li>
<li>Vivamus adipiscing auctor quam, at aliquet diam viverra sed.</li>
</ul>
</div>
</div>
<!-- End slider content 4 -->
</div>
<!-- End content slider -->
<div id="slide_nav" class="slide_nav">
<a href="#slide1" class="active">0</a>
<a href="#slide2" class="nivo-control">1</a>
<a href="#slide3" class="nivo-control">2</a>
<a href="#slide4" class="nivo-control">3</a>
</div>
</div>
</div>
</div>
<!-- End header -->
<br class="clear"/>
<!-- Begin content -->
<div id="content_wrapper">
<div class="inner">
<!-- Begin three column content -->
<div class="three_column">
<div class="wrapper">
<div class="each">
<h2>
<img src="images/icon_skins.png" alt="" class="mid_align"/>
Multiple Skins
</h2>
<div class="line"></div>
<p>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Donec consectetur, nib amet,
consectetur adipiscing elit Lorem ipsum
dolor adipiscing elit..
</p>
</div>
<div class="each">
<h2>
<img src="images/icon_layouts.png" alt="" class="mid_align"/>
Layouts
</h2>
<div class="line"></div>
<p>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Donec consectetur, nib amet,
consectetur adipiscing elit Lorem ipsum
dolor adipiscing elit..
</p>
</div>
<div class="each">
<h2>
<img src="images/icon_browsers.png" alt="" class="mid_align"/>
All Browsers
</h2>
<div class="line"></div>
<p>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Donec consectetur, nib amet,
consectetur adipiscing elit Lorem ipsum
dolor adipiscing elit..
</p>
</div>
<br class="clear"/>
</div>
</div>
<!-- End three column content -->
<br class="clear"/>
<!-- Begin two column content -->
<div class="two_column">
<div class="main">
<h4>What we do?</h4>
<div class="post_wrapper">
<div class="frame">
<a href="blog_post.html">
<img src="example/post1.png" alt=""/>
</a>
</div>
<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>
</div>
<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>
Recent Posts
</h4>
New and interesting story.
<ul class="posts">
<li>
<img src="example/thumb1.jpg" alt=""/>
<a href="blog_post.html">
Fonsectetur adipisicing
</a><br/>
Ut enim ad minim veniam. Lorem ipsum dosectetur...
</li>
<li>
<img src="example/thumb2.jpg" alt=""/>
<a href="blog_post.html">
Fonsectetur adipisicing
</a><br/>
Ut enim ad minim veniam. Lorem ipsum dosectetur...
</li>
<li>
<img src="example/thumb3.jpg" alt=""/>
<a href="blog_post.html">
Fonsectetur adipisicing
</a><br/>
Ut enim ad minim veniam. Lorem ipsum dosectetur...
</li>
</ul>
<br/>
<p>
<input type="button" value="Read more" onclick="location.href='blog.html'"/>
</p>
</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>