mirror of
https://github.com/3lswear/webserv.git
synced 2025-10-29 13:27:59 +03:00
tomato and besmart src
This commit is contained in:
Talyx
178
www/def/tomato/about.html
Normal file
178
www/def/tomato/about.html
Normal file
@@ -0,0 +1,178 @@
|
||||
<!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" />
|
||||
<title>Bookstore, Our Company</title>
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
|
||||
<!-- templatemo 360 bookstore -->
|
||||
<!--
|
||||
Bookstore Template
|
||||
http://www.templatemo.com/preview/templatemo_360_bookstore
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
|
||||
|
||||
<script type="text/javascript" src="js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="js/ddsmoothmenu.js">
|
||||
|
||||
/***********************************************
|
||||
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
|
||||
* This notice MUST stay intact for legal use
|
||||
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
|
||||
***********************************************/
|
||||
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
ddsmoothmenu.init({
|
||||
mainmenuid: "templatemo_menu", //menu DIV id
|
||||
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
|
||||
classname: 'ddsmoothmenu', //class added to menu's outer DIV
|
||||
//customtheme: ["#1c5a80", "#18374a"],
|
||||
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="all" href="css/jquery.dualSlider.0.2.css" />
|
||||
|
||||
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.timers-1.2.js" type="text/javascript"></script>
|
||||
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
|
||||
<script type="text/JavaScript" src="js/slimbox2.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="templatemo_header_wrapper">
|
||||
<div id="templatemo_header">
|
||||
<div id="site_title"><a href="#">Bookstore Template</a></div>
|
||||
<div id="templatemo_menu" class="ddsmoothmenu">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html" class="selected">About</a>
|
||||
<ul>
|
||||
<li><span class="top"></span><span class="bottom"></span></li>
|
||||
<li><a href="#submenu1">Sub menu 1</a></li>
|
||||
<li><a href="#submenu2">Sub menu 2</a></li>
|
||||
<li><a href="#submenu3">Sub menu 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="portfolio.html">Gallery</a>
|
||||
<ul>
|
||||
<li><span class="top"></span><span class="bottom"></span></li>
|
||||
<li><a href="#submenu1">Sub menu 1</a></li>
|
||||
<li><a href="#submenu2">Sub menu 2</a></li>
|
||||
<li><a href="#submenu3">Sub menu 3</a></li>
|
||||
<li><a href="#submenu4">Sub menu 4</a></li>
|
||||
<li><a href="#submenu5">Sub menu 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
<br style="clear: left" />
|
||||
</div> <!-- end of templatemo_menu -->
|
||||
<div class="clear"></div>
|
||||
|
||||
</div> <!-- END of header -->
|
||||
</div> <!-- END of header wrapper -->
|
||||
<div id="templatemo_main">
|
||||
<div class="half left">
|
||||
<h2>Ut sodales nibh ut</h2>
|
||||
<p>Vestibulum in mauris id nulla fermentum congue nec vel dolor. Duis ultricies, felis eget ornare adipiscing, erat libero iaculis metus, at suscipit metus erat viverra faucibus est.</p>
|
||||
</div>
|
||||
|
||||
<div class="half right">
|
||||
<h2>Lorem ipsum dolor</h2>
|
||||
<p>Etiam faucibus aliquet turpis sit amet congue. Praesent at nulla id lectus mattis consequat. Ut rutrum blandit dui quis condimentum. In hac habitasse platea dictumst condimentum.</p>
|
||||
</div>
|
||||
<div class="clear h20"></div>
|
||||
<div class="col one_third">
|
||||
<h2>Quisque accumsan</h2>
|
||||
<p>Aenean rutrum, velit in tincidunt ullamcorper, augue arcu cursus tortor, a pulvinar urna eros ut dolor. In mollis augue non dolor faucibus et porta sed magna congue erat. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
|
||||
</div>
|
||||
<div class="col one_third">
|
||||
<h2>Sed laoreet nulla</h2>
|
||||
<p>Sed quam felis, aliquam non tempor quis, pulvinar feugiat lacus. Nullam a urna ac metus ultrices cursus. Curabitur sed massa libero. Duis cursus, odio at rutrum accumsan.</p>
|
||||
</div>
|
||||
<div class="col one_third no_margin_right">
|
||||
<h2>Vivamus scelerisque</h2>
|
||||
<p>Turpis ante lobortis libero, nec imperdiet urna orci sit amet velit. Phasellus sed massa sit amet enim pulvinar molestie. Duis at eros mauris tortor, non fringilla augue leo vel justo.</p>
|
||||
</div>
|
||||
<div class="clear h20"></div>
|
||||
<div class="col one_fourth">
|
||||
<h2>Aliquam lobortis est</h2>
|
||||
<p>Sed porta, felis at accumsan consequat, augue odio varius nibh, non commodo leo magna vel turpis. Morbi velit odio, dapibus a porta a, sagittis aliquam velit. Phasellus enim ac sed fermentum enim. </p>
|
||||
</div>
|
||||
<div class="col one_fourth">
|
||||
<h2>Donec tortor quam</h2>
|
||||
<p>Nam mauris sapien, cursus sed egestas ut, aliquam ut sapien. Nullam et nulla ante. Proin at condimentum magna. Ut accumsan erat interdum erat ullamcorper nec porta nisi arcu vel pharetra hendrerit.</p>
|
||||
</div>
|
||||
<div class="col one_fourth">
|
||||
<h2>Etiam alique</h2>
|
||||
<p>Aenean malesuada dignissim mattis. Nulla id interdum urna. Pellentesque commodo porta justo, venenatis mi pretium et. In gravida tincidunt pretium a blandit lorem. Mauris rutrum elit ut tristique.</p>
|
||||
</div>
|
||||
<div class="col one_fourth no_margin_right">
|
||||
<h2>Nullam a urna ac</h2>
|
||||
<p>Quisque condimentum convallis dignissim. Curabitur facilisis tellus quis neque lobortis pulvinar posuere suscipit, ipsum erat lobortis tortor, non augue leo vel justo. Suspendisse pharetra velit augue.</p>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div> <!-- END of main -->
|
||||
<div id="templatemo_footer_wrapper">
|
||||
<div id="templatemo_footer">
|
||||
<div class="col one_fourth">
|
||||
<h4>Photo Gallery</h4>
|
||||
<ul class="footer_gallery">
|
||||
<li><a href="images/templatemo_image_03_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_03.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_04_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_04.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_05_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_05.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_06_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_06.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_07_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_07.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_08_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_08.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_09_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_09.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_10_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_10.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_11_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_11.jpg" alt="image" /></a></li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
<a href="portfolio.html" class="more">more</a>
|
||||
</div>
|
||||
<div class="col one_fourth">
|
||||
<h4>Recent Posts</h4>
|
||||
<ul class="no_bullet">
|
||||
<li>
|
||||
<span class="header"><a href="#">Pellentesque nec tempus</a></span>
|
||||
Phasellus porttitor lacus vel risus ullamcorper tempor.
|
||||
</li>
|
||||
<li>
|
||||
<span class="header"><a href="#">Ipsum dolor sit amet</a></span>
|
||||
Nunc facilisis auctor metus, at mollis urna dictum sit amet.
|
||||
</li>
|
||||
<li>
|
||||
<span class="header"><a href="#">Morbi tincidunt dictum leo</a></span>
|
||||
Aliquam aliquam lacus eros, ut cursus augue dolor.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col one_fourth">
|
||||
<h4>Twitter</h4>
|
||||
<ul class="no_bullet">
|
||||
<li><a href="#">@templatemo</a> at scelerisque urna in tellus varius ultricies.</li>
|
||||
<li>Suspendisse enean <a href="#">#FREE</a> tincidunt massa in tellus varius ultricies.</li>
|
||||
<li>Aenean tincidunt massa in tellus varius ultricies. <a href="#">http://bit.ly/13IwZO</a></li>
|
||||
<li>Vulputate odio sit amet adipiscing lacus. <a href="#">http://bit.ly/IyyUoO</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col one_fourth no_margin_right">
|
||||
<h4>About</h4>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor lacus vel risus ullamcorper tempor. Pellentesque vestibulum vulputate odio sit amet adipiscing. Nunc facilisis auctor metus, at mollis urna dictum sit amet.</p>
|
||||
Copyright © 2048 <a href="#">Your Company Name</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div> <!-- END of footer -->
|
||||
</div> <!-- END of footer wrapper -->
|
||||
</body>
|
||||
</html>
|
||||
238
www/def/tomato/blog.html
Normal file
238
www/def/tomato/blog.html
Normal file
@@ -0,0 +1,238 @@
|
||||
<!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" />
|
||||
<title>Bookstore, Blog Theme</title>
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
|
||||
<!-- templatemo 360 bookstore -->
|
||||
<!--
|
||||
Bookstore Template
|
||||
http://www.templatemo.com/preview/templatemo_360_bookstore
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
|
||||
|
||||
<script type="text/javascript" src="js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="js/ddsmoothmenu.js">
|
||||
|
||||
/***********************************************
|
||||
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
|
||||
* This notice MUST stay intact for legal use
|
||||
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
|
||||
***********************************************/
|
||||
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
ddsmoothmenu.init({
|
||||
mainmenuid: "templatemo_menu", //menu DIV id
|
||||
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
|
||||
classname: 'ddsmoothmenu', //class added to menu's outer DIV
|
||||
//customtheme: ["#1c5a80", "#18374a"],
|
||||
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="all" href="css/jquery.dualSlider.0.2.css" />
|
||||
|
||||
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.timers-1.2.js" type="text/javascript"></script>
|
||||
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
|
||||
<script type="text/JavaScript" src="js/slimbox2.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="templatemo_header_wrapper">
|
||||
<div id="templatemo_header">
|
||||
<div id="site_title"><a href="#">Bookstore Template</a></div>
|
||||
<div id="templatemo_menu" class="ddsmoothmenu">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About</a>
|
||||
<ul>
|
||||
<li><span class="top"></span><span class="bottom"></span></li>
|
||||
<li><a href="#submenu1">Sub menu 1</a></li>
|
||||
<li><a href="#submenu2">Sub menu 2</a></li>
|
||||
<li><a href="#submenu3">Sub menu 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="portfolio.html">Gallery</a>
|
||||
<ul>
|
||||
<li><span class="top"></span><span class="bottom"></span></li>
|
||||
<li><a href="#submenu1">Sub menu 1</a></li>
|
||||
<li><a href="#submenu2">Sub menu 2</a></li>
|
||||
<li><a href="#submenu3">Sub menu 3</a></li>
|
||||
<li><a href="#submenu4">Sub menu 4</a></li>
|
||||
<li><a href="#submenu5">Sub menu 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="blog.html" class="selected">Blog</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
<br style="clear: left" />
|
||||
</div> <!-- end of templatemo_menu -->
|
||||
<div class="clear"></div>
|
||||
</div> <!-- END of header -->
|
||||
</div> <!-- END of header wrapper -->
|
||||
<div id="templatemo_main">
|
||||
<div id="content" class="left">
|
||||
<div class="post">
|
||||
<div class="post_header">
|
||||
<h2>Free HTML CSS Templates</h2>
|
||||
<div class="post_meta">by <strong><a href="#">John</a></strong> in <strong><a href="#">HTML</a>, <a href="#">CSS</a></strong>, <strong class="comment"><a href="#">129 comments</a></strong></div>
|
||||
</div>
|
||||
<div class="post_date">
|
||||
27
|
||||
<span class="month">July</span>
|
||||
<span class="year">2048</span>
|
||||
</div>
|
||||
<div class="clear h20"></div>
|
||||
<div class="img_frame img_frame_23 img_nom"><span></span><img src="images/blog/01.jpg" alt="Image 01" /></div>
|
||||
<p>Ut sed lorem ac ante cursus auctor. Nam ut congue velit. Cras eget fermentum sem. Maecenas nec purus lorem, a sodales lectus. Etiam consequat nulla sit amet nisl volutpat ornare. Donec purus nulla, egestas ac porttitor et, pharetra nec felis. Donec lobortis fringilla blandit.</p>
|
||||
<a href="blog_post.html" class="more">More</a>
|
||||
</div>
|
||||
<div class="post">
|
||||
<div class="post_header">
|
||||
<h2>Online Marketing and Advertising</h2>
|
||||
<div class="post_meta">by <strong><a href="#">Albert</a></strong> in <strong><a href="#">3D</a>, <a href="#">Animation</a></strong>, <strong class="comment"><a href="#">135 comments</a></strong></div>
|
||||
</div>
|
||||
<div class="post_date">
|
||||
22
|
||||
<span class="month">July</span>
|
||||
<span class="year">2048</span>
|
||||
</div>
|
||||
<div class="clear h20"></div>
|
||||
<div class="img_frame img_frame_23 img_nom"><span></span><img src="images/blog/02.jpg" alt="Image 02" /></div>
|
||||
<p> Mauris ac condimentum ligula. Cras luctus, leo ut viverra auctor, odio nisl faucibus urna, sed tincidunt ligula purus a orci. Curabitur porttitor faucibus libero, congue tincidunt velit blandit quis. Donec tortor quam, vehicula et pretium et, adipiscing eu mauris. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
|
||||
<a href="blog_post.html" class="more">More</a>
|
||||
</div>
|
||||
<div class="post">
|
||||
<div class="post_header">
|
||||
<h2>Multimedia and 3D Animations</h2>
|
||||
<div class="post_meta">by <strong><a href="#">Juvin</a></strong> in <strong><a href="#">Freebie</a>, <a href="#">Template</a></strong>, <strong class="comment"><a href="#">240 comments</a></strong></div>
|
||||
</div>
|
||||
<div class="post_date">
|
||||
16
|
||||
<span class="month">July</span>
|
||||
<span class="year">2048</span>
|
||||
</div>
|
||||
<div class="clear h20"></div>
|
||||
<div class="img_frame img_frame_23 img_nom"><span></span><img src="images/blog/03.jpg" alt="Image 03" /></div>
|
||||
<p>Integer placerat est et arcu accumsan facilisis vehicula mi ultrices. Ut vitae volutpat erat. Suspendisse diam felis, blandit vitae scelerisque non, consequat rutrum purus. Etiam consequat nulla sit amet nisl volutpat ornare. Donec purus nulla, egestas ac porttitor et, pharetra nec felis.</p>
|
||||
<a href="blog_post.html" class="more">More</a>
|
||||
</div>
|
||||
|
||||
<div class="paging">
|
||||
<ul>
|
||||
<li><a href="#">Previous</a></li>
|
||||
<li><a href="#">1</a></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li><a href="#">4</a></li>
|
||||
<li><a href="#">5</a></li>
|
||||
<li><a href="#">6</a></li>
|
||||
<li><a href="#">Next</a></li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div> <!-- END of content -->
|
||||
|
||||
<div id="sidebar" class="right">
|
||||
<div class="sidebar_box">
|
||||
<h3>Categories</h3>
|
||||
<ul class="list_bullet">
|
||||
<li>Augue felis pharetra felis</li>
|
||||
<li>Condimentum vulputate augue</li>
|
||||
<li>Dolor vel condimentum sed</li>
|
||||
<li>Felis pharetra felis erat</li>
|
||||
<li>Integer placerat dolor vel</li>
|
||||
<li>Tortor mi in massa donec</li>
|
||||
<li>Vulputate tortor mi in massa</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar_box">
|
||||
<h3>Popular Posts</h3>
|
||||
<ul class="no_bullet">
|
||||
<li>
|
||||
<a href="#" class="header">Etiam suscipit bibendum scelerisque</a>
|
||||
Etiam faucibus aliquet turpis sit amet congue rutrum blandit dui quis condimentum.
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="header">Praesent euismod mi dictum tempus</a>
|
||||
Aenean rutrum, velit in tincidunt ullamcorper, augue arcu cursus tortor.
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="header">Nunc bibendum cursus justo</a>
|
||||
Sed quam felis, aliquam non tempor quis lacus odio at rutrum accumsan.
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="header">In pretium libero ut libero molestie</a>
|
||||
Imperdiet urna orci sit amet velit massa sit amet enim pulvinar molestie.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> <!-- END of sidebar -->
|
||||
<div class="clear"></div>
|
||||
</div> <!-- END of main -->
|
||||
<div id="templatemo_footer_wrapper">
|
||||
<div id="templatemo_footer">
|
||||
<div class="col one_fourth">
|
||||
<h4>Photo Gallery</h4>
|
||||
<ul class="footer_gallery">
|
||||
<li><a href="images/templatemo_image_03_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_03.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_04_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_04.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_05_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_05.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_06_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_06.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_07_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_07.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_08_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_08.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_09_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_09.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_10_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_10.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_11_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_11.jpg" alt="image" /></a></li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
<a href="portfolio.html" class="more">more</a>
|
||||
</div>
|
||||
<div class="col one_fourth">
|
||||
<h4>Recent Posts</h4>
|
||||
<ul class="no_bullet">
|
||||
<li>
|
||||
<span class="header"><a href="#">Pellentesque nec tempus</a></span>
|
||||
Phasellus porttitor lacus vel risus ullamcorper tempor.
|
||||
</li>
|
||||
<li>
|
||||
<span class="header"><a href="#">Ipsum dolor sit amet</a></span>
|
||||
Nunc facilisis auctor metus, at mollis urna dictum sit amet.
|
||||
</li>
|
||||
<li>
|
||||
<span class="header"><a href="#">Morbi tincidunt dictum leo</a></span>
|
||||
Aliquam aliquam lacus eros, ut cursus augue dolor.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col one_fourth">
|
||||
<h4>Twitter</h4>
|
||||
<ul class="no_bullet">
|
||||
<li><a href="#">@templatemo</a> at scelerisque urna in tellus varius ultricies.</li>
|
||||
<li>Suspendisse enean <a href="#">#FREE</a> tincidunt massa in tellus varius ultricies.</li>
|
||||
<li>Aenean tincidunt massa in tellus varius ultricies. <a href="#">http://bit.ly/13IwZO</a></li>
|
||||
<li>Vulputate odio sit amet adipiscing lacus. <a href="#">http://bit.ly/IyyUoO</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col one_fourth no_margin_right">
|
||||
<h4>About</h4>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor lacus vel risus ullamcorper tempor. Pellentesque vestibulum vulputate odio sit amet adipiscing. Nunc facilisis auctor metus, at mollis urna dictum sit amet.</p>
|
||||
Copyright © 2048 <a href="#">Your Company Name</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div> <!-- END of footer -->
|
||||
</div> <!-- END of footer wrapper -->
|
||||
</body>
|
||||
</html>
|
||||
294
www/def/tomato/blog_post.html
Normal file
294
www/def/tomato/blog_post.html
Normal file
@@ -0,0 +1,294 @@
|
||||
<!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" />
|
||||
<title>Bookstore, Full Blog Post</title>
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
|
||||
<!-- templatemo 360 bookstore -->
|
||||
<!--
|
||||
Bookstore Template
|
||||
http://www.templatemo.com/preview/templatemo_360_bookstore
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
|
||||
|
||||
<script type="text/javascript" src="js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="js/ddsmoothmenu.js">
|
||||
|
||||
/***********************************************
|
||||
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
|
||||
* This notice MUST stay intact for legal use
|
||||
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
|
||||
***********************************************/
|
||||
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
ddsmoothmenu.init({
|
||||
mainmenuid: "templatemo_menu", //menu DIV id
|
||||
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
|
||||
classname: 'ddsmoothmenu', //class added to menu's outer DIV
|
||||
//customtheme: ["#1c5a80", "#18374a"],
|
||||
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.timers-1.2.js" type="text/javascript"></script>
|
||||
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
|
||||
<script type="text/JavaScript" src="js/slimbox2.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="templatemo_header_wrapper">
|
||||
<div id="templatemo_header">
|
||||
<div id="site_title"><a href="#">Bookstore Template</a></div>
|
||||
<div id="templatemo_menu" class="ddsmoothmenu">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About</a>
|
||||
<ul>
|
||||
<li><span class="top"></span><span class="bottom"></span></li>
|
||||
<li><a href="#submenu1">Sub menu 1</a></li>
|
||||
<li><a href="#submenu2">Sub menu 2</a></li>
|
||||
<li><a href="#submenu3">Sub menu 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="portfolio.html">Gallery</a>
|
||||
<ul>
|
||||
<li><span class="top"></span><span class="bottom"></span></li>
|
||||
<li><a href="#submenu1">Sub menu 1</a></li>
|
||||
<li><a href="#submenu2">Sub menu 2</a></li>
|
||||
<li><a href="#submenu3">Sub menu 3</a></li>
|
||||
<li><a href="#submenu4">Sub menu 4</a></li>
|
||||
<li><a href="#submenu5">Sub menu 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="blog.html" class="selected">Blog</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
<br style="clear: left" />
|
||||
</div> <!-- end of templatemo_menu -->
|
||||
<div class="clear"></div>
|
||||
</div> <!-- END of header -->
|
||||
</div> <!-- END of header wrapper -->
|
||||
<div id="templatemo_main">
|
||||
<div id="content" class="left">
|
||||
<div class="post">
|
||||
<div class="post_header">
|
||||
<h2>Blog Post Title goes here</h2>
|
||||
<div class="post_meta">by <strong><a href="#">John</a></strong> in <strong><a href="#">Web Design</a>, <a href="#">Source Files</a></strong>, <strong class="comment"><a href="#">129 comments</a></strong></div>
|
||||
</div>
|
||||
<div class="post_date">
|
||||
29
|
||||
<span class="month">July</span>
|
||||
<span class="year">2048</span>
|
||||
</div>
|
||||
<div class="clear h20"></div>
|
||||
<div class="img_frame img_frame_23 img_nom"><span></span><img src="images/blog/01.jpg" alt="Image 01" /></div>
|
||||
<p>Donec quis nulla orci. Nam vehicula dolor ac massa varius at varius purus ullamcorper. Donec quis orci nisl, aliquet ullamcorper nunc. Vestibulum et varius arcu. Aliquam vel eros neque. In hac habitasse platea dictumst. Ut feugiat porttitor nisl, eget dictum purus sodales in.</p>
|
||||
<p>Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>. Morbi venenatis augue sit amet ante facilisis feugiat sed in lectus. Vivamus imperdiet, ante a pretium vehicula, ante enim sodales mi, eu rutrum odio turpis eget arcu. Proin a elit nisl, id aliquam felis. Nunc ultrices iaculis quam, sed commodo erat tempus mollis.</p>
|
||||
<p align="justify">Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipiscing elit. Etiam nec turpis bibendum massa dapibus dictum. Donec eu odio sapien. Donec tincidunt eleifend mauris, ac volutpat leo tincidunt a. Aenean vel vehicula augue. Vestibulum lectus sem, porttitor non molestie quis, pulvinar nec nulla. Maecenas id orci vitae lectus fermentum posuere. <a href="#">Phasellus</a> lacinia eleifend elit, eu mollis erat consectetur et. Integer semper sollicitudin quam a ornare. Nam venenatis nibh ac sem faucibus et imperdiet magna laoreet. Sed at risus dui. Ut imperdiet libero at mauris vestibulum tempor. </p>
|
||||
<p align="justify">Nunc vitae luctus ligula. Etiam vulputate semper lorem quis gravida. Donec nec aliquam ipsum. Nulla feugiat feugiat erat et consequat. Sed hendrerit molestie ante, <a href="#">sit amet porta</a> leo porta ut. Praesent adipiscing turpis at nisl dapibus vehicula. Proin nec nunc magna, eu blandit massa.</p>
|
||||
</div>
|
||||
<ol class="comment_list">
|
||||
<li>
|
||||
<div class="comment_box">
|
||||
<img src="images/avator.jpg" alt="author 01" class="img_fl img_border" />
|
||||
<div class="comment_content">
|
||||
<div class="comment_meta"><strong><a href="#">Peter</a></strong> April 19, 2048 | 9:45 am</div>
|
||||
<p>Ed commodo erat tempus mollis. Duis ultricies nulla sed dolor egestas id.</p>
|
||||
<a href="#" class="more">Reply</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<ul>
|
||||
<li class="depth_2">
|
||||
<div class="comment_box">
|
||||
<img src="images/avator.jpg" alt="author 02" class="img_fl img_border" />
|
||||
<div class="comment_content">
|
||||
<div class="comment_meta"><strong><a href="#">Greg</a></strong> April 21, 2048 | 10:15 am</div>
|
||||
<p>Ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dictum ornare nulla ac laoreet. </p>
|
||||
<a href="#" class="more">Reply</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="depth_3">
|
||||
<div class="comment_box">
|
||||
<img src="images/avator.jpg" alt="author 03" class="img_fl img_border" />
|
||||
<div class="comment_content">
|
||||
<div class="comment_meta"><strong><a href="#">Thomas</a></strong> April 25, 2048 |8:20 pm</div>
|
||||
<p>Nam venenatis nibh ac sem faucibus et imperdiet magna laoreet. Sed at risus dui. Ut imperdiet libero at mauris tempor.</p>
|
||||
<a href="#" class="more">Reply</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="comment_box">
|
||||
<img src="images/avator.jpg" alt="author 04" class="img_fl img_border" />
|
||||
<div class="comment_content">
|
||||
<div class="comment_meta"><strong><a href="#">Danny</a></strong> April 29, 2048 | 9:54 pm</div>
|
||||
<p>In hac habitasse platea dictumst. Vestibulum enim turpis, faucibus sed varius nec, tincidunt a leo. Aenean ultricies porttitor orci ac interdum.</p>
|
||||
<a href="#" class="more">Reply</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="comment_box">
|
||||
<img src="images/avator.jpg" alt="author 05" class="img_fl img_border" />
|
||||
<div class="comment_content">
|
||||
<div class="comment_meta"><strong><a href="#">Jack</a></strong> April 30, 2048 | 12:40 am</div>
|
||||
<p>Quisque ut risus nibh. Etiam consequat elit eu nisi porta ac auctor nisl ultrices. </p>
|
||||
<a href="#" class="more">Reply</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<div class="clear"></div>
|
||||
<div class="paging">
|
||||
<ul>
|
||||
<li><a href="#">Previous</a></li>
|
||||
<li><a href="#">1</a></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li><a href="#">4</a></li>
|
||||
<li><a href="#">5</a></li>
|
||||
<li><a href="#">6</a></li>
|
||||
<li><a href="#">Next</a></li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
<div id="comment_form">
|
||||
<h3>Leave your comment</h3>
|
||||
|
||||
<form action="#" method="get">
|
||||
<div class="form_row">
|
||||
<label>Name (* required)</label><br />
|
||||
<input type="text" name="name" />
|
||||
</div>
|
||||
|
||||
<div class="form_row">
|
||||
<label>Email (* required)</label><br />
|
||||
<input type="text" name="name" />
|
||||
</div>
|
||||
|
||||
<div class="form_row">
|
||||
<label>Comment</label><br />
|
||||
<textarea name="comment" rows="" cols=""></textarea>
|
||||
</div>
|
||||
|
||||
<input type="submit" name="Submit" value="Submit" class="submit_btn" />
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div> <!-- END of content -->
|
||||
|
||||
<div id="sidebar" class="right">
|
||||
<div class="sidebar_box">
|
||||
<h3>Categories</h3>
|
||||
<ul class="list_bullet">
|
||||
<li>Augue felis pharetra felis</li>
|
||||
<li>Condimentum vulputate augue</li>
|
||||
<li>Dolor vel condimentum sed</li>
|
||||
<li>Felis pharetra felis erat</li>
|
||||
<li>Integer placerat dolor vel</li>
|
||||
<li>Tortor mi in massa donec</li>
|
||||
<li>Vulputate tortor mi in massa</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar_box">
|
||||
<h3>Popular Posts</h3>
|
||||
<ul class="no_bullet">
|
||||
<li>
|
||||
<a href="#" class="header">Etiam suscipit bibendum scelerisque</a>
|
||||
Etiam faucibus aliquet turpis sit amet congue rutrum blandit dui quis condimentum.
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="header">Praesent euismod mi dictum tempus</a>
|
||||
Aenean rutrum, velit in tincidunt ullamcorper, augue arcu cursus tortor.
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="header">Nunc bibendum cursus justo</a>
|
||||
Sed quam felis, aliquam non tempor quis lacus odio at rutrum accumsan.
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="header">In pretium libero ut libero molestie</a>
|
||||
Imperdiet urna orci sit amet velit massa sit amet enim pulvinar molestie.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> <!-- END of sidebar -->
|
||||
<div class="clear"></div>
|
||||
</div> <!-- END of main -->
|
||||
<div id="templatemo_footer_wrapper">
|
||||
<div id="templatemo_footer">
|
||||
<div class="col one_fourth">
|
||||
<h4>Photo Gallery</h4>
|
||||
<ul class="footer_gallery">
|
||||
<li><a href="images/templatemo_image_03_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_03.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_04_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_04.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_05_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_05.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_06_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_06.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_07_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_07.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_08_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_08.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_09_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_09.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_10_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_10.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_11_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_11.jpg" alt="image" /></a></li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
<a href="portfolio.html" class="more">more</a>
|
||||
</div>
|
||||
<div class="col one_fourth">
|
||||
<h4>Recent Posts</h4>
|
||||
<ul class="no_bullet">
|
||||
<li>
|
||||
<span class="header"><a href="#">Pellentesque nec tempus</a></span>
|
||||
Phasellus porttitor lacus vel risus ullamcorper tempor.
|
||||
</li>
|
||||
<li>
|
||||
<span class="header"><a href="#">Ipsum dolor sit amet</a></span>
|
||||
Nunc facilisis auctor metus, at mollis urna dictum sit amet.
|
||||
</li>
|
||||
<li>
|
||||
<span class="header"><a href="#">Morbi tincidunt dictum leo</a></span>
|
||||
Aliquam aliquam lacus eros, ut cursus augue dolor.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col one_fourth">
|
||||
<h4>Twitter</h4>
|
||||
<ul class="no_bullet">
|
||||
<li><a href="#">@templatemo</a> at scelerisque urna in tellus varius ultricies.</li>
|
||||
<li>Suspendisse enean <a href="#">#FREE</a> tincidunt massa in tellus varius ultricies.</li>
|
||||
<li>Aenean tincidunt massa in tellus varius ultricies. <a href="#">http://bit.ly/13IwZO</a></li>
|
||||
<li>Vulputate odio sit amet adipiscing lacus. <a href="#">http://bit.ly/IyyUoO</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col one_fourth no_margin_right">
|
||||
<h4>About</h4>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor lacus vel risus ullamcorper tempor. Pellentesque vestibulum vulputate odio sit amet adipiscing. Nunc facilisis auctor metus, at mollis urna dictum sit amet.</p>
|
||||
Copyright © 2048 <a href="#">Your Company Name</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div> <!-- END of footer -->
|
||||
</div> <!-- END of footer wrapper -->
|
||||
</body>
|
||||
</html>
|
||||
177
www/def/tomato/contact.html
Normal file
177
www/def/tomato/contact.html
Normal file
@@ -0,0 +1,177 @@
|
||||
<!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" />
|
||||
<title>Bookstore Theme, Contact Page</title>
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
|
||||
<!-- templatemo 360 bookstore -->
|
||||
<!--
|
||||
Bookstore Template
|
||||
http://www.templatemo.com/preview/templatemo_360_bookstore
|
||||
-->
|
||||
<script type="text/javascript" src="js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="js/ddsmoothmenu.js">
|
||||
|
||||
/***********************************************
|
||||
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
|
||||
* This notice MUST stay intact for legal use
|
||||
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
|
||||
***********************************************/
|
||||
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
ddsmoothmenu.init({
|
||||
mainmenuid: "templatemo_menu", //menu DIV id
|
||||
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
|
||||
classname: 'ddsmoothmenu', //class added to menu's outer DIV
|
||||
//customtheme: ["#1c5a80", "#18374a"],
|
||||
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="all" href="css/jquery.dualSlider.0.2.css" />
|
||||
|
||||
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.timers-1.2.js" type="text/javascript"></script>
|
||||
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
|
||||
<script type="text/JavaScript" src="js/slimbox2.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="templatemo_header_wrapper">
|
||||
<div id="templatemo_header">
|
||||
<div id="site_title"><a href="#">Bookstore Template</a></div>
|
||||
<div id="templatemo_menu" class="ddsmoothmenu">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About</a>
|
||||
<ul>
|
||||
<li><span class="top"></span><span class="bottom"></span></li>
|
||||
<li><a href="#submenu1">Sub menu 1</a></li>
|
||||
<li><a href="#submenu2">Sub menu 2</a></li>
|
||||
<li><a href="#submenu3">Sub menu 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="portfolio.html">Gallery</a>
|
||||
<ul>
|
||||
<li><span class="top"></span><span class="bottom"></span></li>
|
||||
<li><a href="#submenu1">Sub menu 1</a></li>
|
||||
<li><a href="#submenu2">Sub menu 2</a></li>
|
||||
<li><a href="#submenu3">Sub menu 3</a></li>
|
||||
<li><a href="#submenu4">Sub menu 4</a></li>
|
||||
<li><a href="#submenu5">Sub menu 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="contact.html" class="selected">Contact</a></li>
|
||||
</ul>
|
||||
<br style="clear: left" />
|
||||
</div> <!-- end of templatemo_menu -->
|
||||
<div class="clear"></div>
|
||||
</div> <!-- END of header -->
|
||||
</div> <!-- END of header wrapper -->
|
||||
<div id="templatemo_main">
|
||||
<h1>Contact Information</h1>
|
||||
<h4>Send us a message now!</h4>
|
||||
<p>Curabitur ullamcorper mi eget diam eleifend eu congue urna pellentesque. Nam turpis nibh, imperdiet ultricies consequat eget, posuere sed nisi. Mauris tortor leo, sagittis non molestie quis, vehicula vitae ligula. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
|
||||
<div class="half left">
|
||||
<div id="contact_form">
|
||||
<form method="post" name="contact" action="#">
|
||||
|
||||
<label for="author">Name:</label> <input type="text" id="author" name="author" class="required input_field" />
|
||||
<div class="cleaner h10"></div>
|
||||
<label for="email">Email:</label> <input type="text" id="email" name="email" class="validate-email required input_field" />
|
||||
<div class="cleaner h10"></div>
|
||||
|
||||
<label for="subject">Subject:</label> <input type="text" name="subject" id="subject" class="input_field" />
|
||||
|
||||
<div class="cleaner h10"></div>
|
||||
|
||||
<label for="text">Message:</label> <textarea id="text" name="text" rows="0" cols="0" class="required"></textarea>
|
||||
<div class="cleaner h10"></div>
|
||||
|
||||
<input type="submit" value="Send" id="submit" name="submit" class="submit_btn left" />
|
||||
<input type="reset" value="Reset" id="reset" name="reset" class="submit_btn right" />
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="half right">
|
||||
<h4>Mailing Address</h4>
|
||||
<h6><strong>Company Name</strong></h6>
|
||||
330-660 Aliquam semper dignissim,<br />
|
||||
Fusce cursus turpis lacus, 11880<br />
|
||||
Sit amet tortor et<br /><br />
|
||||
|
||||
<strong>Phone:</strong> 020-040-0680 <br />
|
||||
<strong>Email:</strong> <a href="mailto:info@company.com">info@company.com</a> <br />
|
||||
<div class="cleaner h40"></div>
|
||||
|
||||
<iframe width="465" height="260" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Central+Park,+New+York,+NY,+USA&aq=0&sll=14.093957,1.318359&sspn=69.699334,135.263672&vpsrc=6&ie=UTF8&hq=Central+Park,+New+York,+NY,+USA&ll=40.778265,-73.96988&spn=0.033797,0.06403&t=m&output=embed"></iframe>
|
||||
|
||||
</div>
|
||||
<div class="clear h40"></div>
|
||||
|
||||
</div> <!-- END of main -->
|
||||
<div id="templatemo_footer_wrapper">
|
||||
<div id="templatemo_footer">
|
||||
<div class="col one_fourth">
|
||||
<h4>Photo Gallery</h4>
|
||||
<ul class="footer_gallery">
|
||||
<li><a href="images/templatemo_image_03_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_03.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_04_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_04.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_05_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_05.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_06_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_06.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_07_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_07.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_08_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_08.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_09_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_09.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_10_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_10.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_11_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_11.jpg" alt="image" /></a></li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
<a href="portfolio.html" class="more">more</a>
|
||||
</div>
|
||||
<div class="col one_fourth">
|
||||
<h4>Recent Posts</h4>
|
||||
<ul class="no_bullet">
|
||||
<li>
|
||||
<span class="header"><a href="#">Pellentesque nec tempus</a></span>
|
||||
Phasellus porttitor lacus vel risus ullamcorper tempor.
|
||||
</li>
|
||||
<li>
|
||||
<span class="header"><a href="#">Ipsum dolor sit amet</a></span>
|
||||
Nunc facilisis auctor metus, at mollis urna dictum sit amet.
|
||||
</li>
|
||||
<li>
|
||||
<span class="header"><a href="#">Morbi tincidunt dictum leo</a></span>
|
||||
Aliquam aliquam lacus eros, ut cursus augue dolor.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col one_fourth">
|
||||
<h4>Twitter</h4>
|
||||
<ul class="no_bullet">
|
||||
<li><a href="#">@templatemo</a> at scelerisque urna in tellus varius ultricies.</li>
|
||||
<li>Suspendisse enean <a href="#">#FREE</a> tincidunt massa in tellus varius ultricies.</li>
|
||||
<li>Aenean tincidunt massa in tellus varius ultricies. <a href="#">http://bit.ly/13IwZO</a></li>
|
||||
<li>Vulputate odio sit amet adipiscing lacus. <a href="#">http://bit.ly/IyyUoO</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col one_fourth no_margin_right">
|
||||
<h4>About</h4>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor lacus vel risus ullamcorper tempor. Pellentesque vestibulum vulputate odio sit amet adipiscing. Nunc facilisis auctor metus, at mollis urna dictum sit amet.</p>
|
||||
Copyright © 2048 <a href="#">Your Company Name</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div> <!-- END of footer -->
|
||||
</div> <!-- END of footer wrapper -->
|
||||
</body>
|
||||
</html>
|
||||
124
www/def/tomato/css/ddsmoothmenu.css
Normal file
124
www/def/tomato/css/ddsmoothmenu.css
Normal file
@@ -0,0 +1,124 @@
|
||||
.ddsmoothmenu{
|
||||
margin-top: 65px
|
||||
}
|
||||
|
||||
.ddsmoothmenu ul{
|
||||
z-index:100;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
/*Top level list items*/
|
||||
.ddsmoothmenu ul li{
|
||||
position: relative;
|
||||
display: inline;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/*Top level menu link items style*/
|
||||
.ddsmoothmenu ul li a {
|
||||
display: block;
|
||||
height: 32px;
|
||||
width: 87px;
|
||||
margin-left: 10px;
|
||||
line-height: 32px;
|
||||
font-size: 14px;
|
||||
padding-top: 7px;
|
||||
font-family: "MS Serif", "New York", serif;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
font-weight: 400;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
|
||||
background: url(../images/templatemo_menu_hover.png);
|
||||
color: #333
|
||||
}
|
||||
|
||||
/*1st sub level menu*/
|
||||
.ddsmoothmenu ul li ul {
|
||||
position: absolute;
|
||||
width: 184px;
|
||||
margin: 5px 0 0 10px;
|
||||
display: none; /*collapse all sub menus to begin with*/
|
||||
visibility: hidden;
|
||||
background: #f4f1e2;
|
||||
}
|
||||
|
||||
/*Sub level menu list items (undo style from Top level List Items)*/
|
||||
.ddsmoothmenu ul li ul li{
|
||||
display: list-item;
|
||||
float: none;
|
||||
}
|
||||
|
||||
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
|
||||
.ddsmoothmenu ul li ul li ul{
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* Sub level menu links style */
|
||||
.ddsmoothmenu ul li ul li a{
|
||||
font-weight: 500;
|
||||
width: 160px; /*width of sub menus*/
|
||||
margin: 0 3px 0 1px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
padding: 0 10px;
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
background: none;
|
||||
color: #333;
|
||||
border-bottom: 1px solid #e1ddca
|
||||
}
|
||||
|
||||
.ddsmoothmenu ul li ul li .last {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover {
|
||||
color: #000;
|
||||
width: 160px;
|
||||
padding-left: 12px;
|
||||
background: #e1ddca;
|
||||
}
|
||||
|
||||
/* Holly Hack for IE \*/
|
||||
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
|
||||
|
||||
|
||||
/* ######### CSS classes applied to down and right arrow images ######### */
|
||||
|
||||
.downarrowclass{
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 7px;
|
||||
}
|
||||
|
||||
.rightarrowclass{
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
/* ######### CSS for shadow added to sub menus ######### */
|
||||
|
||||
.ddshadow{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* menu */
|
||||
153
www/def/tomato/css/jquery.dualSlider.0.2.css
Normal file
153
www/def/tomato/css/jquery.dualSlider.0.2.css
Normal file
@@ -0,0 +1,153 @@
|
||||
/* CAROUSEL */
|
||||
|
||||
#carousel{
|
||||
position:relative;
|
||||
width: 450px;
|
||||
height: 300px;
|
||||
padding: 0;
|
||||
background: url(../images/slider-image-bg.png) no-repeat
|
||||
}
|
||||
|
||||
#slider-image-frame {
|
||||
float: left;
|
||||
display: block;
|
||||
width: 450px;
|
||||
height: 310px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#carousel .backgrounds{
|
||||
float: left;
|
||||
display: block;
|
||||
width: 450px;
|
||||
height: 300px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#carousel .backgrounds .item{
|
||||
width: 450px;
|
||||
height: 360px;
|
||||
float:left;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
#carousel .backgrounds .item_1{
|
||||
}
|
||||
#carousel .backgrounds .item_2{
|
||||
}
|
||||
#carousel .backgrounds .item_3{
|
||||
}
|
||||
|
||||
#carousel .panel{
|
||||
position:absolute;
|
||||
right: -485px;
|
||||
top:0;
|
||||
height: 300px;
|
||||
width: 450px;
|
||||
z-index:10;
|
||||
}
|
||||
|
||||
#carousel .panel .paging{
|
||||
position:absolute;
|
||||
bottom: 25px;
|
||||
left:100px;
|
||||
width: 225px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#carousel .panel .paging a{
|
||||
color: #4c4c4c;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
#carousel .panel .pause{
|
||||
position:absolute;
|
||||
right:20px;
|
||||
top:25px;
|
||||
display:block;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: transparent url(../images/carousel_pause_bg.gif) no-repeat 0 0;
|
||||
text-indent: -6000px;
|
||||
}
|
||||
|
||||
#carousel .panel .play{
|
||||
position:absolute;
|
||||
right:20px;
|
||||
top:25px;
|
||||
display:block;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: transparent url(../images/carousel_play_bg.gif) no-repeat 0 0;
|
||||
text-indent: -6000px;
|
||||
}
|
||||
|
||||
|
||||
#carousel .panel .paging .next{
|
||||
position:absolute;
|
||||
right:0;
|
||||
bottom:0;
|
||||
display:block;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: transparent url(../images/carousel_next_bg.gif) no-repeat 0 0;
|
||||
text-indent: -6000px;
|
||||
}
|
||||
|
||||
#carousel .panel .paging .previous{
|
||||
position:absolute;
|
||||
left:0;
|
||||
bottom:0;
|
||||
display:block;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: transparent url(../images/carousel_previous_bg.gif) no-repeat 0 0;
|
||||
text-indent: -6000px;
|
||||
}
|
||||
|
||||
#carousel .panel .paging #numbers a {
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
padding: 3px 5px;
|
||||
background: #7e7a6f;
|
||||
margin-right: 5px;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
#carousel .panel .paging #numbers a.selected {
|
||||
background: #c49e33;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#carousel .panel .details_wrapper {
|
||||
position:absolute;
|
||||
top: 30px;
|
||||
left:20px;
|
||||
width: 400px;
|
||||
overflow:hidden;
|
||||
height: 270px;
|
||||
}
|
||||
#carousel .panel .details_wrapper .details{
|
||||
height: 200px;
|
||||
}
|
||||
#carousel .panel .details_wrapper .details .detail{
|
||||
width: 400px;
|
||||
height: 300px;
|
||||
float:left;
|
||||
|
||||
}
|
||||
#carousel .panel .details_wrapper .details h2{
|
||||
font-size: 30px;
|
||||
margin: 0 0 15px 0;
|
||||
color: #363013;
|
||||
}
|
||||
#carousel .panel .details_wrapper .details h2 a {
|
||||
color: #363013;
|
||||
}
|
||||
#carousel .panel .details_wrapper .details p {
|
||||
font-size: 14px;
|
||||
color: #363013;
|
||||
}
|
||||
|
||||
|
||||
/* END CAROUSEL */
|
||||
83
www/def/tomato/css/slimbox2.css
Normal file
83
www/def/tomato/css/slimbox2.css
Normal file
@@ -0,0 +1,83 @@
|
||||
/* SLIMBOX */
|
||||
|
||||
#lbOverlay {
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#lbCenter, #lbBottomContainer {
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.lbLoading {
|
||||
background: #fff url(../images/loading.gif) no-repeat center;
|
||||
}
|
||||
|
||||
#lbImage {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border: 10px solid #fff;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#lbPrevLink, #lbNextLink {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 50%;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#lbPrevLink {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#lbPrevLink:hover {
|
||||
background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
|
||||
}
|
||||
|
||||
#lbNextLink {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#lbNextLink:hover {
|
||||
background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
|
||||
}
|
||||
|
||||
#lbBottom {
|
||||
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
|
||||
font-size: 10px;
|
||||
color: #666;
|
||||
line-height: 1.4em;
|
||||
text-align: left;
|
||||
border: 10px solid #fff;
|
||||
border-top-style: none;
|
||||
}
|
||||
|
||||
#lbCloseLink {
|
||||
display: block;
|
||||
float: right;
|
||||
width: 66px;
|
||||
height: 22px;
|
||||
background: transparent url(../images/closelabel.gif) no-repeat center;
|
||||
margin: 5px 0;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#lbCaption, #lbNumber {
|
||||
margin-right: 71px;
|
||||
}
|
||||
|
||||
#lbCaption {
|
||||
font-weight: bold;
|
||||
}
|
||||
525
www/def/tomato/css/templatemo_style.css
Normal file
525
www/def/tomato/css/templatemo_style.css
Normal file
@@ -0,0 +1,525 @@
|
||||
/*
|
||||
Bookstore Template
|
||||
http://www.templatemo.com/preview/templatemo_360_bookstore
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #e4e4da;
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
line-height: 20px;
|
||||
background-color: #242423;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color:#fff;
|
||||
font-weight:400;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: "MS Serif", "New York", serif
|
||||
}
|
||||
|
||||
h1 { font-size:32px; margin-bottom: 20px; }
|
||||
h2 { font-size:26px; margin-bottom: 20px; }
|
||||
h3 { font-size:20px; margin-bottom: 20px; }
|
||||
h4 { font-size:18px; margin-bottom: 10px; }
|
||||
h5 { font-size:16px }
|
||||
h6 { font-size:14px }
|
||||
.header { display: block }
|
||||
|
||||
.left { float:left }
|
||||
.right { float:right }
|
||||
|
||||
img {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.img_border {
|
||||
background: #3e3e3d;
|
||||
padding: 4px;
|
||||
border: 1px solid #161615;
|
||||
}
|
||||
|
||||
.img_frame {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 7px;
|
||||
}
|
||||
|
||||
.img_frame span {
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.img_frame img, .img_frame iframe {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
left: 7px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.img_frame_13 {
|
||||
width: 280px;
|
||||
height: 157px;
|
||||
}
|
||||
|
||||
.img_frame_13 span {
|
||||
background: url(../images/templatemo_image_frame_13.png);
|
||||
width: 300px;
|
||||
height: 177px;
|
||||
}
|
||||
|
||||
.img_frame_14 {
|
||||
width: 203px;
|
||||
height: 108px;
|
||||
}
|
||||
|
||||
.img_frame_14 span {
|
||||
background: url(../images/templatemo_image_frame_14.png);
|
||||
width: 217px;
|
||||
height: 122px;
|
||||
}
|
||||
|
||||
.img_frame_23 {
|
||||
width: 616px;
|
||||
height: 216px;
|
||||
}
|
||||
|
||||
.img_frame_23 span {
|
||||
background: url(../images/templatemo_image_frame_23.png);
|
||||
width: 630px;
|
||||
height: 230px;
|
||||
}
|
||||
|
||||
.img_nom {
|
||||
display: block;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.img_fl {
|
||||
float: left;
|
||||
margin: 3px 15px 5px 0;
|
||||
}
|
||||
|
||||
.img_fr {
|
||||
float: left;
|
||||
margin: 3px 0 5px 15px;
|
||||
}
|
||||
|
||||
a:link, a:visited {
|
||||
color:#c49e33;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
a:hover,a:active {
|
||||
outline:none;
|
||||
}
|
||||
|
||||
a.more {
|
||||
clear: both;
|
||||
display: block;
|
||||
width: 77px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
background: url(../images/templatemo_button.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
em { color: #c49e33 }
|
||||
p { margin: 0 0 15px 0 }
|
||||
|
||||
.list_bullet {
|
||||
margin: 10px 0 10px 15px;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.list_bullet li {
|
||||
color:#e4e4da;
|
||||
margin: 0 0 7px 0;
|
||||
padding: 0 0 0 30px;
|
||||
background: url(../images/templatemo_bullet.png) no-repeat scroll 0 3px;
|
||||
}
|
||||
|
||||
.list_bullet li a {
|
||||
color: #e4e4da;
|
||||
font-weight: normal;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.list_bullet li a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.clear { clear: both; display: block; }
|
||||
.h10 { height: 10px }
|
||||
.h20 { height: 20px }
|
||||
.h40 { height: 40px }
|
||||
|
||||
.no_bullet {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.no_bullet li {
|
||||
margin: 0 0 20px 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a.header {
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
#templatemo_header_wrapper {
|
||||
width: 100%;
|
||||
min-height: 160px;
|
||||
background: url(../images/templatemo_header.png) repeat-x top
|
||||
}
|
||||
|
||||
#templatemo_footer_wrapper {
|
||||
width: 100%;
|
||||
background: url(../images/templatemo_footer.png) repeat-x top
|
||||
}
|
||||
|
||||
#templatemo_header, #templatemo_main, #templatemo_footer {
|
||||
width: 960px;
|
||||
padding: 40px 10px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#site_title {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#site_title a {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-family: Georgia, "Times New Roman", Times, serif;
|
||||
width: 246px;
|
||||
height: 54px;
|
||||
color: #acacac;
|
||||
text-indent: -10000px;
|
||||
background: url(../images/templatemo_logo.png) no-repeat top left;
|
||||
}
|
||||
|
||||
#templatemo_menu {
|
||||
float: right;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
#templatemo_slider_wrapper {
|
||||
width: 100%;
|
||||
height: 331px;
|
||||
margin-top: 20px;
|
||||
background: url(../images/templatemo_slider_bg.png)
|
||||
}
|
||||
|
||||
#templatemo_slider {
|
||||
width: 935px;
|
||||
padding: 15px 15px;
|
||||
height: 310px;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.post {
|
||||
clear: both;
|
||||
margin: 0 0 40px 0;
|
||||
padding: 0 0 40px 0;
|
||||
border-bottom: 1px solid #444443;
|
||||
}
|
||||
|
||||
.post_header {
|
||||
float: left;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.post_header h2 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.post_date {
|
||||
float: right;
|
||||
width: 80px;
|
||||
border-left: 1px solid #444443;
|
||||
padding-left: 15px;
|
||||
line-height: 30px;
|
||||
font-size: 28px;
|
||||
color: #cba438;
|
||||
}
|
||||
|
||||
.post_date span {
|
||||
display: block;
|
||||
color: #636260;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.post_meta a {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.comment_list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.comment_list .comment_box {
|
||||
padding: 20px;
|
||||
border-bottom: 1px solid #444443;
|
||||
}
|
||||
|
||||
.comment_list li {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.comment_list li ul {
|
||||
list-style: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.comment_list li ul li { }
|
||||
|
||||
.comment_list li ul li .comment_box {
|
||||
background: #515150;
|
||||
}
|
||||
|
||||
.comment_content {
|
||||
float: right;
|
||||
width: 470px;
|
||||
}
|
||||
|
||||
.comment_list li ul li.depth_2 .comment_content {
|
||||
width: 430px;
|
||||
}
|
||||
|
||||
.comment_list li ul li.depth_3 .comment_box {
|
||||
background: #757572;
|
||||
}
|
||||
|
||||
.comment_list li ul li.depth_3 .comment_content {
|
||||
width: 390px;
|
||||
}
|
||||
|
||||
#comment_form { margin-top: 40px }
|
||||
|
||||
#comment_form textarea {
|
||||
color: #fff;
|
||||
background:#292929;
|
||||
border: 1px solid #373736;
|
||||
height:150px;
|
||||
padding:5px;
|
||||
width: 360px;
|
||||
font-family: Tahoma, Geneva, sans-serif;
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#comment_form .form_row {
|
||||
width: 100%;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#comment_form form input {
|
||||
color: #fff;
|
||||
padding: 5px;
|
||||
width: 200px;
|
||||
background:#292929;
|
||||
border: 1px solid #373736;
|
||||
font-family: Tahoma, Geneva, sans-serif;
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#comment_form .submit_btn {
|
||||
width: 77px;
|
||||
height: 28px;
|
||||
color: #333;
|
||||
margin: 10px 0px;
|
||||
background: url(../images/templatemo_button.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#gallery {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#gallery .gallery_box {
|
||||
padding-bottom: 30px;
|
||||
border-bottom: 1px dotted #000;
|
||||
}
|
||||
|
||||
#gallery .no_margin_right {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#contact_form {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#contact_form form {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#contact_form form .input_field {
|
||||
width: 300px;
|
||||
padding: 5px;
|
||||
background: #292929;
|
||||
color: #fff;
|
||||
font-size: 11px;
|
||||
border: 1px solid #373736;
|
||||
margin-top: 2px;
|
||||
font-family: Tahoma, Geneva, sans-serif;
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#contact_form form label {
|
||||
display: block;
|
||||
margin-right: 12px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#contact_form form textarea {
|
||||
width: 455px;
|
||||
height: 200px;
|
||||
padding: 5px;
|
||||
color: #fff;
|
||||
background: #292929;
|
||||
border: 1px solid #373736;
|
||||
margin-top: 2px;
|
||||
font-family: Tahoma, Geneva, sans-serif;
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#contact_form form .submit_btn {
|
||||
width: 77px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
color: #333;
|
||||
margin: 10px 0px;
|
||||
background: url(../images/templatemo_button.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sidebar_box {
|
||||
clear: both;
|
||||
margin-bottom: 40px
|
||||
}
|
||||
|
||||
.col {
|
||||
float: left;
|
||||
margin: 0 30px 30px 0;
|
||||
}
|
||||
|
||||
.half {
|
||||
width: 465px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.one_third {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
#content, .two-third {
|
||||
width: 630px;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
width: 270px;
|
||||
padding-left: 30px;
|
||||
border-left: 1px solid #494947;
|
||||
}
|
||||
|
||||
.one_fourth {
|
||||
width: 217px;
|
||||
}
|
||||
|
||||
.no_margin_right {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.last_box {
|
||||
margin-bottom: 0;
|
||||
background: none;
|
||||
}
|
||||
|
||||
#templatemo_footer h4 {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#templatemo_footer {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#templatemo_footer a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.footer_gallery {
|
||||
margin: 0;
|
||||
padding:0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.footer_gallery li {
|
||||
margin: 0 10px 10px 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.paging {
|
||||
margin: 0 0 20px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.paging ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.paging ul li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.paging ul li a {
|
||||
float: left;
|
||||
display: block;
|
||||
color: #ccc;
|
||||
text-decoration: none;
|
||||
margin-right: 5px;
|
||||
padding: 5px 10px;
|
||||
background: #494947;
|
||||
border: 1px solid #121211;
|
||||
}
|
||||
|
||||
.paging ul li a:hover {
|
||||
background: #c49e33;
|
||||
color: #fff;
|
||||
}
|
||||
BIN
www/def/tomato/images/avator.jpg
Normal file
BIN
www/def/tomato/images/avator.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
www/def/tomato/images/blog/01.jpg
Normal file
BIN
www/def/tomato/images/blog/01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
BIN
www/def/tomato/images/blog/02.jpg
Normal file
BIN
www/def/tomato/images/blog/02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
BIN
www/def/tomato/images/blog/03.jpg
Normal file
BIN
www/def/tomato/images/blog/03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
BIN
www/def/tomato/images/carousel_download_bg.gif
Normal file
BIN
www/def/tomato/images/carousel_download_bg.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 224 B |
BIN
www/def/tomato/images/carousel_next_bg.gif
Normal file
BIN
www/def/tomato/images/carousel_next_bg.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 220 B |
BIN
www/def/tomato/images/carousel_pause_bg.gif
Normal file
BIN
www/def/tomato/images/carousel_pause_bg.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 103 B |
BIN
www/def/tomato/images/carousel_play_bg.gif
Normal file
BIN
www/def/tomato/images/carousel_play_bg.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 203 B |
BIN
www/def/tomato/images/carousel_previous_bg.gif
Normal file
BIN
www/def/tomato/images/carousel_previous_bg.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 218 B |
BIN
www/def/tomato/images/closelabel.gif
Normal file
BIN
www/def/tomato/images/closelabel.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 979 B |
BIN
www/def/tomato/images/nextlabel.gif
Normal file
BIN
www/def/tomato/images/nextlabel.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
www/def/tomato/images/portfolio/01-l.jpg
Normal file
BIN
www/def/tomato/images/portfolio/01-l.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
BIN
www/def/tomato/images/portfolio/01.jpg
Normal file
BIN
www/def/tomato/images/portfolio/01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
www/def/tomato/images/portfolio/02-l.jpg
Normal file
BIN
www/def/tomato/images/portfolio/02-l.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
BIN
www/def/tomato/images/portfolio/02.jpg
Normal file
BIN
www/def/tomato/images/portfolio/02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
www/def/tomato/images/portfolio/03-l.jpg
Normal file
BIN
www/def/tomato/images/portfolio/03-l.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 85 KiB |
BIN
www/def/tomato/images/portfolio/03.jpg
Normal file
BIN
www/def/tomato/images/portfolio/03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
www/def/tomato/images/portfolio/04-l.jpg
Normal file
BIN
www/def/tomato/images/portfolio/04-l.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
BIN
www/def/tomato/images/portfolio/04.jpg
Normal file
BIN
www/def/tomato/images/portfolio/04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
www/def/tomato/images/portfolio/05-l.jpg
Normal file
BIN
www/def/tomato/images/portfolio/05-l.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
BIN
www/def/tomato/images/portfolio/05.jpg
Normal file
BIN
www/def/tomato/images/portfolio/05.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
www/def/tomato/images/portfolio/06-l.jpg
Normal file
BIN
www/def/tomato/images/portfolio/06-l.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 101 KiB |
BIN
www/def/tomato/images/portfolio/06.jpg
Normal file
BIN
www/def/tomato/images/portfolio/06.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
www/def/tomato/images/prevlabel.gif
Normal file
BIN
www/def/tomato/images/prevlabel.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
www/def/tomato/images/slider/01.jpg
Normal file
BIN
www/def/tomato/images/slider/01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
www/def/tomato/images/slider/02.jpg
Normal file
BIN
www/def/tomato/images/slider/02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
www/def/tomato/images/slider/03.jpg
Normal file
BIN
www/def/tomato/images/slider/03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
www/def/tomato/images/templatemo_body.png
Normal file
BIN
www/def/tomato/images/templatemo_body.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
www/def/tomato/images/templatemo_bullet.png
Normal file
BIN
www/def/tomato/images/templatemo_bullet.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
www/def/tomato/images/templatemo_button.png
Normal file
BIN
www/def/tomato/images/templatemo_button.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
www/def/tomato/images/templatemo_footer.png
Normal file
BIN
www/def/tomato/images/templatemo_footer.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
www/def/tomato/images/templatemo_header.png
Normal file
BIN
www/def/tomato/images/templatemo_header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
www/def/tomato/images/templatemo_image_01.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.0 KiB |
BIN
www/def/tomato/images/templatemo_image_03.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
www/def/tomato/images/templatemo_image_03_l.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_03_l.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
www/def/tomato/images/templatemo_image_04.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
www/def/tomato/images/templatemo_image_04_l.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_04_l.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
www/def/tomato/images/templatemo_image_05.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_05.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
www/def/tomato/images/templatemo_image_05_l.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_05_l.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
www/def/tomato/images/templatemo_image_06.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_06.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
www/def/tomato/images/templatemo_image_06_l.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_06_l.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
www/def/tomato/images/templatemo_image_07.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_07.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
www/def/tomato/images/templatemo_image_07_l.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_07_l.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
www/def/tomato/images/templatemo_image_08.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_08.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
www/def/tomato/images/templatemo_image_08_l.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_08_l.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
www/def/tomato/images/templatemo_image_09.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_09.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
www/def/tomato/images/templatemo_image_09_l.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_09_l.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
www/def/tomato/images/templatemo_image_10.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_10.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
www/def/tomato/images/templatemo_image_10_l.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_10_l.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
www/def/tomato/images/templatemo_image_11.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_11.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
www/def/tomato/images/templatemo_image_11_l.jpg
Normal file
BIN
www/def/tomato/images/templatemo_image_11_l.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
www/def/tomato/images/templatemo_image_frame_13.png
Normal file
BIN
www/def/tomato/images/templatemo_image_frame_13.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
www/def/tomato/images/templatemo_image_frame_14.png
Normal file
BIN
www/def/tomato/images/templatemo_image_frame_14.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
www/def/tomato/images/templatemo_image_frame_23.png
Normal file
BIN
www/def/tomato/images/templatemo_image_frame_23.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
www/def/tomato/images/templatemo_logo.png
Normal file
BIN
www/def/tomato/images/templatemo_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
www/def/tomato/images/templatemo_menu_hover.png
Normal file
BIN
www/def/tomato/images/templatemo_menu_hover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
www/def/tomato/images/templatemo_slider_bg.png
Normal file
BIN
www/def/tomato/images/templatemo_slider_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
269
www/def/tomato/index.html
Normal file
269
www/def/tomato/index.html
Normal file
@@ -0,0 +1,269 @@
|
||||
<!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" />
|
||||
<title>Bookstore, Free Template, templatemo</title>
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
|
||||
<!-- templatemo 360 bookstore -->
|
||||
<!--
|
||||
Bookstore Template
|
||||
http://www.templatemo.com/preview/templatemo_360_bookstore
|
||||
-->
|
||||
<script type="text/javascript" src="js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="js/ddsmoothmenu.js">
|
||||
|
||||
/***********************************************
|
||||
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
|
||||
* This notice MUST stay intact for legal use
|
||||
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
|
||||
***********************************************/
|
||||
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
ddsmoothmenu.init({
|
||||
mainmenuid: "templatemo_menu", //menu DIV id
|
||||
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
|
||||
classname: 'ddsmoothmenu', //class added to menu's outer DIV
|
||||
//customtheme: ["#1c5a80", "#18374a"],
|
||||
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="all" href="css/jquery.dualSlider.0.2.css" />
|
||||
|
||||
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.timers-1.2.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.dualSlider.0.3.min.js" type="text/javascript"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
$("#carousel").dualSlider({
|
||||
auto:true,
|
||||
autoDelay: 6000,
|
||||
easingCarousel: "swing",
|
||||
easingDetails: "easeOutBack",
|
||||
durationCarousel: 1000,
|
||||
durationDetails: 600
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" src="js/jquery-1-4-2.min.js"></script>
|
||||
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
|
||||
<script type="text/JavaScript" src="js/slimbox2.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="templatemo_header_wrapper">
|
||||
<div id="templatemo_header">
|
||||
<div id="site_title"><a href="#">Bookstore Template</a></div>
|
||||
<div id="templatemo_menu" class="ddsmoothmenu">
|
||||
<ul>
|
||||
<li><a href="index.html" class="selected">Home</a></li>
|
||||
<li><a href="about.html">About</a>
|
||||
<ul>
|
||||
<li><span class="top"></span><span class="bottom"></span></li>
|
||||
<li><a href="#submenu1">Sub menu 1</a></li>
|
||||
<li><a href="#submenu2">Sub menu 2</a></li>
|
||||
<li><a href="#submenu3">Sub menu 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="portfolio.html">Gallery</a>
|
||||
<ul>
|
||||
<li><span class="top"></span><span class="bottom"></span></li>
|
||||
<li><a href="#submenu1">Sub menu 1</a></li>
|
||||
<li><a href="#submenu2">Sub menu 2</a></li>
|
||||
<li><a href="#submenu3">Sub menu 3</a></li>
|
||||
<li><a href="#submenu4">Sub menu 4</a></li>
|
||||
<li><a href="#submenu5">Sub menu 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
<br style="clear: left" />
|
||||
</div> <!-- end of templatemo_menu -->
|
||||
<div class="clear"></div>
|
||||
<div id="templatemo_slider_wrapper">
|
||||
<div id="templatemo_slider">
|
||||
<div id="carousel">
|
||||
<div class="panel">
|
||||
|
||||
<div class="details_wrapper">
|
||||
|
||||
<div class="details">
|
||||
|
||||
<div class="detail">
|
||||
<h2><a href="#">Integer pellentesque velit</a></h2>
|
||||
<p>Fusce faucibus hendrerit cursus. Aenean faucibus, sapien quis vestibulum eleifend, libero ipsum pulvinar risus, quis dapibus arcu velit vitae erat.</p>
|
||||
<a href="#" title="Read more" class="more">Read more</a>
|
||||
</div><!-- /detail -->
|
||||
|
||||
<div class="detail">
|
||||
<h2><a href="#">Donec lectus massa</a></h2>
|
||||
<p>Vestibulum sit amet hendrerit nisi. Nulla bibendum neque eget est condimentum ornare vestibulum nunc cursus. Lorem ipsum dolor sit amet elit.</p>
|
||||
<a href="#" title="Read more" class="more">Read more</a>
|
||||
</div><!-- /detail -->
|
||||
|
||||
<div class="detail">
|
||||
<h2><a href="#">Pellentesque tempor velit</a></h2>
|
||||
<p>Aliquam consequat, diam sit amet iaculis ultrices, diam erat faucibus dolor, libero vel mi. Maecenas dignissim feugiat felis sed dictum.</p>
|
||||
<a href="#" title="Read more" class="more">Read more</a>
|
||||
</div><!-- /detail -->
|
||||
|
||||
</div><!-- /details -->
|
||||
|
||||
</div><!-- /details_wrapper -->
|
||||
|
||||
<div class="paging">
|
||||
<div id="numbers"></div>
|
||||
<a href="javascript:void(0);" class="previous" title="Previous" >Previous</a>
|
||||
<a href="javascript:void(0);" class="next" title="Next">Next</a>
|
||||
</div><!-- /paging -->
|
||||
|
||||
<a href="javascript:void(0);" class="play" title="Turn on autoplay">Play</a>
|
||||
<a href="javascript:void(0);" class="pause" title="Turn off autoplay">Pause</a>
|
||||
|
||||
</div><!-- /panel -->
|
||||
|
||||
<div id="slider-image-frame">
|
||||
<div class="backgrounds">
|
||||
|
||||
<div class="item item_1">
|
||||
<img src="images/slider/02.jpg" alt="Slider 01" />
|
||||
</div><!-- /item -->
|
||||
|
||||
<div class="item item_2">
|
||||
<img src="images/slider/03.jpg" alt="Slider 02" />
|
||||
</div><!-- /item -->
|
||||
|
||||
<div class="item item_3">
|
||||
<img src="images/slider/01.jpg" alt="Slider 03" />
|
||||
</div><!-- /item -->
|
||||
|
||||
</div><!-- /backgrounds -->
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END of templatemo_slider -->
|
||||
</div> <!-- END of templatemo_slider_wrapper -->
|
||||
</div> <!-- END of header -->
|
||||
</div> <!-- END of header wrapper -->
|
||||
<div id="templatemo_main">
|
||||
<div class="half left">
|
||||
<h2>Proin Vitae Lectus Massa</h2>
|
||||
<p>By Danny | May 16th, 2048 in Web Design</p>
|
||||
<div class="img_frame img_frame_14 img_fl"><span></span>
|
||||
<img src="images/templatemo_image_01.jpg" alt="Image 01" />
|
||||
</div>
|
||||
<p><em>Nullam ac facilisis mi. Integer eu lacus ac nibh ultricies pulvinar id eu ligula. Mauris et lectus sit amet leo viverra iaculis ac quis lorem.</em></p>
|
||||
<p>Etiam nulla justo, ultrices quis vestibulum nec, consequat et lorem. Sed eu libero in risus porta porttitor id rhoncus dui. Maecenas porttitor nunc a nisi consectetur porttitor. In eget rutrum augue. Sed semper posuere sodales. Cras condimentum pellentesque justo luctus egestas. In a arcu magna. Ut nisi sapien, dapibus ut lacinia ut, cursus nec sapien. Nunc facilisis auctor metus, at mollis urna dictum sit amet. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
|
||||
<a href="#" class="more">More</a>
|
||||
</div>
|
||||
|
||||
<div class="half right">
|
||||
<h2>Welcome To Bookstore</h2>
|
||||
<p><em><a rel="nofollow" href="http://www.templatemo.com" target="_parent">Bookstore</a> is a free template by <a rel="nofollow" href="http://www.templatemo.com">templatemo.com</a> for your website projects.</em></p>
|
||||
<p>Credit goes to <a href="http://www.hugoandcat.com/DualSlider/" target="_blank">hugoandcat.com</a> for slider. Quisque imperdiet bibendum placerat. Ut sit amet nisl ut sapien dictum placerat ac eu sem. Curabitur sit amet lacus nisl. Suspendisse euismod dapibus nisi, sed posuere lorem hendrerit in. Donec ut pulvinar urna. Mauris dignissim ligula ac lectus commodo consequat. Nullam lacinia odio sem.</p>
|
||||
<ul class="list_bullet">
|
||||
<li class="flow"> Cum sociis natoque penatibus et magnis dis parturient</li>
|
||||
<li class="flow"> Donec et dui malesuada neque malesuada</li>
|
||||
<li class="flow"> Suspendisse faucibus placerat risus</li>
|
||||
<li class="flow"> Aliquam bibendum tortor ac ipsum euismod cursus</li>
|
||||
<li class="flow"> Quisque elementum ipsum eu justo iaculis</li>
|
||||
</ul>
|
||||
<a href="#" class="more">More</a>
|
||||
</div>
|
||||
<div class="clear h40"></div>
|
||||
<div class="col one_third">
|
||||
<div class="img_frame img_frame_13 img_nom"><span></span>
|
||||
<img src="images/portfolio/01.jpg" alt="Image 01" />
|
||||
</div>
|
||||
<h4>Gravida Massa Eget</h4>
|
||||
<p>Aliquam nec elit nisl, accumsan sollicitudin nulla. Nunc rhoncus, odio viverra tempor vehicula, orci ipsum vulputate urna, nec et lacus.</p>
|
||||
<a href="#" class="more">More</a>
|
||||
</div>
|
||||
<div class="col one_third">
|
||||
<div class="img_frame img_frame_13 img_nom"><span></span>
|
||||
<img src="images/portfolio/02.jpg" alt="Image 02" />
|
||||
</div>
|
||||
<h4>Pellentesque Pretium Posuere</h4>
|
||||
<p>Vestibulum congue laoreet ultricies. Suspendisse pellentesque dapibus lacus, scelerisque lobortis lorem blandit vitae. </p>
|
||||
<a href="#" class="more">More</a>
|
||||
</div>
|
||||
<div class="col one_third no_margin_right">
|
||||
<div class="img_frame img_frame_13 img_nom"><span></span>
|
||||
<img src="images/portfolio/03.jpg" alt="Image 03" />
|
||||
</div>
|
||||
<h4>Fusce Lobortis Auctor Mattis</h4>
|
||||
<p>Nunc euismod augue volutpat ipsum facilisis luctus. Nulla fermentum eleifend est, in convallis sem vulputate vitae. Nam eget tempus justo. </p>
|
||||
<a href="#" class="more">More</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
|
||||
</div> <!-- END of main -->
|
||||
<div id="templatemo_footer_wrapper">
|
||||
<div id="templatemo_footer">
|
||||
<div class="col one_fourth">
|
||||
<h4>Photo Gallery</h4>
|
||||
<ul class="footer_gallery">
|
||||
<li><a href="images/templatemo_image_03_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_03.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_04_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_04.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_05_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_05.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_06_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_06.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_07_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_07.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_08_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_08.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_09_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_09.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_10_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_10.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_11_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_11.jpg" alt="image" /></a></li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
<a href="portfolio.html" class="more">more</a>
|
||||
</div>
|
||||
<div class="col one_fourth">
|
||||
<h4>Recent Posts</h4>
|
||||
<ul class="no_bullet">
|
||||
<li>
|
||||
<span class="header"><a href="#">Pellentesque nec tempus</a></span>
|
||||
Phasellus porttitor lacus vel risus ullamcorper tempor.
|
||||
</li>
|
||||
<li>
|
||||
<span class="header"><a href="#">Ipsum dolor sit amet</a></span>
|
||||
Nunc facilisis auctor metus, at mollis urna dictum sit amet.
|
||||
</li>
|
||||
<li>
|
||||
<span class="header"><a href="#">Morbi tincidunt dictum leo</a></span>
|
||||
Aliquam aliquam lacus eros, ut cursus augue dolor.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col one_fourth">
|
||||
<h4>Twitter</h4>
|
||||
<ul class="no_bullet">
|
||||
<li><a href="#">@templatemo</a> at scelerisque urna in tellus varius ultricies.</li>
|
||||
<li>Suspendisse enean <a href="#">#FREE</a> tincidunt massa in tellus varius ultricies.</li>
|
||||
<li>Aenean tincidunt massa in tellus varius ultricies. <a href="#">http://bit.ly/13IwZO</a></li>
|
||||
<li>Vulputate odio sit amet adipiscing lacus. <a href="#">http://bit.ly/IyyUoO</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col one_fourth no_margin_right">
|
||||
<h4>About</h4>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor lacus vel risus ullamcorper tempor. Pellentesque vestibulum vulputate odio sit amet adipiscing. Nunc facilisis auctor metus, at mollis urna dictum sit amet.</p>
|
||||
Copyright © 2048 <a href="#">Your Company Name</a> <!-- Credit: www.templatemo.com -->
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div> <!-- END of footer -->
|
||||
</div> <!-- END of footer wrapper -->
|
||||
</body>
|
||||
</html>
|
||||
137
www/def/tomato/js/ddsmoothmenu.js
Normal file
137
www/def/tomato/js/ddsmoothmenu.js
Normal file
@@ -0,0 +1,137 @@
|
||||
//** Smooth Navigational Menu- By Dynamic Drive DHTML code library: http://www.dynamicdrive.com
|
||||
//** Script Download/ instructions page: http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/
|
||||
//** Menu created: Nov 12, 2008
|
||||
|
||||
//** Dec 12th, 08" (v1.01): Fixed Shadow issue when multiple LIs within the same UL (level) contain sub menus: http://www.dynamicdrive.com/forums/showthread.php?t=39177&highlight=smooth
|
||||
|
||||
//** Feb 11th, 09" (v1.02): The currently active main menu item (LI A) now gets a CSS class of ".selected", including sub menu items.
|
||||
|
||||
//** May 1st, 09" (v1.3):
|
||||
//** 1) Now supports vertical (side bar) menu mode- set "orientation" to 'v'
|
||||
//** 2) In IE6, shadows are now always disabled
|
||||
|
||||
//** July 27th, 09" (v1.31): Fixed bug so shadows can be disabled if desired.
|
||||
//** Feb 2nd, 10" (v1.4): Adds ability to specify delay before sub menus appear and disappear, respectively. See showhidedelay variable below
|
||||
|
||||
var ddsmoothmenu={
|
||||
|
||||
//Specify full URL to down and right arrow images (23 is padding-right added to top level LIs with drop downs):
|
||||
arrowimages: {down:['downarrowclass', 'down.gif', 23], right:['rightarrowclass', 'right.gif']},
|
||||
transition: {overtime:300, outtime:300}, //duration of slide in/ out animation, in milliseconds
|
||||
shadow: {enable:true, offsetx:5, offsety:5}, //enable shadow?
|
||||
showhidedelay: {showdelay: 100, hidedelay: 200}, //set delay in milliseconds before sub menus appear and disappear, respectively
|
||||
|
||||
///////Stop configuring beyond here///////////////////////////
|
||||
|
||||
detectwebkit: navigator.userAgent.toLowerCase().indexOf("applewebkit")!=-1, //detect WebKit browsers (Safari, Chrome etc)
|
||||
detectie6: document.all && !window.XMLHttpRequest,
|
||||
|
||||
getajaxmenu:function($, setting){ //function to fetch external page containing the panel DIVs
|
||||
var $menucontainer=$('#'+setting.contentsource[0]) //reference empty div on page that will hold menu
|
||||
$menucontainer.html("Loading Menu...")
|
||||
$.ajax({
|
||||
url: setting.contentsource[1], //path to external menu file
|
||||
async: true,
|
||||
error:function(ajaxrequest){
|
||||
$menucontainer.html('Error fetching content. Server Response: '+ajaxrequest.responseText)
|
||||
},
|
||||
success:function(content){
|
||||
$menucontainer.html(content)
|
||||
ddsmoothmenu.buildmenu($, setting)
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
buildmenu:function($, setting){
|
||||
var smoothmenu=ddsmoothmenu
|
||||
var $mainmenu=$("#"+setting.mainmenuid+">ul") //reference main menu UL
|
||||
$mainmenu.parent().get(0).className=setting.classname || "ddsmoothmenu"
|
||||
var $headers=$mainmenu.find("ul").parent()
|
||||
$headers.hover(
|
||||
function(e){
|
||||
$(this).children('a:eq(0)').addClass('selected')
|
||||
},
|
||||
function(e){
|
||||
$(this).children('a:eq(0)').removeClass('selected')
|
||||
}
|
||||
)
|
||||
$headers.each(function(i){ //loop through each LI header
|
||||
var $curobj=$(this).css({zIndex: 100-i}) //reference current LI header
|
||||
var $subul=$(this).find('ul:eq(0)').css({display:'block'})
|
||||
$subul.data('timers', {})
|
||||
this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()}
|
||||
this.istopheader=$curobj.parents("ul").length==1? true : false //is top level header?
|
||||
$subul.css({top:this.istopheader && setting.orientation!='v'? this._dimensions.h+"px" : 0})
|
||||
if (smoothmenu.shadow.enable){
|
||||
this._shadowoffset={x:(this.istopheader?$subul.offset().left+smoothmenu.shadow.offsetx : this._dimensions.w), y:(this.istopheader? $subul.offset().top+smoothmenu.shadow.offsety : $curobj.position().top)} //store this shadow's offsets
|
||||
if (this.istopheader)
|
||||
$parentshadow=$(document.body)
|
||||
else{
|
||||
var $parentLi=$curobj.parents("li:eq(0)")
|
||||
$parentshadow=$parentLi.get(0).$shadow
|
||||
}
|
||||
this.$shadow=$('<div class="ddshadow'+(this.istopheader? ' toplevelshadow' : '')+'"></div>').prependTo($parentshadow).css({left:this._shadowoffset.x+'px', top:this._shadowoffset.y+'px'}) //insert shadow DIV and set it to parent node for the next shadow div
|
||||
}
|
||||
$curobj.hover(
|
||||
function(e){
|
||||
var $targetul=$subul //reference UL to reveal
|
||||
var header=$curobj.get(0) //reference header LI as DOM object
|
||||
clearTimeout($targetul.data('timers').hidetimer)
|
||||
$targetul.data('timers').showtimer=setTimeout(function(){
|
||||
header._offsets={left:$curobj.offset().left, top:$curobj.offset().top}
|
||||
var menuleft=header.istopheader && setting.orientation!='v'? 0 : header._dimensions.w
|
||||
menuleft=(header._offsets.left+menuleft+header._dimensions.subulw>$(window).width())? (header.istopheader && setting.orientation!='v'? -header._dimensions.subulw+header._dimensions.w : -header._dimensions.w) : menuleft //calculate this sub menu's offsets from its parent
|
||||
if ($targetul.queue().length<=1){ //if 1 or less queued animations
|
||||
$targetul.css({left:menuleft+"px", width:header._dimensions.subulw+'px'}).animate({height:'show',opacity:'show'}, ddsmoothmenu.transition.overtime)
|
||||
if (smoothmenu.shadow.enable){
|
||||
var shadowleft=header.istopheader? $targetul.offset().left+ddsmoothmenu.shadow.offsetx : menuleft
|
||||
var shadowtop=header.istopheader?$targetul.offset().top+smoothmenu.shadow.offsety : header._shadowoffset.y
|
||||
if (!header.istopheader && ddsmoothmenu.detectwebkit){ //in WebKit browsers, restore shadow's opacity to full
|
||||
header.$shadow.css({opacity:1})
|
||||
}
|
||||
header.$shadow.css({overflow:'', width:header._dimensions.subulw+'px', left:shadowleft+'px', top:shadowtop+'px'}).animate({height:header._dimensions.subulh+'px'}, ddsmoothmenu.transition.overtime)
|
||||
}
|
||||
}
|
||||
}, ddsmoothmenu.showhidedelay.showdelay)
|
||||
},
|
||||
function(e){
|
||||
var $targetul=$subul
|
||||
var header=$curobj.get(0)
|
||||
clearTimeout($targetul.data('timers').showtimer)
|
||||
$targetul.data('timers').hidetimer=setTimeout(function(){
|
||||
$targetul.animate({height:'hide', opacity:'hide'}, ddsmoothmenu.transition.outtime)
|
||||
if (smoothmenu.shadow.enable){
|
||||
if (ddsmoothmenu.detectwebkit){ //in WebKit browsers, set first child shadow's opacity to 0, as "overflow:hidden" doesn't work in them
|
||||
header.$shadow.children('div:eq(0)').css({opacity:0})
|
||||
}
|
||||
header.$shadow.css({overflow:'hidden'}).animate({height:0}, ddsmoothmenu.transition.outtime)
|
||||
}
|
||||
}, ddsmoothmenu.showhidedelay.hidedelay)
|
||||
}
|
||||
) //end hover
|
||||
}) //end $headers.each()
|
||||
$mainmenu.find("ul").css({display:'none', visibility:'visible'})
|
||||
},
|
||||
|
||||
init:function(setting){
|
||||
if (typeof setting.customtheme=="object" && setting.customtheme.length==2){ //override default menu colors (default/hover) with custom set?
|
||||
var mainmenuid='#'+setting.mainmenuid
|
||||
var mainselector=(setting.orientation=="v")? mainmenuid : mainmenuid+', '+mainmenuid
|
||||
document.write('<style type="text/css">\n'
|
||||
+mainselector+' ul li a {background:'+setting.customtheme[0]+';}\n'
|
||||
+mainmenuid+' ul li a:hover {background:'+setting.customtheme[1]+';}\n'
|
||||
+'</style>')
|
||||
}
|
||||
this.shadow.enable=(document.all && !window.XMLHttpRequest)? false : this.shadow.enable //in IE6, always disable shadow
|
||||
jQuery(document).ready(function($){ //ajax menu?
|
||||
if (typeof setting.contentsource=="object"){ //if external ajax menu
|
||||
ddsmoothmenu.getajaxmenu($, setting)
|
||||
}
|
||||
else{ //else if markup menu
|
||||
ddsmoothmenu.buildmenu($, setting)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
} //end ddsmoothmenu variable
|
||||
19
www/def/tomato/js/jquery-1.3.2.min.js
vendored
Normal file
19
www/def/tomato/js/jquery-1.3.2.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
205
www/def/tomato/js/jquery.dualSlider.0.3.js
Normal file
205
www/def/tomato/js/jquery.dualSlider.0.3.js
Normal file
@@ -0,0 +1,205 @@
|
||||
/**
|
||||
* jQuery.fn.dualSlider - Dual sliders, why not?
|
||||
* Date: June 2010
|
||||
*
|
||||
* @author Rob Phillips (Front End Developer - Hugo & Cat - http://www.hugoandcat.com)
|
||||
* @version 0.3
|
||||
* @web http://www.hugoandcat.com/DualSlider/index.html
|
||||
*
|
||||
* Requirements:
|
||||
* jquery.1.3.2.js - http://jquery.com/
|
||||
* jquery.easing.1.3.js - http://gsgd.co.uk/sandbox/jquery/easing/
|
||||
* jquery.timers-1.2.js - http://plugins.jquery.com/project/timers
|
||||
*
|
||||
* 0.2 - Tested and fixed for IE6+, auto loops, manual pause/play controls
|
||||
* - Disabled buttons until animation finishes - Thanks for the bug John.
|
||||
* 0.3 - Now with a seamless loop, instead of that nasty rewind...was 'too much' apparently
|
||||
*
|
||||
**/
|
||||
|
||||
|
||||
(function($) {
|
||||
|
||||
$.fn.dualSlider = function(options) {
|
||||
|
||||
// default configuration properties
|
||||
var defaults = {
|
||||
auto: true,
|
||||
autoDelay: 10000,
|
||||
easingCarousel: 'swing',
|
||||
easingDetails: 'easeOutBack',
|
||||
durationCarousel: 1000,
|
||||
durationDetails: 600
|
||||
};
|
||||
|
||||
var options = $.extend(defaults, options);
|
||||
|
||||
this.each(function() {
|
||||
|
||||
var obj = $(this);
|
||||
var carousel;
|
||||
var carouselTotal = $(".backgrounds", obj).children().length;
|
||||
var carouselPosition = 1;
|
||||
var carouselLinkIndex = 1;
|
||||
var carouselLinks = "";
|
||||
var carouselwidth = $(obj).width();
|
||||
var detailWidth = $(".panel .details_wrapper", obj).width();
|
||||
var locked = false;
|
||||
|
||||
if(options.auto == true)
|
||||
{
|
||||
//Creat duplicates for seamless looping
|
||||
$(".backgrounds", obj).prepend($(".backgrounds .item:last-child", obj).clone().css("margin-left", "-" + carouselwidth + "px"));
|
||||
$(".backgrounds", obj).append($(".backgrounds .item:nth-child(2)", obj).clone());
|
||||
|
||||
$(".details", obj).prepend($(".details .detail:last-child", obj).clone().css("margin-left", "-" + detailWidth + "px"));
|
||||
$(".details", obj).append($(".details .detail:nth-child(2)", obj).clone());
|
||||
}
|
||||
else{
|
||||
$(".previous", obj).hide();
|
||||
$(".play, .pause", obj).hide();
|
||||
}
|
||||
|
||||
|
||||
//Set main background width
|
||||
$(".backgrounds", obj).css("width", ((carouselTotal+1) * carouselwidth) + 100 + "px");
|
||||
|
||||
|
||||
//Set main detail width
|
||||
$(".details_wrapper .details", obj).css("width", detailWidth * carouselwidth + "px");
|
||||
|
||||
for (i = 1; i <= carouselTotal; i++) {
|
||||
(i == 1) ? carouselLinks += "<a rel=\"" + carouselLinkIndex + "\" title=\"Go to page " + carouselLinkIndex + " \" class=\"link" + carouselLinkIndex + " selected\" href=\"javascript:void(0)\">" + carouselLinkIndex + "</a>" : carouselLinks += "<a rel=\"" + carouselLinkIndex + "\" title=\"Go to page " + carouselLinkIndex + " \" class=\"link" + carouselLinkIndex + "\" href=\"javascript:void(0)\" >" + carouselLinkIndex + "</a>";
|
||||
carouselLinkIndex++;
|
||||
}
|
||||
$("#numbers", obj).html(carouselLinks);
|
||||
|
||||
//Bind carousel controls
|
||||
$(".next", obj).click(function() {
|
||||
carouselPage(parseInt(carouselPosition + 1), false);
|
||||
lock();
|
||||
});
|
||||
|
||||
$(".previous", obj).click(function() {
|
||||
carouselPage(parseInt(carouselPosition - 1), false);
|
||||
lock();
|
||||
});
|
||||
|
||||
$("#numbers a", obj).click(function() {
|
||||
carouselPage($(this).attr("rel"), false);
|
||||
lock();
|
||||
});
|
||||
|
||||
$(".pause", obj).click(function() {
|
||||
autoPause();
|
||||
});
|
||||
$(".play", obj).click(function() {
|
||||
autoPlay();
|
||||
});
|
||||
|
||||
function lock() {
|
||||
locked = true;
|
||||
}
|
||||
|
||||
function unLock() {
|
||||
locked = false;
|
||||
}
|
||||
|
||||
|
||||
function checkPreviousNext() {
|
||||
$("#numbers a", obj).removeClass("selected");
|
||||
$("#numbers .link" + carouselPosition, obj).addClass("selected");
|
||||
|
||||
if(options.auto == false)
|
||||
{
|
||||
(carouselPosition == carouselTotal) ? $(".next", obj).hide() : $(".next", obj).show();
|
||||
(carouselPosition < 2) ? $(".previous", obj).hide() : $(".previous", obj).show();
|
||||
}
|
||||
}
|
||||
|
||||
function adjust() {
|
||||
|
||||
if (carouselPosition < 1) {
|
||||
//alert("trickery required");
|
||||
$(".backgrounds", obj).css("margin-left", (-1 * ((carouselTotal - 1) * carouselwidth)));
|
||||
$(".details", obj).css("margin-left", (-1 * ((carouselTotal - 1) * detailWidth)));
|
||||
carouselPosition = carouselTotal;
|
||||
|
||||
}
|
||||
if (carouselPosition > carouselTotal) {
|
||||
//alert("more trickery required");
|
||||
$(".backgrounds", obj).css("margin-left", 0);
|
||||
$(".details", obj).css("margin-left", 0);
|
||||
carouselPosition = 1;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function carouselPage(x, y) {
|
||||
|
||||
if (locked != true) {
|
||||
|
||||
//console.log("New page: " + x);
|
||||
carouselPosition = parseFloat(x);
|
||||
//Cancel timer if manual click
|
||||
if (y == false) autoPause();
|
||||
|
||||
var newPage = (x * carouselwidth) - carouselwidth;
|
||||
var newPageDetail = (x * detailWidth) - detailWidth;
|
||||
|
||||
if (newPage != 0) {
|
||||
newPage = newPage * -1;
|
||||
newPageDetail = newPageDetail * -1;
|
||||
}
|
||||
|
||||
$(".backgrounds", obj).animate({
|
||||
marginLeft: newPage
|
||||
}, {
|
||||
"duration": options.durationCarousel, "easing": options.easingCarousel,
|
||||
|
||||
complete: function() {
|
||||
|
||||
//Now animate the details
|
||||
$(".details", obj).animate({
|
||||
marginLeft: newPageDetail
|
||||
}, {
|
||||
"duration": options.durationDetails, "easing": options.easingDetails
|
||||
|
||||
});
|
||||
adjust();
|
||||
checkPreviousNext();
|
||||
unLock();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
function autoPause() {
|
||||
$(".pause", obj).hide();
|
||||
$(".play", obj).show();
|
||||
$("body").stopTime("autoScroll");
|
||||
}
|
||||
|
||||
function autoPlay() {
|
||||
$(".pause", obj).show();
|
||||
$(".play", obj).hide();
|
||||
$("body").everyTime(options.autoDelay, "autoScroll", function() {
|
||||
carouselPage(carouselPosition + 1, true);
|
||||
lock();
|
||||
});
|
||||
}
|
||||
|
||||
if (options.auto == true) {
|
||||
autoPlay();
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
|
||||
|
||||
|
||||
20
www/def/tomato/js/jquery.dualSlider.0.3.min.js
vendored
Normal file
20
www/def/tomato/js/jquery.dualSlider.0.3.min.js
vendored
Normal file
@@ -0,0 +1,20 @@
|
||||
/**
|
||||
* jQuery.fn.dualSlider - Dual sliders, why not?
|
||||
* Date: June 2010
|
||||
*
|
||||
* @author Rob Phillips (Front End Developer - Hugo & Cat - http://www.hugoandcat.com)
|
||||
* @version 0.2
|
||||
* @web http://www.hugoandcat.com/DualSlider/index.html
|
||||
*
|
||||
* Requirements:
|
||||
* jquery.1.3.2.js - http://jquery.com/
|
||||
* jquery.easing.1.3.js - http://gsgd.co.uk/sandbox/jquery/easing/
|
||||
* jquery.timers-1.2.js - http://plugins.jquery.com/project/timers
|
||||
*
|
||||
* 0.2 - Tested and fixed for IE6+, auto loops, manual pause/play controls
|
||||
* - Disabled buttons until animation finishes - Thanks for the bug John.
|
||||
* 0.3 - Now with a seamless loop, instead of that nasty rewind...was 'too much' apparently
|
||||
*
|
||||
**/
|
||||
|
||||
(function($){$.fn.dualSlider=function(options){var defaults={auto:true,autoDelay:10000,easingCarousel:'swing',easingDetails:'easeOutBack',durationCarousel:1000,durationDetails:600};var options=$.extend(defaults,options);this.each(function(){var obj=$(this);var carousel;var carouselTotal=$(".backgrounds",obj).children().length;var carouselPosition=1;var carouselLinkIndex=1;var carouselLinks="";var carouselwidth=$(obj).width();var detailWidth=$(".panel .details_wrapper",obj).width();var locked=false;if(options.auto==true){$(".backgrounds",obj).prepend($(".backgrounds .item:last-child",obj).clone().css("margin-left","-"+carouselwidth+"px"));$(".backgrounds",obj).append($(".backgrounds .item:nth-child(2)",obj).clone());$(".details",obj).prepend($(".details .detail:last-child",obj).clone().css("margin-left","-"+detailWidth+"px"));$(".details",obj).append($(".details .detail:nth-child(2)",obj).clone())}else{$(".previous",obj).hide();$(".play, .pause",obj).hide()}$(".backgrounds",obj).css("width",((carouselTotal+1)*carouselwidth)+100+"px");$(".details_wrapper .details",obj).css("width",detailWidth*carouselwidth+"px");for(i=1;i<=carouselTotal;i++){(i==1)?carouselLinks+="<a rel=\""+carouselLinkIndex+"\" title=\"Go to page "+carouselLinkIndex+" \" class=\"link"+carouselLinkIndex+" selected\" href=\"javascript:void(0)\">"+carouselLinkIndex+"</a>":carouselLinks+="<a rel=\""+carouselLinkIndex+"\" title=\"Go to page "+carouselLinkIndex+" \" class=\"link"+carouselLinkIndex+"\" href=\"javascript:void(0)\" >"+carouselLinkIndex+"</a>";carouselLinkIndex++}$("#numbers",obj).html(carouselLinks);$(".next",obj).click(function(){carouselPage(parseInt(carouselPosition+1),false);lock()});$(".previous",obj).click(function(){carouselPage(parseInt(carouselPosition-1),false);lock()});$("#numbers a",obj).click(function(){carouselPage($(this).attr("rel"),false);lock()});$(".pause",obj).click(function(){autoPause()});$(".play",obj).click(function(){autoPlay()});function lock(){locked=true}function unLock(){locked=false}function checkPreviousNext(){$("#numbers a",obj).removeClass("selected");$("#numbers .link"+carouselPosition,obj).addClass("selected");if(options.auto==false){(carouselPosition==carouselTotal)?$(".next",obj).hide():$(".next",obj).show();(carouselPosition<2)?$(".previous",obj).hide():$(".previous",obj).show()}}function adjust(){if(carouselPosition<1){$(".backgrounds",obj).css("margin-left",(-1*((carouselTotal-1)*carouselwidth)));$(".details",obj).css("margin-left",(-1*((carouselTotal-1)*detailWidth)));carouselPosition=carouselTotal}if(carouselPosition>carouselTotal){$(".backgrounds",obj).css("margin-left",0);$(".details",obj).css("margin-left",0);carouselPosition=1}}function carouselPage(x,y){if(locked!=true){carouselPosition=parseFloat(x);if(y==false)autoPause();var newPage=(x*carouselwidth)-carouselwidth;var newPageDetail=(x*detailWidth)-detailWidth;if(newPage!=0){newPage=newPage*-1;newPageDetail=newPageDetail*-1}$(".backgrounds",obj).animate({marginLeft:newPage},{"duration":options.durationCarousel,"easing":options.easingCarousel,complete:function(){$(".details",obj).animate({marginLeft:newPageDetail},{"duration":options.durationDetails,"easing":options.easingDetails});adjust();checkPreviousNext();unLock()}})}}function autoPause(){$(".pause",obj).hide();$(".play",obj).show();$("body").stopTime("autoScroll")}function autoPlay(){$(".pause",obj).show();$(".play",obj).hide();$("body").everyTime(options.autoDelay,"autoScroll",function(){carouselPage(carouselPosition+1,true);lock()})}if(options.auto==true){autoPlay()}})}})(jQuery);
|
||||
205
www/def/tomato/js/jquery.easing.1.3.js
Normal file
205
www/def/tomato/js/jquery.easing.1.3.js
Normal file
@@ -0,0 +1,205 @@
|
||||
/*
|
||||
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
|
||||
*
|
||||
* Uses the built in easing capabilities added In jQuery 1.1
|
||||
* to offer multiple easing options
|
||||
*
|
||||
* TERMS OF USE - jQuery Easing
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2008 George McGinley Smith
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
|
||||
// t: current time, b: begInnIng value, c: change In value, d: duration
|
||||
jQuery.easing['jswing'] = jQuery.easing['swing'];
|
||||
|
||||
jQuery.extend( jQuery.easing,
|
||||
{
|
||||
def: 'easeOutQuad',
|
||||
swing: function (x, t, b, c, d) {
|
||||
//alert(jQuery.easing.default);
|
||||
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
|
||||
},
|
||||
easeInQuad: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t + b;
|
||||
},
|
||||
easeOutQuad: function (x, t, b, c, d) {
|
||||
return -c *(t/=d)*(t-2) + b;
|
||||
},
|
||||
easeInOutQuad: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t + b;
|
||||
return -c/2 * ((--t)*(t-2) - 1) + b;
|
||||
},
|
||||
easeInCubic: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t + b;
|
||||
},
|
||||
easeOutCubic: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t + 1) + b;
|
||||
},
|
||||
easeInOutCubic: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t + 2) + b;
|
||||
},
|
||||
easeInQuart: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t + b;
|
||||
},
|
||||
easeOutQuart: function (x, t, b, c, d) {
|
||||
return -c * ((t=t/d-1)*t*t*t - 1) + b;
|
||||
},
|
||||
easeInOutQuart: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
|
||||
return -c/2 * ((t-=2)*t*t*t - 2) + b;
|
||||
},
|
||||
easeInQuint: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t*t + b;
|
||||
},
|
||||
easeOutQuint: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t*t*t + 1) + b;
|
||||
},
|
||||
easeInOutQuint: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t*t*t + 2) + b;
|
||||
},
|
||||
easeInSine: function (x, t, b, c, d) {
|
||||
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
|
||||
},
|
||||
easeOutSine: function (x, t, b, c, d) {
|
||||
return c * Math.sin(t/d * (Math.PI/2)) + b;
|
||||
},
|
||||
easeInOutSine: function (x, t, b, c, d) {
|
||||
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
|
||||
},
|
||||
easeInExpo: function (x, t, b, c, d) {
|
||||
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
|
||||
},
|
||||
easeOutExpo: function (x, t, b, c, d) {
|
||||
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
||||
},
|
||||
easeInOutExpo: function (x, t, b, c, d) {
|
||||
if (t==0) return b;
|
||||
if (t==d) return b+c;
|
||||
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
|
||||
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
||||
},
|
||||
easeInCirc: function (x, t, b, c, d) {
|
||||
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
|
||||
},
|
||||
easeOutCirc: function (x, t, b, c, d) {
|
||||
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
|
||||
},
|
||||
easeInOutCirc: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
|
||||
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
|
||||
},
|
||||
easeInElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
},
|
||||
easeOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
||||
},
|
||||
easeInOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
|
||||
},
|
||||
easeInBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*(t/=d)*t*((s+1)*t - s) + b;
|
||||
},
|
||||
easeOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
|
||||
},
|
||||
easeInOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
|
||||
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
|
||||
},
|
||||
easeInBounce: function (x, t, b, c, d) {
|
||||
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
|
||||
},
|
||||
easeOutBounce: function (x, t, b, c, d) {
|
||||
if ((t/=d) < (1/2.75)) {
|
||||
return c*(7.5625*t*t) + b;
|
||||
} else if (t < (2/2.75)) {
|
||||
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
|
||||
} else if (t < (2.5/2.75)) {
|
||||
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
|
||||
} else {
|
||||
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
|
||||
}
|
||||
},
|
||||
easeInOutBounce: function (x, t, b, c, d) {
|
||||
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
|
||||
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
*
|
||||
* TERMS OF USE - EASING EQUATIONS
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2001 Robert Penner
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
19
www/def/tomato/js/jquery.min.js
vendored
Normal file
19
www/def/tomato/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
138
www/def/tomato/js/jquery.timers-1.2.js
Normal file
138
www/def/tomato/js/jquery.timers-1.2.js
Normal file
@@ -0,0 +1,138 @@
|
||||
/**
|
||||
* jQuery.timers - Timer abstractions for jQuery
|
||||
* Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com)
|
||||
* Licensed under the WTFPL (http://sam.zoy.org/wtfpl/).
|
||||
* Date: 2009/10/16
|
||||
*
|
||||
* @author Blair Mitchelmore
|
||||
* @version 1.2
|
||||
*
|
||||
**/
|
||||
|
||||
jQuery.fn.extend({
|
||||
everyTime: function(interval, label, fn, times) {
|
||||
return this.each(function() {
|
||||
jQuery.timer.add(this, interval, label, fn, times);
|
||||
});
|
||||
},
|
||||
oneTime: function(interval, label, fn) {
|
||||
return this.each(function() {
|
||||
jQuery.timer.add(this, interval, label, fn, 1);
|
||||
});
|
||||
},
|
||||
stopTime: function(label, fn) {
|
||||
return this.each(function() {
|
||||
jQuery.timer.remove(this, label, fn);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
jQuery.extend({
|
||||
timer: {
|
||||
global: [],
|
||||
guid: 1,
|
||||
dataKey: "jQuery.timer",
|
||||
regex: /^([0-9]+(?:\.[0-9]*)?)\s*(.*s)?$/,
|
||||
powers: {
|
||||
// Yeah this is major overkill...
|
||||
'ms': 1,
|
||||
'cs': 10,
|
||||
'ds': 100,
|
||||
's': 1000,
|
||||
'das': 10000,
|
||||
'hs': 100000,
|
||||
'ks': 1000000
|
||||
},
|
||||
timeParse: function(value) {
|
||||
if (value == undefined || value == null)
|
||||
return null;
|
||||
var result = this.regex.exec(jQuery.trim(value.toString()));
|
||||
if (result[2]) {
|
||||
var num = parseFloat(result[1]);
|
||||
var mult = this.powers[result[2]] || 1;
|
||||
return num * mult;
|
||||
} else {
|
||||
return value;
|
||||
}
|
||||
},
|
||||
add: function(element, interval, label, fn, times) {
|
||||
var counter = 0;
|
||||
|
||||
if (jQuery.isFunction(label)) {
|
||||
if (!times)
|
||||
times = fn;
|
||||
fn = label;
|
||||
label = interval;
|
||||
}
|
||||
|
||||
interval = jQuery.timer.timeParse(interval);
|
||||
|
||||
if (typeof interval != 'number' || isNaN(interval) || interval < 0)
|
||||
return;
|
||||
|
||||
if (typeof times != 'number' || isNaN(times) || times < 0)
|
||||
times = 0;
|
||||
|
||||
times = times || 0;
|
||||
|
||||
var timers = jQuery.data(element, this.dataKey) || jQuery.data(element, this.dataKey, {});
|
||||
|
||||
if (!timers[label])
|
||||
timers[label] = {};
|
||||
|
||||
fn.timerID = fn.timerID || this.guid++;
|
||||
|
||||
var handler = function() {
|
||||
if ((++counter > times && times !== 0) || fn.call(element, counter) === false)
|
||||
jQuery.timer.remove(element, label, fn);
|
||||
};
|
||||
|
||||
handler.timerID = fn.timerID;
|
||||
|
||||
if (!timers[label][fn.timerID])
|
||||
timers[label][fn.timerID] = window.setInterval(handler,interval);
|
||||
|
||||
this.global.push( element );
|
||||
|
||||
},
|
||||
remove: function(element, label, fn) {
|
||||
var timers = jQuery.data(element, this.dataKey), ret;
|
||||
|
||||
if ( timers ) {
|
||||
|
||||
if (!label) {
|
||||
for ( label in timers )
|
||||
this.remove(element, label, fn);
|
||||
} else if ( timers[label] ) {
|
||||
if ( fn ) {
|
||||
if ( fn.timerID ) {
|
||||
window.clearInterval(timers[label][fn.timerID]);
|
||||
delete timers[label][fn.timerID];
|
||||
}
|
||||
} else {
|
||||
for ( var fn in timers[label] ) {
|
||||
window.clearInterval(timers[label][fn]);
|
||||
delete timers[label][fn];
|
||||
}
|
||||
}
|
||||
|
||||
for ( ret in timers[label] ) break;
|
||||
if ( !ret ) {
|
||||
ret = null;
|
||||
delete timers[label];
|
||||
}
|
||||
}
|
||||
|
||||
for ( ret in timers ) break;
|
||||
if ( !ret )
|
||||
jQuery.removeData(element, this.dataKey);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
jQuery(window).bind("unload", function() {
|
||||
jQuery.each(jQuery.timer.global, function(index, item) {
|
||||
jQuery.timer.remove(item);
|
||||
});
|
||||
});
|
||||
15
www/def/tomato/js/slimbox2.js
Normal file
15
www/def/tomato/js/slimbox2.js
Normal file
@@ -0,0 +1,15 @@
|
||||
/*
|
||||
Slimbox v2.03 - The ultimate lightweight Lightbox clone for jQuery
|
||||
(c) 2007-2009 Christophe Beyls <http://www.digitalia.be>
|
||||
MIT-style license.
|
||||
*/
|
||||
(function(w){var E=w(window),u,g,F=-1,o,x,D,v,y,L,s,n=!window.XMLHttpRequest,e=window.opera&&(document.compatMode=="CSS1Compat")&&(w.browser.version>=9.3),m=document.documentElement,l={},t=new Image(),J=new Image(),H,a,h,q,I,d,G,c,A,K;w(function(){w("body").append(w([H=w('<div id="lbOverlay" />')[0],a=w('<div id="lbCenter" />')[0],G=w('<div id="lbBottomContainer" />')[0]]).css("display","none"));h=w('<div id="lbImage" />').appendTo(a).append(q=w('<div style="position: relative;" />').append([I=w('<a id="lbPrevLink" href="#" />').click(B)[0],d=w('<a id="lbNextLink" href="#" />').click(f)[0]])[0])[0];c=w('<div id="lbBottom" />').appendTo(G).append([w('<a id="lbCloseLink" href="#" />').add(H).click(C)[0],A=w('<div id="lbCaption" />')[0],K=w('<div id="lbNumber" />')[0],w('<div style="clear: both;" />')[0]])[0]});w.slimbox=function(O,N,M){u=w.extend({loop:false,overlayOpacity:0.8,overlayFadeDuration:400,resizeDuration:400,resizeEasing:"swing",initialWidth:250,initialHeight:250,imageFadeDuration:400,captionAnimationDuration:400,counterText:"Image {x} of {y}",closeKeys:[27,88,67],previousKeys:[37,80],nextKeys:[39,78]},M);if(typeof O=="string"){O=[[O,N]];N=0}y=E.scrollTop()+((e?m.clientHeight:E.height())/2);L=u.initialWidth;s=u.initialHeight;w(a).css({top:Math.max(0,y-(s/2)),width:L,height:s,marginLeft:-L/2}).show();v=n||(H.currentStyle&&(H.currentStyle.position!="fixed"));if(v){H.style.position="absolute"}w(H).css("opacity",u.overlayOpacity).fadeIn(u.overlayFadeDuration);z();k(1);g=O;u.loop=u.loop&&(g.length>1);return b(N)};w.fn.slimbox=function(M,P,O){P=P||function(Q){return[Q.href,Q.title]};O=O||function(){return true};var N=this;return N.unbind("click").click(function(){var S=this,U=0,T,Q=0,R;T=w.grep(N,function(W,V){return O.call(S,W,V)});for(R=T.length;Q<R;++Q){if(T[Q]==S){U=Q}T[Q]=P(T[Q],Q)}return w.slimbox(T,U,M)})};function z(){var N=E.scrollLeft(),M=e?m.clientWidth:E.width();w([a,G]).css("left",N+(M/2));if(v){w(H).css({left:N,top:E.scrollTop(),width:M,height:E.height()})}}function k(M){w("object").add(n?"select":"embed").each(function(O,P){if(M){w.data(P,"slimbox",P.style.visibility)}P.style.visibility=M?"hidden":w.data(P,"slimbox")});var N=M?"bind":"unbind";E[N]("scroll resize",z);w(document)[N]("keydown",p)}function p(O){var N=O.keyCode,M=w.inArray;return(M(N,u.closeKeys)>=0)?C():(M(N,u.nextKeys)>=0)?f():(M(N,u.previousKeys)>=0)?B():false}function B(){return b(x)}function f(){return b(D)}function b(M){if(M>=0){F=M;o=g[F][0];x=(F||(u.loop?g.length:0))-1;D=((F+1)%g.length)||(u.loop?0:-1);r();a.className="lbLoading";l=new Image();l.onload=j;l.src=o}return false}function j(){a.className="";w(h).css({backgroundImage:"url("+o+")",visibility:"hidden",display:""});w(q).width(l.width);w([q,I,d]).height(l.height);w(A).html(g[F][1]||"");w(K).html((((g.length>1)&&u.counterText)||"").replace(/{x}/,F+1).replace(/{y}/,g.length));if(x>=0){t.src=g[x][0]}if(D>=0){J.src=g[D][0]}L=h.offsetWidth;s=h.offsetHeight;var M=Math.max(0,y-(s/2));if(a.offsetHeight!=s){w(a).animate({height:s,top:M},u.resizeDuration,u.resizeEasing)}if(a.offsetWidth!=L){w(a).animate({width:L,marginLeft:-L/2},u.resizeDuration,u.resizeEasing)}w(a).queue(function(){w(G).css({width:L,top:M+s,marginLeft:-L/2,visibility:"hidden",display:""});w(h).css({display:"none",visibility:"",opacity:""}).fadeIn(u.imageFadeDuration,i)})}function i(){if(x>=0){w(I).show()}if(D>=0){w(d).show()}w(c).css("marginTop",-c.offsetHeight).animate({marginTop:0},u.captionAnimationDuration);G.style.visibility=""}function r(){l.onload=null;l.src=t.src=J.src=o;w([a,h,c]).stop(true);w([I,d,h,G]).hide()}function C(){if(F>=0){r();F=x=D=-1;w(a).hide();w(H).stop().fadeOut(u.overlayFadeDuration,k)}return false}})(jQuery);
|
||||
|
||||
// AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED)
|
||||
if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) {
|
||||
jQuery(function($) {
|
||||
$("a[rel^='lightbox']").slimbox({/* Put custom options here */}, null, function(el) {
|
||||
return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
|
||||
});
|
||||
});
|
||||
}
|
||||
203
www/def/tomato/portfolio.html
Normal file
203
www/def/tomato/portfolio.html
Normal file
@@ -0,0 +1,203 @@
|
||||
<!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" />
|
||||
<title>Bookstore Theme, Portfolio</title>
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
|
||||
<!-- templatemo 360 bookstore -->
|
||||
<!--
|
||||
Bookstore Template
|
||||
http://www.templatemo.com/preview/templatemo_360_bookstore
|
||||
-->
|
||||
<script type="text/javascript" src="js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="js/ddsmoothmenu.js">
|
||||
|
||||
/***********************************************
|
||||
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
|
||||
* This notice MUST stay intact for legal use
|
||||
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
|
||||
***********************************************/
|
||||
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
ddsmoothmenu.init({
|
||||
mainmenuid: "templatemo_menu", //menu DIV id
|
||||
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
|
||||
classname: 'ddsmoothmenu', //class added to menu's outer DIV
|
||||
//customtheme: ["#1c5a80", "#18374a"],
|
||||
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="all" href="css/jquery.dualSlider.0.2.css" />
|
||||
|
||||
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.timers-1.2.js" type="text/javascript"></script>
|
||||
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
|
||||
<script type="text/JavaScript" src="js/slimbox2.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="templatemo_header_wrapper">
|
||||
<div id="templatemo_header">
|
||||
<div id="site_title"><a href="#">Bookstore Template</a></div>
|
||||
<div id="templatemo_menu" class="ddsmoothmenu">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About</a>
|
||||
<ul>
|
||||
<li><span class="top"></span><span class="bottom"></span></li>
|
||||
<li><a href="#submenu1">Sub menu 1</a></li>
|
||||
<li><a href="#submenu2">Sub menu 2</a></li>
|
||||
<li><a href="#submenu3">Sub menu 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="portfolio.html" class="selected">Gallery</a>
|
||||
<ul>
|
||||
<li><span class="top"></span><span class="bottom"></span></li>
|
||||
<li><a href="#submenu1">Sub menu 1</a></li>
|
||||
<li><a href="#submenu2">Sub menu 2</a></li>
|
||||
<li><a href="#submenu3">Sub menu 3</a></li>
|
||||
<li><a href="#submenu4">Sub menu 4</a></li>
|
||||
<li><a href="#submenu5">Sub menu 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
<br style="clear: left" />
|
||||
</div> <!-- end of templatemo_menu -->
|
||||
<div class="clear"></div>
|
||||
</div> <!-- END of header -->
|
||||
</div> <!-- END of header wrapper -->
|
||||
<div id="templatemo_main">
|
||||
|
||||
<div id="gallery">
|
||||
<div class="col one_third gallery_box">
|
||||
<div class="img_frame img_frame_13 img_nom"><span></span>
|
||||
<a href="images/portfolio/01-l.jpg" rel="lightbox[portfolio]"><img src="images/portfolio/01.jpg" alt="Image 01" /></a>
|
||||
</div>
|
||||
<h4>Cras dignissim venenatis</h4>
|
||||
<p>Ut gravida magna tempus et. Phasellus facilisis, mi sit amet semper convallis, lectus felis convallis ligula, et adipiscing libero dui at felis.</p>
|
||||
<a href="#" class="more">DETAIL</a>
|
||||
</div>
|
||||
<div class="col one_third gallery_box">
|
||||
<div class="img_frame img_frame_13 img_nom"><span></span>
|
||||
<a href="images/portfolio/02-l.jpg" rel="lightbox[portfolio]"><img src="images/portfolio/02.jpg" alt="Image 02" /></a>
|
||||
</div>
|
||||
<h4>Duis ut eu lectus mollis</h4>
|
||||
<p>Vestibulum in mauris id nulla fermentum congue nec vel dolor erat libero iaculis metus, at suscipit metus est. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
|
||||
<a href="#" class="more">DETAIL</a>
|
||||
</div>
|
||||
<div class="col one_third gallery_box no_margin_right">
|
||||
<div class="img_frame img_frame_13 img_nom"><span></span>
|
||||
<a href="images/portfolio/03-l.jpg" rel="lightbox[portfolio]"><img src="images/portfolio/03.jpg" alt="Image 03" /></a>
|
||||
</div>
|
||||
<h4>Condimentum ac eu lectus</h4>
|
||||
<p>Etiam faucibus aliquet turpis sit amet congue. Praesent at nulla id lectus mattis consequat. Ut rutrum blandit dui quis condimentum.</p>
|
||||
<a href="#" class="more">DETAIL</a>
|
||||
</div>
|
||||
<div class="col one_third gallery_box">
|
||||
<div class="img_frame img_frame_13 img_nom"><span></span>
|
||||
<a href="images/portfolio/04-l.jpg" rel="lightbox[portfolio]"><img src="images/portfolio/04.jpg" alt="Image 04" /></a>
|
||||
</div>
|
||||
<h4>Vestibulum semper erat</h4>
|
||||
<p>Aenean rutrum, velit in tincidunt ullamcorper, augue arcu cursus tortor, a pulvinar urna eros ut dolor faucibus et porta magna congue. </p>
|
||||
<a href="#" class="more">DETAIL</a>
|
||||
</div>
|
||||
<div class="col one_third gallery_box">
|
||||
<div class="img_frame img_frame_13 img_nom"><span></span>
|
||||
<a href="images/portfolio/05-l.jpg" rel="lightbox[portfolio]"><img src="images/portfolio/05.jpg" alt="Image 05" /></a>
|
||||
</div>
|
||||
<h4>Sed laoreet nulla</h4>
|
||||
<p>Sed quam felis, aliquam non tempor quis, pulvinar feugiat lacus. Nullam a urna ac metus ultrices cursus odio at rutrum accumsan.</p>
|
||||
<a href="#" class="more">DETAIL</a>
|
||||
</div>
|
||||
<div class="col one_third gallery_box no_margin_right">
|
||||
<div class="img_frame img_frame_13 img_nom"><span></span>
|
||||
<a href="images/portfolio/06-l.jpg" rel="lightbox[portfolio]"><img src="images/portfolio/06.jpg" alt="Image 06" /></a>
|
||||
</div>
|
||||
<h4>Pharetra rutrum purus</h4>
|
||||
<p>Turpis ante lobortis libero, nec imperdiet urna orci sit amet velit. Phasellus sed massa sit amet enim pulvinar sapien molestie.</p>
|
||||
<a href="#" class="more">DETAIL</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
<div class="paging">
|
||||
<ul>
|
||||
<li><a href="#">Previous</a></li>
|
||||
<li><a href="#">1</a></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li><a href="#">4</a></li>
|
||||
<li><a href="#">5</a></li>
|
||||
<li><a href="#">6</a></li>
|
||||
<li><a href="#">Next</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
|
||||
</div> <!-- END of main -->
|
||||
<div id="templatemo_footer_wrapper">
|
||||
<div id="templatemo_footer">
|
||||
<div class="col one_fourth">
|
||||
<h4>Photo Gallery</h4>
|
||||
<ul class="footer_gallery">
|
||||
<li><a href="images/templatemo_image_03_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_03.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_04_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_04.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_05_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_05.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_06_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_06.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_07_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_07.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_08_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_08.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_09_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_09.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_10_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_10.jpg" alt="image" /></a></li>
|
||||
<li><a href="images/templatemo_image_11_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_11.jpg" alt="image" /></a></li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
<a href="portfolio.html" class="more">more</a>
|
||||
</div>
|
||||
<div class="col one_fourth">
|
||||
<h4>Recent Posts</h4>
|
||||
<ul class="no_bullet">
|
||||
<li>
|
||||
<span class="header"><a href="#">Pellentesque nec tempus</a></span>
|
||||
Phasellus porttitor lacus vel risus ullamcorper tempor.
|
||||
</li>
|
||||
<li>
|
||||
<span class="header"><a href="#">Ipsum dolor sit amet</a></span>
|
||||
Nunc facilisis auctor metus, at mollis urna dictum sit amet.
|
||||
</li>
|
||||
<li>
|
||||
<span class="header"><a href="#">Morbi tincidunt dictum leo</a></span>
|
||||
Aliquam aliquam lacus eros, ut cursus augue dolor.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col one_fourth">
|
||||
<h4>Twitter</h4>
|
||||
<ul class="no_bullet">
|
||||
<li><a href="#">@templatemo</a> at scelerisque urna in tellus varius ultricies.</li>
|
||||
<li>Suspendisse enean <a href="#">#FREE</a> tincidunt massa in tellus varius ultricies.</li>
|
||||
<li>Aenean tincidunt massa in tellus varius ultricies. <a href="#">http://bit.ly/13IwZO</a></li>
|
||||
<li>Vulputate odio sit amet adipiscing lacus. <a href="#">http://bit.ly/IyyUoO</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col one_fourth no_margin_right">
|
||||
<h4>About</h4>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor lacus vel risus ullamcorper tempor. Pellentesque vestibulum vulputate odio sit amet adipiscing. Nunc facilisis auctor metus, at mollis urna dictum sit amet.</p>
|
||||
Copyright © 2048 <a href="#">Your Company Name</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div> <!-- END of footer -->
|
||||
</div> <!-- END of footer wrapper -->
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user