<!--Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Tender A Corporate category Flat bootstrap Responsive Website Template | Home :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- 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" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }>
</script>
<meta name="keywords" content="Tender Responsive web template, Bootstrap Web Templates, Flat Web Templates, AndriodCompatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<!--Google Fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- //end-smoth-scrolling -->
</head>
<body>
<!--top nav start here-->
<div class="mother-grid">
<div class="container">
<div class="temp-padd">
<div class="top-strip">
<div class="address">
<ul>
<li><a href="#"><span class="link"> </span>www.sitename.com</a></li>
<li><a href="mailto:example@email.com"><span class="mes"> </span>info@sitename.com</a></li>
<li><span class="ph"> </span>8888 8888</li>
</ul>
</div>
<div class="social-icons">
<ul>
<li><a href="#"> <span class="w-f"> </span></a></li>
<li><a href="#"> <span class="w-tw"> </span></a></li>
<li><a href="#"> <span class="w-in"> </span></a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!--top nav end here-->
<!--title start here-->
<div class="title-main">
<a href="index.html"><h1>Tender</h1></a>
</div>
<!--title end here-->
<!--header start here-->
<div class="header">
<div class="navg">
<span class="menu"> <img src="images/icon.png" alt=""/></span>
<ul class="res">
<li><a class="active" href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="project.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<script>
$( "span.menu").click(function() {
$( "ul.res" ).slideToggle("slow", function() {
// Animation complete.
});
});
</script>
</div>
<div class="search">
<input type="text" value="Site search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Site search';}"/>
<input type="submit" value=""/>
</div>
<div class="clearfix"> </div>
</div>
<!--header end here-->
<!--banner start here-->
<div class="banner">
<img src="images/logo.png" alt=""/>
<h3>Corem ipsum</h3>
<h2>SIT AMET VIVAMUS</h2>
<div class="banner-button">
<a href="#">More info</a>
</div>
</div>
<!--banner end here-->
<!--nunc dig start here-->
<div class="nuncdig">
<div class="nuncdig-main">
<div class="nunc-top">
<h3>NUNC DIG NISSI</h3>
<p>Phasellus ultrices nulla quis</p>
</div>
<div class="nunc-bott">
<div class="col-md-4 nunc-bott-grid">
<div class="headind-text">
<h3>NUNC DIGNI</h3>
<h4>Risus id mediou soim</h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi Sed egestas, ante et vulputate volutpat</p>
<div class="nunc-bwn">
<a href="#">More</a>
</div>
</div>
<div class="col-md-4 nunc-bott-grid">
<div class="headind-text">
<h3>VESTI BULUM</h3>
<h4>praesent placerat ris</h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi Sed egestas, ante et vulputate volutpat</p>
<div class="nunc-bwn">
<a href="#">More</a>
</div>
</div>
<div class="col-md-4 nunc-bott-grid">
<div class="headind-text">
<h3>INTEGER VITAE</h3>
<h4>Ut aliquam sollicitudi</h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi Sed egestas, ante et vulputate volutpat</p>
<div class="nunc-bwn">
<a href="#">More</a>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--nunc dig end here-->
<!--molli start here-->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!----//End-slider-script---->
<!-- Slideshow 4 -->
<div id="top" class="callbacks_container">
<div class="molli">
<div class="molli-top">
<span class="line-x"> </span>
<span class="line-y"> </span>
<h3>MORBI INTERDUM MOLLIS</h3>
<P>Vestibulum auctor dapibus nequ</P>
</div>
<ul class="rslides" id="slider4">
<li>
<div class="molli-grids">
<img src="images/gd1.jpg" alt=""/>
<div class="molli-text">
<h4>Tante etvuputa</h4>
</div>
</div>
<div class="molli-grids">
<img src="images/gd2.jpg" alt=""/>
<div class="molli-text">
<h4>Phasellus pede</h4>
</div>
</div>
<div class="molli-grids">
<img src="images/gd3.jpg" alt=""/>
<div class="molli-text">
<h4>Morbi interdum</h4>
</div>
</div>
<div class="molli-grids">
<img src="images/gd4.jpg" alt=""/>
<div class="molli-text">
<h4>Suspendisse mauris</h4>
</div>
</div>
</li>
<li>
<div class="molli-grids">
<img src="images/gd2.jpg" alt=""/>
<div class="molli-text">
<h4>Phasellus pede</h4>
</div>
</div>
<div class="molli-grids">
<img src="images/gd3.jpg" alt=""/>
<div class="molli-text">
<h4>Morbi interdum</h4>
</div>
</div>
<div class="molli-grids">
<img src="images/gd4.jpg" alt=""/>
<div class="molli-text">
<h4>Suspendisse mauris</h4>
</div>
</div>
<div class="molli-grids">
<img src="images/gd1.jpg" alt=""/>
<div class="molli-text">
<h4>Tante etvuputa</h4>
</div>
</div>
</li>
<li>
<div class="molli-grids">
<img src="images/gd3.jpg" alt=""/>
<div class="molli-text">
<h4>Morbi interdum</h4>
</div>
</div>
<div class="molli-grids">
网站模板-红色产品服务响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
14 浏览量
2024-03-23
09:38:51
上传
评论
收藏 1.01MB ZIP 举报
网站模板-红色产品服务响应式网页模板-适配移动端界面-HTML源码.zip （57个子文件） 
网站模板-红色产品服务响应式网页模板-适配移动端界面-HTML源码 html 
project.html 5KB js 
responsiveslides.min.js 3KB easing.js 5KB jquery-1.11.0.min.js 94KB move-top.js 1KB jquery.min.js 92KB css style.css 36KB bootstrap.css 138KB services.html 7KB index.html 14KB contact.html 6KB about.html 8KB images 
line.jpg 8KB
plus.png 3KB drib.png 3KB tw.png 437B s1.jpg 24KB s2.jpg 26KB banner.jpg 15KB logo.png 952B gd1.jpg 12KB a1.jpg 32KB hand.jpg 21KB facebook23.png 363B monitor.png 639B t3.jpg 15KB mes.png 492B m-banner.jpg 128KB gd2.jpg 16KB search.png 3KB t1.jpg 11KB setting.png 2KB Untitled-5.png 4KB link.png 3KB t4.jpg 28KB img-sprite.png 5KB colleagues-437019_1280.jpg 198KB minus (1).png 3KB ph.png 506B t2.jpg 12KB info-strip.png 1KB man-537136_1280.jpg 263KB minus.png 3KB like.png 2KB call.png 1KB sli-lft.png 3KB gd4.jpg 15KB ftr-fa.png 3KB s3.jpg 23KB gd3.jpg 15KB ab.jpg 37KB sm2.jpg 13KB social-network43.png 1KB icon.png 3KB sm1.jpg 13KB tree.jpg 4KB sli-rit.png 3KB资源评论
DTcode7
- 粉丝: 9648
- 资源: 4699
最新资源
- 以下是一些适用于英语六级作文的万能句型模板，涵盖了引言、正文和结论部分的各类表达方式.docx
- MATLAB中的非线性规划
- 进行C语言面试资格确认是招聘过程中一个重要的步骤，目的是确保候选人具备足够的C语言编程能力和知识.docx
- Java 轻量级的集群负载均衡设计
- 纹身师个人网站模板.jpg
- 在C语言中，连接两个字符串（即将一个字符串附加到另一个字符串的末尾）通常可以使用标准库中的 `strcat` 函数.docx
- 数据库管理工具:dbeaver-ce-23.1.1-stable.x86-64.rpm
- 以下是几个具体竞赛题目的详细解答，包括建模思路、方法和步骤 .docx
- 一份关于全国大学生建模大赛的相关教程！！
- 以下是关于计算机网络和现代通信组网的详细教程、案例和相关项目的推荐.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
