<!--
Author: W3layouts
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Exemplaria a Corporate Category Flat Bootstarp responsive Website Template| Solutions :: w3layouts</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Exemplaria Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
nav: true,
speed: 500,
namespace: "callbacks",
pager: true,
});
});
</script>
</head>
<body>
<!-- header-section-starts -->
<div class="header other">
<div class="navigation-strip">
<div class="container">
<div class="logo">
<a href="index.html"><h1>WebsiteName</h1></a>
</div>
<div class="top-menu">
<span class="menu"> </span>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a class="active" href="solutions.html">Solutions</a></li>
<li><a href="404.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
</div>
</div>
<div class="container">
<div class="social-icons text-center">
<a href="#"><i class="aol"></i></a>
<a href="#"><i class="facebook"></i></a>
<a href="#"><i class="twitter"></i></a>
<a href="#"><i class="linkedin"></i></a>
</div>
</div>
</div>
<div class="content">
<div class="container">
<!-- start solutions -->
<script>
$(document).ready(function () {
size_li = $("#myList li").size();
x=1;
$('#myList li:lt('+x+')').show();
$('#loadMore').click(function () {
x= (x+1 <= size_li) ? x+1 : size_li;
$('#myList li:lt('+x+')').show();
});
$('#showLess').click(function () {
x=(x-1<0) ? 1 : x-1;
$('#myList li').not(':lt('+x+')').hide();
});
});
</script>
<div class="solution-section">
<h3 class="c-head text-center">SOLUTIONS</h3>
<div class="col-md-8 solutions">
<div class="load_more">
<ul id="myList">
<li><div class="l_g">
<div class="solutiion-pic"><img src="images/sl3.jpg" alt=""/></div>
<div class="solution-info">
<h4><a href="#">SOLUTION TITLE</a></h4>
<p>Arenean nonummy hendrerit mau phaselntes nascetur ridic ulusm dui fusce feu. Cras vitae neque turpis, in luctus risus. Donec et placerat orci. Praesent pulvinar lectus massa, at dignissim magna.</p>
</div>
<div class="clearfix"></div>
<div class="solutiion-pic"><img src="images/sl1.jpg" alt=""/></div>
<div class="solution-info">
<h4><a href="#">SOLUTION TITLE</a></h4>
<p>Arenean nonummy hendrerit mau phaselntes nascetur ridic ulusm dui fusce feu. Cras vitae neque turpis, in luctus risus. Donec et placerat orci. Praesent pulvinar lectus massa, at dignissim magna.</p>
</div>
<div class="clearfix"></div>
<div class="solutiion-pic"><img src="images/sl2.jpg" alt=""/></div>
<div class="solution-info">
<h4><a href="#">SOLUTION TITLE</a></h4>
<p>Arenean nonummy hendrerit mau phaselntes nascetur ridic ulusm dui fusce feu. Cras vitae neque turpis, in luctus risus. Donec et placerat orci. Praesent pulvinar lectus massa, at dignissim magna.</p>
</div>
<div class="clearfix"></div>
</div>
</li>
<li><div class="l_g">
<div class="solutiion-pic"><img src="images/sl4.jpg" alt=""/></div>
<div class="solution-info">
<h4><a href="#">SOLUTION TITLE</a></h4>
<p>Arenean nonummy hendrerit mau phaselntes nascetur ridic ulusm dui fusce feu. Cras vitae neque turpis, in luctus risus. Donec et placerat orci. Praesent pulvinar lectus massa, at dignissim magna.</p>
</div>
<div class="clearfix"></div>
<div class="solutiion-pic"><img src="images/sl5.jpg" alt=""/></div>
<div class="solution-info">
<h4><a href="#">SOLUTION TITLE</a></h4>
<p>Arenean nonummy hendrerit mau phaselntes nascetur ridic ulusm dui fusce feu. Cras vitae neque turpis, in luctus risus. Donec et placerat orci. Praesent pulvinar lectus massa, at dignissim magna.</p>
</div>
<div class="clearfix"></div>
<div class="solutiion-pic"><img src="images/sl6.jpg" alt=""/></div>
<div class="solution-info">
<h4><a href="#">SOLUTION TITLE</a></h4>
<p>Arenean nonummy hendrerit mau phaselntes nascetur ridic ulusm dui fusce feu. Cras vitae neque turpis, in luctus risus. Donec et placerat orci. Praesent pulvinar lectus massa, at dignissim magna.</p>
</div>
<div class="clearfix"></div>
</div>
</li>
<li><div class="l_g">
<div class="solutiion-pic"><img src="images/sl8.jpg" alt=""/></div>
<div class="solution-info">
<h4><a href="#">SOLUTION TITLE</a></h4>
<p>Arenean nonummy hendrerit mau phaselntes nascetur ridic ulusm dui fusce feu. Cras vitae neque turpis, in luctus risus. Donec et placerat orci. Praesent pulvinar lectus massa, at dignissim magna.</p>
</div>
<div class="clearfix"></div>
<div class="solutiion-pic"><img src="images/sl5.jpg" alt=""/></div>
<div class="solution-info">
<h4><a href="#">SOLUTION TITLE</a></h4>
<p>Arenean nonummy hendrerit mau phaselntes nascetur ridic ulusm dui fusce feu. Cras vitae neque turpis, in luctus risus. Donec et placerat orci. Praesent pulvinar lectus massa, at dignissim magna.</p>
</div>
<div class="clearfix"></div>
<div class="solutiion-pic"><img src="images/sl6.jpg" alt=""/></div>
<div class="solution-info">
<h4><a href="#">SOLUTION TITLE</a></h4>
<p>Arenean nonummy hendrerit mau phaselntes nascetur ridic ulusm dui fusce feu. Cras vitae neque turpis, in luctus risus. Donec et placerat orci. Praesent pulvinar lectus massa, at dignissim magna.</p>
</div>
<div class="clearfix"></div>
</div>
</li>
</ul>
<div id="loadMore">Load more</div>
<div id="showLess">Show less</div>
</div>
</div>
<div class="col-md-4 solution-list">
<h3>Types of Solutions</h3>
<ul>
<li><a href="#"><span></span>Aliquam vel urna in elit</a></li>
<li><a href="#"><span></span>Porta fusce suscipit varius miurs</a></li>
<li><a href="#"><span></span>Ultrices posuere cubilia Curae</a></li>
<li><a href="#"><span></span>Aliquam vel urna in elit</a></li>
<li><a href="#"><span></span>D
网站模板-企业服务名片介绍响应式网页模板-适配移动端界面-HTML源码.zip （31个子文件） 
网站模板-企业服务名片介绍响应式网页模板-适配移动端界面-HTML源码 html js 
responsiveslides.min.js 3KB jquery.min.js 92KB css style.css 30KB bootstrap.css 118KB
404.html 5KB solutions.html 10KB services.html 10KB index.html 8KB contact.html 7KB about.html 6KB images 
list-bg.png 3KB
sl2.jpg 6KB sl1.jpg 3KB sl4.jpg 5KB sl6.jpg 6KB arrow.png 3KB model2.png 81KB sl5.jpg 6KB model1.png 127KB banner-bg.jpg 97KB sl8.jpg 10KB red-bg.jpg 18KB sl3.jpg 5KB arrows.png 4KB more-bg.jpg 12KB man.jpg 27KB back.png 3KB img-sprite.png 10KB w-bg.png 3KB main-bg.jpg 29KB nav-icon.png 3KB资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- 毕业设计A052-基于Java的健身房管理系统的设计与实现
- 模型预测电流控制-广义双矢量
- Python爬虫入门推荐+爬取商品数据进行数据分析+适用于测试、开发、运营等
- libusbK、libusb-win32、libwdi、USB视频设备 驱动安装包
- 江苏范特科技有限公司创投信息
- 上海零数科技有限公司创投信息
- 上海唯鲜良品食品科技有限公司创投信息
- 上海柚凡信息科技有限公司创投信息
- 上海域圆信息科技有限公司创投信息
- 上市公司财务指标数据集2023-2000年原始数据 含剔除金融STPT版本
- Qt中嵌入窗口，例如嵌入MainWindows、QWidget、QDialog等窗口
- matplotShowDataCSV2-最简单的数据绘图
- 深圳店匠科技有限公司创投信息
- 深圳莱芒生物科技有限公司创投信息
- 沈阳黛斯蓝伊莎生物科技有限公司创投信息
- 苏州引航生物科技有限公司创投信息
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
