【免费】漂亮大气的企业博客模板_漂亮大气企业博客头部黑色绿色web20精品软件产品.rar资源-CSDN文库

共35个文件

jpg：22个

js：8个

css：2个

需积分: 0 30 浏览量 2023-09-12 08:43:36 上传评论收藏 226KB RAR 举报

标题中的“漂亮大气的企业博客模板_漂亮大气企业博客头部黑色绿色web20精品软件产品”表明这是一个设计精美、适用于企业的博客模板，具有黑色和绿色的元素，并且符合Web2.0的设计风格。Web2.0通常指的是具有互动性、富媒体内容和更现代设计的互联网应用或网站。在描述中提到的“html”，意味着这个模板是基于HTML（超文本标记语言）构建的，HTML是网页设计的基础，用于定义页面结构和内容。这个模板可能还结合了CSS（层叠样式表）来控制样式和布局，使其呈现出专业且吸引人的外观。标签“html”进一步强调了这个模板的核心技术，HTML5是当前最广泛使用的版本，它引入了许多新特性，如语义化标签、多媒体支持和离线存储，提高了用户体验和开发者效率。从压缩包子文件的文件名称列表中，我们可以推测出模板的一些具体组成部分： 1. templatemo_style.css：这是主题样式表，包含定义模板整体样式的CSS规则，如字体、颜色、布局等。 2. s3slider.css：可能是一个滑动图像或菜单的样式文件，S3Slider可能是一个JavaScript插件，用于创建响应式的图像滑块，提升用户界面的动态效果。 3. index.html：这是网站的主页文件，包含了网站的主要内容和结构。 4. 图片文件（01.jpg到05.jpg，templatemo_image_02.jpg，templatemo_banner.jpg）：这些是网站使用的图像资源，可能用于背景、内容装饰或产品展示，比如05.jpg可能是页脚的图片，01-04.jpg可能是网站内容部分的图片，templatemo_image_02.jpg可能是特定内容的图片，而templatemo_banner.jpg可能是网站的横幅图像。 5. 其他未列出的文件，如JavaScript脚本或图像文件，可能包含交互功能的实现，如导航菜单、按钮效果、动画等。这个压缩包提供了一个全面的企业博客模板，结合了HTML和CSS，以及可能的JavaScript组件，以实现美观的布局、动态效果和用户体验。使用者只需根据自己的需求进行内容替换和定制，即可快速搭建起一个专业的企业博客网站。

资源推荐

资源详情

资源评论

收起资源包目录

漂亮大气的企业博客模板_漂亮大气企业博客头部黑色绿色web20精品软件产品.rar （35个子文件）

02.jpg 19KB

templatemo_footer_bg.jpg 2KB

templatemo_image_02.jpg 17KB

templatemo_nav_bg.jpg 424B

piroBox.1_2.js 16KB

templatemo_button_01.jpg 1KB

templatemo_header_bg_02.jpg 819B

01.jpg 18KB

templatemo_header_bg.jpg 820B

templatemo_banner.jpg 14KB

jquery-1.3.1.min.js 54KB

templatemo_menu_hover.png 510B

templatemo_footer_wrapper_bg.jpg 314B

templatemo_title_bar_bg.jpg 378B

piroBox.1_2_min.js 10KB

templatemo_button_02.jpg 1KB

templatemo_banner_image_bg.jpg 3KB

templatemo_menu_wrapper_bg.jpg 387B

templatemo_image_03.jpg 5KB

templatemo_content_bg.jpg 446B

s3slider.css 1KB

templatemo_menu_bg.jpg 4KB

05.jpg 19KB

s3Slider.js 4KB

index.html 10KB

04.jpg 15KB

templatemo_menu_bg.png 492B

jquery.easing.1.3.js 8KB

jquery.js 101KB

jquery.min.js 56KB

templatemo_style.css 8KB

templatemo_image_04.jpg 11KB

templatemo_image_01.jpg 8KB

03.jpg 18KB

jquery.ennui.contentslider.js 5KB

<!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>Company Template, CSS Template, Free Web Template</title> <meta name="keywords" content="company template, moobnn.com, green color bar, CSS, HTML" /> <meta name="description" content="Company Template (Green) is a free website template provided from moobnn.com" /> <link href="css/templatemo_style.css" rel="stylesheet" type="text/css" /> <link href="css/s3slider.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/s3Slider.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#slider').s3Slider({ timeOut: 3000 }); }); </script> <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> </head> <body> <div id="templatemo_site_title_bar_wrapper"> <div id="templatemo_site_title_bar"> <div id="site_title"> <h1> <a href="http://www.moobnn.com" target="_parent">Company Template <span>free html/css layout</span></a> </h1> </div> <ul id="top_menu"> <li class="first"><a href="#">Home</a></li> <li><a href="#">Sitemap</a></li> <li><a href="#">Contact</a></li> </ul> </div>  </div>  <div id="templatemo_banner_wrapper"> <div id="templatemo_banner"> <div id="slider"> <ul id="sliderContent"> <li class="sliderImage"> <a href="http://www.moobnn.com" target="_blank"><img src="gallery/01.jpg" alt="1" /></a> <span class="bottom"><strong>Project 1</strong><br />Suspendisse turpis arcu, dignissim ac laoreet a, condimentum in massa.</span> </li> <li class="sliderImage"> <a href="http://www.moobnn.com" target="_blank"><img src="gallery/02.jpg" alt="2" /></a> <span class="bottom"><strong>Project 2</strong><br />uisque eget elit quis augue pharetra feugiat.</span> </li> <li class="sliderImage"> <a href="http://www.moobnn.com" target="_blank"><img src="gallery/03.jpg" alt="3" /></a> <span class="bottom"><strong>Project 3</strong><br />Sed et quam vitae ipsum vulputate varius vitae semper nunc.</span> </li> <li class="sliderImage"> <a href="http://www.moobnn.com" target="_blank"><img src="gallery/04.jpg" alt="4" /></a> <span class="bottom"><strong>Project 4</strong><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span> </li> </ul> <div class="clear sliderImage"></div> </div> <div id="banner_content"> <h2>Lorem ipsum dolor sit amet</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras auctor, arcu sit amet auctor luctus, lectus sem rhoncus felis, dignissim convallis nulla quam ac dolor.</p> <a href="http://www.moobnn.com" target="_parent">Read more</a> </div> </div>  </div>  <div id="templatemo_menu_wrapper"> <div id="templatemo_menu"> <ul> <li><a href="#" class="current fast">Home</a></li> <li><a href="#" target="_parent">Flash</a></li> <li><a href="http://www.moobnn.com" target="_parent">CSS</a></li> <li><a href="http://www.moobnn.com" target="_parent">Gallery</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Company</a></li> </ul> </div>  </div>  <div id="templatemo_content"> <div id="main_column"> <div class="section_w560"> <h2>Introducing New Company</h2> <img class="image_wrapper fl_image" src="images/templatemo_image_04.jpg" alt="image" /> <p>This <a href="http://www.moobnn.com" target="_parent">website template</a> is provided by <a href="http://www.moobnn.com" target="_parent">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络淘宝店</a> for free of charge. You may download, edit and apply this template for your websites. Credit goes to <a href="#" target="_blank">PhotoVaco.com</a> for photos.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et quam vitae ipsum vulputate varius vitae semper nunc. Quisque eget elit quis augue pharetra feugiat. Suspendisse turpis arcu, dignissim ac laoreet.</p> <div class="cleaner"></div> </div> <div class="cleaner_h50"></div> <div class="section_w560"> <h2>Web Design Trends</h2> <img class="image_wrapper fr_image" src="images/templatemo_image_01.jpg" alt="image" /> <p>Suspendisse feugiat, augue ac tincidunt vestibulum, ligula orci tincidunt arcu, quis scelerisque ante magna quis urna. Ut quis est congue dui porttitor porta. Suspendisse eu erat at nunc luctus rhoncus ut ut purus. Duis mollis dignissim fringilla. </p> <p>In hac habitasse platea dictumst. Nullam orci ante, tempor ac blandit eget, tristique non neque. Pellentesque eu leo tortor. Mauris et lectus eget elit sodales mattis ac id ligula. Quisque fermentum malesuada felis at suscipit. </p> <div class="cleaner_h20"></div> <ul class="list_01"> <li>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.</li> <li>Nulla facilisi. Phasellus posuere justo id nunc bibendum convallis.</li> <li>Aliquam sed nisi nulla, sit amet commodo arcu.</li> <li>Sed sagittis, mauris vel fringilla varius, lacus diam faucibus nisl.</li> </ul> <div class="button bottom_01"><a href="#">View All</a></div> </div> <div class="cleaner"></div> </div>  <div id="side_column"> <div class="side_column_box"> <h2>Upcoming Events</h2> <div class="news_section"> <img class="image_wrapper" src="images/templatemo_image_02.jpg" alt="image" /> <h3>Etiam tempus tellus eget </h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et ipsum sem, ut lobortis dui. <a href="#">Read more...</a></p> </div> <div class="news_section"> <img class="image_wrapper" src="images/templatemo_image_03.jpg" alt="image" /> <h3>Nam quis aliquet quam</h3> <p>Sed pharetra neque vel mauris aucto

评论收藏

内容反馈