<!DOCTYPE html>
<head>
<title>Testimonials - Black White HTML5 Template</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="templatemo-logo visible-xs-block">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 black-bg logo-left-container">
<h1 class="logo-left">Black</h1>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 white-bg logo-right-container">
<h1 class="logo-right">White</h1>
</div>
</div>
<div class="templatemo-container">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 black-bg left-container">
<h1 class="logo-left hidden-xs margin-bottom-60">Black</h1>
<div class="tm-left-inner-container">
<ul class="nav nav-stacked templatemo-nav">
<li><a href="index.html"><i class="fa fa-home fa-medium"></i>Homepage</a></li>
<li><a href="products.html"><i class="fa fa-shopping-cart fa-medium"></i>Products</a></li>
<li><a href="services.html"><i class="fa fa-send-o fa-medium"></i>Services</a></li>
<li><a href="testimonials.html" class="active"><i class="fa fa-comments-o fa-medium"></i>Testimonials</a></li>
<li><a href="about.html"><i class="fa fa-gears fa-medium"></i>About Us</a></li>
<li><a href="contact.html"><i class="fa fa-envelope-o fa-medium"></i>Contact</a></li>
</ul>
</div>
</div> <!-- left section -->
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 white-bg right-container">
<h1 class="logo-right hidden-xs margin-bottom-60">White</h1>
<div class="tm-right-inner-container">
<h1 class="templatemo-header">Testimonials</h1>
<div class="templatemo-item templatemo-testimonial">
<div class="templatemo-border-right">
<p><i class="fa fa-quote-left fa-medium"></i>
Nullam malesuada lacinia rhoncus. Nunc ut porta elit. Cras a ex enim. Etiam blandit sem vel lacinia interdum. Curabitur ut erat sed dui pulvinar tincidunt. Mauris vulputate dolor nibh, vel sodales urna eleifend id. Vestibulum varius nibh ut diam commodo, sed volutpat libero pretium. Cras bibendum porta purus feugiat scelerisque.<i class="fa fa-quote-right fa-medium"></i>
</p>
<img src="images/testimonial01.jpg" alt="Testimonial 1" class="img-circle img-thumbnail">
<footer class="text-right">Mary, Digital Company</footer>
</div>
</div>
<div class="templatemo-item templatemo-testimonial">
<div class="templatemo-border-left">
<p><i class="fa fa-quote-left fa-medium"></i>
Maecenas in arcu eget velit lobortis dictum. Donec venenatis, justo quis efficitur pharetra, ligula ante pellentesque purus, sit amet tincidunt mauris elit non est. Etiam auctor, dui ut vehicula convallis, leo purus gravida massa, sed aliquet dui tellus rhoncus magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<i class="fa fa-quote-right fa-medium"></i>
</p>
<img src="images/testimonial02.jpg" alt="Testimonial 2" class="img-circle img-thumbnail">
<footer>Paula, Tech Company</footer>
</div>
</div>
<div class="templatemo-item templatemo-testimonial">
<div class="templatemo-border-right">
<p><i class="fa fa-quote-left fa-medium"></i>
Etiam aliquet risus purus, at bibendum libero tempus sit amet. Pellentesque imperdiet, erat in finibus volutpat, nisi dui mattis erat, eu elementum libero mauris lobortis odio. Ut at purus mollis, rutrum augue quis, sollicitudin massa. Integer neque augue, lobortis at leo at, blandit euismod nunc.<i class="fa fa-quote-right fa-medium"></i>
</p>
<img src="images/testimonial03.jpg" alt="Testimonial 3" class="img-circle img-thumbnail">
<footer class="text-right">Nancy, Zero Company</footer>
</div>
</div>
<div class="templatemo-item templatemo-testimonial">
<div class="templatemo-border-left">
<p><i class="fa fa-quote-left fa-medium"></i>
Etiam aliquet risus purus, at bibendum libero tempus sit amet. Pellentesque imperdiet, erat in finibus volutpat, nisi dui mattis erat, eu elementum libero mauris lobortis odio. Ut at purus mollis, rutrum augue quis, sollicitudin massa. Black White is <a href="#">free HTML5 website template</a> by <span class="blue">template</span><span class="green">mo</span>.
<i class="fa fa-quote-right fa-medium"></i>
</p>
<img src="images/testimonial04.jpg" alt="Testimonial 4" class="img-circle img-thumbnail">
<footer>Jessica, Light Company</footer>
</div>
</div>
<footer>
<p class="col-lg-6 col-md-6 col-sm-12 col-xs-12 templatemo-copyright">Copyright © 2084 Your Company Name Collect from <a href="http://www.moobnn.com/" title="模板在线" target="_blank">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> - More Templates <a href="http://www.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></p>
<p class="col-lg-6 col-md-6 col-sm-12 col-xs-12 templatemo-social">
<a href="#"><i class="fa fa-facebook fa-medium"></i></a>
<a href="#"><i class="fa fa-twitter fa-medium"></i></a>
<a href="#"><i class="fa fa-google-plus fa-medium"></i></a>
<a href="#"><i class="fa fa-youtube fa-medium"></i></a>
<a href="#"><i class="fa fa-linkedin fa-medium"></i></a>
</p>
</footer>
</div>
</div> <!-- right section -->
</div>
</body>
</html>
黑色相间个性二栏html5博客模板_黑色个人个性博客bloghtml5整站摄影图片展示二栏科技服务响应式手机.rar
需积分: 0 38 浏览量
更新于2023-09-11
收藏 856KB RAR 举报
标题中的“黑色相间个性二栏html5博客模板”指的是一个设计独特的HTML5博客模板，其特色在于采用了黑色和白色相间的色彩搭配，营造出一种个性化的视觉效果，并且采用了两栏布局，使得内容呈现更加有序。这个模板适用于个人博客或者摄影图片展示，通过响应式设计，能够适应不同设备的屏幕大小，包括手机和平板等移动设备。
描述中的“html”表明这个模板主要基于HTML语言构建，这是一种用于创建网页的标准标记语言。HTML5是其最新版本，增加了许多新特性，如离线存储、拖放功能、媒体元素等，使得网页开发更加便捷高效。
标签中的“html 毕业论文”提示我们可以将这个模板应用于毕业论文的展示页面。毕业论文通常需要一个专业且整洁的在线展示平台，HTML5模板能提供这样的框架，使内容呈现更规范，同时也方便读者在各种设备上访问。
压缩包内的文件名列表揭示了模板的主要组成部分：
1. `bootstrap.min.css`：这是Bootstrap框架的压缩版CSS文件。Bootstrap是一个流行的前端开发框架，它提供了预定义的样式和组件，可以快速构建响应式和移动优先的网站。
2. `font-awesome.min.css`：Font Awesome是一个图标库的CSS文件，包含了大量的矢量图标，可以方便地增强网页的视觉效果。
3. `templatemo_style.css`：这应该是模板特有的样式表，包含了定制的CSS样式，定义了模板的整体风格和布局。
4. `fontawesome-webfont.eot`：这是Font Awesome图标字体的一个格式，用于支持不同的浏览器。
5. `testimonials.html`、`contact.html`、`services.html`、`index.html`、`about.html`、`products.html`：这些是HTML文件，分别代表了模板的不同页面，如推荐语（Testimonials）、联系我们（Contact）、服务（Services）、首页（Index）、关于（About）和产品（Products），覆盖了一个完整网站的基本需求。
这个压缩包提供的资源是一个完整的、基于HTML5的响应式博客或个人展示模板，使用了Bootstrap和Font Awesome等流行工具，适合创建具有个性化设计的网站，尤其是对于毕业论文的在线展示。通过编辑这些HTML和CSS文件，用户可以根据自己的需求进行定制和扩展。
黑色相间个性二栏html5博客模板_黑色个人个性博客bloghtml5整站摄影图片展示二栏科技服务响应式手机.rar （26个子文件） 
bootstrap.min.css 107KB
japan.jpg 44KB 2.jpg 41KB FontAwesome.otf 73KB gutman-island.jpg 87KB fontawesome-webfont.eot 71KB 1.jpg 37KB testimonial02.jpg 12KB
testimonials.html 6KB fontawesome-webfont.woff 82KB font-awesome.min.css 20KB testimonial01.jpg 15KB services.html 5KB index.html 5KB jquery-1.11.1.min.js 94KB contact.html 5KB about.html 5KB
fontawesome-webfont.svg 248KB fontawesome-webfont.ttf 138KB wooden-desk.jpg 120KB products.html 5KB 3.jpg 29KB testimonial04.jpg 12KB templatemo_style.css 5KB fujifilm.jpg 59KB testimonial03.jpg 18KB资源评论
Q_97095639
- 粉丝: 445
- 资源: 1万+
最新资源
- 基于语音控制的智能家居系统，实现使用android端来远程控制LED灯和收集温湿度传感器信息，图表展示温湿度走势全部资料+详细文档+优秀项目.zip
- 基于语音开放平台，包含技能开发、语音设备接入及智能家居接入的文档、SDK 及示例代码全部资料+详细文档+优秀项目.zip
- 基于智能家居板载程序全部资料+详细文档+优秀项目.zip
- 基于智能家居Android App全部资料+详细文档+优秀项目.zip
- 基于智能家居 、控制、物联网、摄像头、开关全部资料+详细文档+优秀项目.zip
- 基于智能家居管理系统全部资料+详细文档+优秀项目.zip
- 基于智能家居规则集构建全部资料+详细文档+优秀项目.zip
- 基于智能家居服务器全部资料+详细文档+优秀项目.zip
- 基于智能家居系统的移动终端，采用Qt编写，主要实现电能的监控和管理全部资料+详细文档+优秀项目.zip
- 基于智能家居物联网项目-enOcean全部资料+详细文档+优秀项目.zip
- 基于智能家居-万能遥控器全部资料+详细文档+优秀项目.zip
- 基于智能家居行为识别全部资料+详细文档+优秀项目.zip
- 基于智能家居远程监控系统全部资料+详细文档+优秀项目.zip
- 基于智能家居遥控器 Android端全部资料+详细文档+优秀项目.zip
- 基于智能家居在线全部资料+详细文档+优秀项目.zip
- 基于智能家居终端（可通过zigbee控制家中电器）全部资料+详细文档+优秀项目.zip
