roman/webserv
1
0
Fork 0
mirror of https://github.com/3lswear/webserv.git synced 2025-10-28 21:07:59 +03:00
Code Issues Packages Projects Releases Wiki Activity
Files
71c8f2bfeeb257730b188a669f7f00d313c3dc0f
webserv/www/def/tomato/blog_post.html
Talyx 1157c70548 tomato and besmart src
2022-02-24 18:14:01 +03:00

294 lines
16 KiB
HTML
Raw Blame History

<!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> &amp; <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>
Reference in New Issue View Git Blame Copy Permalink