<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ocean Blue Blog Template</title>
<meta name="keywords" content="ocean blue, blog template, free css templates, CSS, HTML" />
<meta name="description" content="Ocean Blue Blog - Free CSS Template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" />
<!-- Arquivos utilizados pelo jQuery lightBox plugin -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
<!-- Ativando o jQuery lightBox plugin -->
<script type="text/javascript">
$(function() {
$('#map a').lightBox();
});
</script>
</head>
<body class="subpage">
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><h1><a href="#">Ocean Blue</a> <span>Free CSS Templates</span></h1></div>
<div id="search_box">
<form action="#" method="get">
<input type="text" value="Search" name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
<input type="submit" name="Search" value="" id="searchbutton" title="Search" />
</form>
</div>
<div class="cleaner"></div>
</div>
<div id="templatemo_menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="news.html">News</a></li>
<li><a href="blog.html" class="current">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="cleaner"></div>
</div> <!-- end of templatemo_menu -->
<div id="templatemo_middle_subpage">
<h2>Blog Posts</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis nulla vitae ante congue iaculis. Nunc vitae sapien sed neque porttitor egestas sit amet ut ligula. Praesent placerat dui ut nibh eleifend lobortis. Vestibulum dictum tincidunt posuere. </p>
</div>
<div id="templatemo_main">
<div class="col_w900 col_w900_last">
<div class="col_w580 float_l">
<div class="post_box">
<img src="images/blog_image_02.jpg" alt="Image 1" />
<p class="post_meta"><span class="cat">Posted in <a href="#">CSS Templates</a>, <a href="#">Web Design</a></span> | Date: June 24, 2048</p>
<h2>Sed mollis elementum lectus rhoncus</h2>
<p>Nunc varius venenatis sem sed adipiscing. Mauris suscipit mauris in purus mattis placerat. Ut rhoncus imperdiet nibh sit amet sagittis. Aliquam erat volutpat. In pellentesque sagittis dictum. Aliquam erat volutpat. Donec ac aliquam neque. Validate <a href="#" rel="nofollow"><strong>XHTML</strong></a> & <a href="#" rel="nofollow"><strong>CSS</strong></a>.</p>
<a class="more" href="#">Read More</a>
<div class="cleaner"></div>
</div>
<div class="post_box">
<img src="images/blog_image_03.jpg" alt="Image 2" />
<p class="post_meta"><span class="cat">Posted in <a href="#">Marketing</a>, <a href="#">Advertising</a></span> | Date: June 24, 2048</p>
<h2>Duis eu lectus et ante accumsan auctor</h2>
<p> Aliquam erat volutpat. In pellentesque sagittis dictum. Aliquam erat volutpat. Donec ac aliquam neque. Sed tellus diam, consequat nec volutpat et, cursus ac nisi. Mauris in risus in diam consequat suscipit non ac enim.</p>
<a class="more" href="#">Read More</a>
<div class="cleaner"></div>
</div>
<div class="post_box">
<img src="images/blog_image_02.jpg" alt="Image 3" />
<p class="post_meta"><span class="cat">Posted in <a href="#">Illustrations</a>, <a href="#">Graphics</a></span> | Date: June 24, 2048</p>
<h2>Aenean vulputate tempus sollicitudin</h2>
<p>Mauris suscipit mauris in purus mattis placerat. Ut rhoncus imperdiet nibh sit amet sagittis. Aliquam erat volutpat. In pellentesque sagittis dictum. Aliquam erat volutpat. Donec ac aliquam neque. Sed tellus diam.</p>
<a class="more" href="#">Read More</a>
<div class="cleaner"></div>
</div>
<div class="post_box">
<img src="images/blog_image_01.jpg" alt="Image 4" />
<p class="post_meta"><span class="cat">Posted in <a href="#">3D</a>, <a href="#">Interactive</a></span> | Date: June 20, 2048</p>
<h2>Fusce vehicula consequat dignissim</h2>
<p>Ut rhoncus imperdiet nibh sit amet sagittis. Aliquam erat volutpat. In pellentesque sagittis dictum. Aliquam erat volutpat. Donec ac aliquam neque. Sed tellus diam, consequat nec volutpat et, cursus ac nisi.</p>
<a class="more" href="#">Read More</a>
<div class="cleaner"></div>
</div>
</div>
<div class="col_w280 float_r">
<h2>Popular Posts</h2>
<div class="lbe_box">
<h3><a href="#">Etiam Dui Imperdiet Rhoncus</a></h3>
<p>Morbi pellentesque, libero vitae fermentum tincidunt libero accumsan erat, sit amet ornare...</p>
<p class="date">June 26, 2048</p>
</div>
<div class="lbe_box">
<h3><a href="#">Aenean Quis Nulla ac Nisl Rutrum</a></h3>
<p>Libero accumsan erat, sit amet ornare lectus urna a turpis libero nibh vulputate et diam.</p>
<p class="date">June 20, 2048</p>
<div class="cleaner"></div>
</div>
<div class="cleaner h30"></div>
<h3>Our Latest Project</h3>
<div class="sb_lp_box">
<img src="images/gallery/image_04_s.jpg" alt="image 5" />
<p>Duis convallis odio et velit venenatis ac venenatis turpis mattis varius quam et laoreet. <a href="#">More...</a></p>
</div>
<div class="sb_lp_box">
<img src="images/gallery/image_02_s.jpg" alt="image 6" />
<p>Duis convallis odio et velit venenatis ac venenatis turpis mattis varius quam et laoreet. <a href="#">More...</a></p>
</div>
<div class="sb_lp_box">
<img src="images/gallery/image_03_s.jpg" alt="image 7" />
<p>Duis convallis odio et velit venenatis ac venenatis turpis mattis varius quam et laoreet. <a href="#">More...</a></p>
</div>
</div>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
</div> <
蓝色严肃商务风格网页模板_蓝色 商务 严肃 企业 软件_html网站模板_网页源码移动端前端_H5模板_自适应响应式源.rar （59个子文件） 
蓝色严肃商务风格网页模板_蓝色 商务 严肃 企业 软件 template_307_ocean_blue js 
jquery.lightbox-0.5.js 20KB jquery.lightbox-0.5.min.js 10KB jquery.js 53KB jquery.lightbox-0.5.pack.js 6KB css jquery.lightbox-0.5.css 2KB nivo-slider.css 1KB
index.html 8KB contact.html 6KB images 
blog_image_02.jpg 14KB templatemo_header.jpg 6KB
templatemo_logo.png 7KB news_image_03.jpg 5KB
lightbox-ico-loading.gif 4KB lightbox-blank.gif 43B templatemo_body_subpage.jpg 372B lightbox-btn-close.gif 700B templatemo_menu_hover.png 237B slideshow 02.jpg 31KB 01.jpg 12KB 05.jpg 12KB 04.jpg 18KB 03.jpg 9KB blog_image_03.jpg 37KB icon3.jpg 1KB icon2.jpg 2KB news_image_04.jpg 4KB templatemo_middle.jpg 3KB gallery image_03_l.jpg 85KB image_06_s.jpg 11KB image_04_l.jpg 93KB image_05_l.jpg 91KB image_02_s.jpg 10KB image_02_l.jpg 101KB image_06_l.jpg 103KB image_04_s.jpg 10KB image_01_l.jpg 94KB image_03_s.jpg 10KB image_01_s.jpg 8KB image_05_s.jpg 8KB news_image_02.jpg 5KB news_image_01.jpg 5KB map_thumb.jpg 19KB icon1.jpg 2KB templatemo_learn_more.jpg 2KB templatemo_body.jpg 400B templatemo_more.jpg 660B templatemo_search.jpg 1KB map_big.jpg 36KB blog_image_01.jpg 23KB templatemo_logo_PNG_source.png 63KB templatemo_menu.jpg 3KB templatemo_image_01.jpg 11KB templatemo_more_hover.jpg 822B templatemo_footer.jpg 4KB script jquery.nivo.slider.js 14KB templatemo_style.css 8KB blog.html 8KB news.html 7KB gallery.html 8KB资源评论
qw_6918966011
- 粉丝: 26
- 资源: 6165
最新资源
- (源码)基于Java Servlet的新闻管理系统.zip
- Formula One Racing For Dumm_ (Z-Library).pdf
- (源码)基于Arduino的指纹考勤系统.zip
- (源码)基于GPT和实时爬虫的智能台式机装机推荐系统.zip
- (源码)基于Spring框架的学生信息管理系统.zip
- (源码)基于Python的SayToBIM元宇宙建模系统.zip
- (源码)基于Qt框架的简化绘图机器人手臂系统.zip
- (源码)基于Spring Boot和Vue的前后端分离管理系统.zip
- (源码)基于WPF和Winform的股票行情交易系统.zip
- (源码)基于Spring Boot和Vue的谷粒商城系统.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
