<!DOCTYPE html>
<html>
<head>
<title>Web site</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="title" content="Web site" />
<meta name="description" content="Site description here" />
<meta name="keywords" content="keywords here" />
<meta name="language" content="en" />
<meta name="subject" content="Site subject here" />
<meta name="robots" content="All" />
<meta name="copyright" content="Your company" />
<meta name="abstract" content="Site description here" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<link id="theme" rel="stylesheet" type="text/css" href="style.css" title="theme" />
</head>
<body>
<div id="wrapper">
<div id="bg">
<div id="header"></div>
<div id="page">
<div id="container">
<!-- banner -->
<div id="banner"></div>
<!-- end banner -->
<!-- horizontal navigation -->
<div id="nav1">
<ul>
<li id="current" style="border:none">
<a href="#" shape="rect">Home</a>
</li>
<li>
<a href="#" shape="rect">Products</a>
</li>
<li>
<a href="#" shape="rect">Services</a>
</li>
<li>
<a href="#" shape="rect">News</a>
</li>
<li>
<a href="#" shape="rect">About</a>
</li>
</ul>
</div>
<!-- end horizontal navigation -->
<!-- content -->
<div id="content">
<div id="center">
<div id="welcome">
<h3>LICENSE</h3>
<p>This template is free. You are free to use it, share it, redistribute it, modify it in any way you want as long as you
<strong>keep a link back to doTemplate Website</strong> in the footer. You can remove this link by
<a href="http://www.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a>.
</p>
<h1>Title 1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.</p>
<div>
<img src="images/leaves.jpg" style="float:left;margin:0 15px 0 0;" />
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>
</div>
<h2>Title 2</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.</p>
<h3>Title 3</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.</p>
<p style="clear:both" />
</div>
</div>
<div id="right">
<div id="sidebar">
<h3>Categories</h3>
<ul class="vmenu">
<li>
<a href="#" shape="rect">Category 1</a>
</li>
<li>
<a href="#" shape="rect">Category 2</a>
</li>
<li>
<a href="#" shape="rect">Category 3</a>
</li>
<li>
<a href="#" shape="rect">Category 4</a>
</li>
<li>
<a href="#" shape="rect">Category 5</a>
</li>
</ul>
<h3 style="margin-top:40px">News</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.</p>
<div style="font-weight:bold;margin-top:20px">Call us : 00-123-456-789</div>
<div style="text-align:center;margin:20px 0">
<img src="images/call-1.jpg" />
</div>
</div>
</div>
<div class="clear" style="height:40px"></div>
</div>
<!-- end content -->
</div>
<!-- end container -->
</div>
<div id="footerWrapper">
<div id="footer">
<p style="padding-top:10px">
<a href="http://www.moobnn.com" title="模板在线" target="_blank">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> collect
</p>
</div>
</div>
</div>
</div>
</body>
</html>
圆角简单绿色向阳花博客模板_绿色圆角企业英文简单html博客.rar
需积分: 0 198 浏览量
更新于2023-09-12
收藏 85KB RAR 举报
标题中的“圆角简单绿色向阳花博客模板_绿色圆角企业英文简单html博客”表明这是一个设计简洁、采用绿色主题并带有圆角元素的HTML博客模板,特别适合用于创建具有清新风格的企业或个人博客。HTML(HyperText Markup Language)是网页开发的基础语言,用于构建和维护网页结构。
描述中提到的“html”,这是HTML模板的核心,意味着这个模板是基于HTML5标准构建的。HTML5是目前最新的HTML版本,提供了更多的语义化标签,增强了网页的可读性和可访问性,同时引入了音频、视频等多媒体支持,以及离线存储和更好的表单控件等功能。
标签“html”进一步强调了这个模板与HTML技术的关联性,意味着用户可以通过编辑HTML代码来定制和调整模板的布局、内容和样式。
压缩包内的文件列表揭示了模板的组成部分:
1. footerWrapper-bg.jpg:这是页脚区域的背景图片,用于给页面底部添加视觉效果,通常可以设置成与主题相匹配的绿色或与向阳花相关的图案。
2. page-vbg.jpg 和 page-bg.jpg:分别可能是垂直背景和全页面背景图,为整个博客页面提供了一种统一的视觉风格,可能包含绿色元素和向阳花的图案,营造出和谐舒适的浏览环境。
3. style.css:这是CSS(Cascading Style Sheets)样式表文件,用于定义模板的布局、颜色、字体和其他视觉样式。用户可以通过修改此文件来自定义博客的外观。
4. leaves.jpg 和 hat.jpg:这些可能是装饰性的图像,如页面边角的装饰元素,或者是内容区的分隔符,为博客增添自然或专业的感觉。
5. call-1.jpg:可能是一个呼吁行动的图片,如按钮或提示,鼓励访客进行特定操作,如订阅、分享或购买。
6. index.html:这是网站的主页文件,包含了整个博客的结构和内容,用户可以在此处编辑文本、链接和其他交互元素。
7. hmenu-sel.jpg 和 hmenu.jpg:可能代表了导航菜单的选中状态和普通状态的图片,帮助用户在页面之间导航。
这个模板使用HTML5构建,具备清新绿色的视觉设计和圆角元素,通过编辑CSS文件和HTML文件,用户可以根据自己的需求调整模板,实现个性化的企业或个人博客。此外,模板中的图片资源为整体设计提供了丰富的视觉支持,使得博客看起来既专业又具有吸引力。
Q_97095639
- 粉丝: 448
- 资源: 1万+
最新资源
- 基于SpringBoot的智慧园区后台管理系统全部资料+高分项目+详细文档.zip
- 基于Python课程设计, 智慧校园考试系统,包括用户管理,注册机构,配置题库,答题功能全部资料+高分项目+详细文档.zip
- 基于vue做的智慧水务系统全部资料+高分项目+详细文档.zip
- gripper-internals
- 基于WEBGIS的智慧景区辅助决策系统,全部资料+高分项目+详细文档.zip
- 基于WebGIS的智慧交通系统、全部资料+高分项目+详细文档.zip
- 基于WebGIS智慧养老系统(Vue3+Flask)全部资料+高分项目+详细文档.zip
- 基于大屏管理系统全部资料+高分项目+详细文档.zip
- 基于城市规划勘测设计研究院智慧规划师系统全部资料+高分项目+详细文档.zip
- 基于服务器本地地图的智慧园区视频监控web系统全部资料+高分项目+详细文档.zip
- 基于大数据智慧交通系统全部资料+高分项目+详细文档.zip
- 基于电梯智慧监管系统源码全部资料+高分项目+详细文档.zip
- 威纶通触摸屏如何快速对齐元件(智慧对齐)?.docx
- 基于开源的小型物业管理系统,涵盖停车、安保、客服、工单、收费、财务、办公自动化等模块,目标是构建一个软硬件一体的智慧物业解决方案。全部资料+高分项目+详细文档.zip
- 基于海创智慧园区管理系统全部资料+高分项目+详细文档.zip
- 基于农业岛智慧农业系统Java版,基于Java+Vue+Uni-app开发,在微信公众号、小程序、H5移动端都能使用,代码开源,独立部署,二开很方便,能满足智慧