<!--
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>The FlatCorp bootstrap Website Template | Home :: 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' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!---- 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>
<!---- start-smoth-scrolling---->
<!----- webfonts ------>
<link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic|Roboto:400,100,100italic,300,500,500italic,700,900' rel='stylesheet' type='text/css'>
<!----- webfonts ------>
<!----start-top-nav-script---->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!----//End-top-nav-script---->
</head>
<body>
<!-- header -->
<div class="header">
<div class="container">
<!-- top-nav -->
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li class="active"><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 href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!-- logo -->
<div class="head-logo">
<a href="index.html"><img src="./images/logo.png"/></a>
</div>
<!-- /logo -->
<!-- script-for-nav -->
<script>
$(document).ready(function(){
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500);
});
});
</script>
<!-- script-for-nav -->
<div class="clearfix"> </div>
</div>
</div>
<!-- banner -->
<div class="banner">
<div class="slider-caption">
<p>Spiciatis unde omnis iste</p>
<h1>At vetos et acc</h1>
<div class="quami-button">
<a class="slide-btn" href="#">Quami Velnun</a>
</div>
</div>
</div>
<!----- /start-services---->
<div id="services" class="Services">
<div class="container">
<div class="service-grides">
<div class="col-md-4 service-grid">
<div class="col-md-2 service-img">
<i class="icon1"> </i>
</div>
<div class="col-md-10 service-text ">
<h3>Aenean nec eros nulla edin lips vitae mauris vivamus</h3>
</div>
<div class="clearfix"> </div>
<p>Sed cursus, augue ac adipiscing iaculis, arcu massa lacinia quam arcu massa lacinia, id ultrices erat purus eu mi. Maecenas semper arcu in mauris bibendum sit amet pellentesq eget eleifend lacus qellen iduluti duisliquam.. </p>
<a class="more-btn" href="#">More Info</a>
</div>
<div class="col-md-4 service-grid">
<div class="col-md-2 service-img">
<i class="icon2"> </i>
</div>
<div class="col-md-10 service-text ">
<h3>Duis vehicula massa vel felis fringilla sed pharetra mi vul</h3>
</div>
<div class="clearfix"> </div>
<p>Phasellus placerat iaculis eros, id bibendum ante hendrerit non. Donec ornare tempus lectus, quis dignissim dui suscipit quis. Aliquam et nulla at justo laoreet sodales quis vel nunc nisi ventatis pellent acru in meuris. </p>
<a class="more-btn" href="#">More Info</a>
</div>
<div class="col-md-4 service-grid">
<div class="col-md-2 service-img">
<i class="icon3"> </i>
</div>
<div class="col-md-10 service-text ">
<h3>Sociosqu ad litora torquent per conubia nostra lipsum</h3>
</div>
<div class="clearfix"> </div>
<p>Croin sed magna risus. Curabitur egestas, nisi venenatis vestibulum pellentesque,, arcu massa lacinia quam, id ultrices erat purus eu mi. Maecenas semper arcu in mauris dignuss meeacens sed curse quis. </p>
<a class="more-btn" href="#">More Info</a>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
<div id="portfolio" class="portfolio">
<div class="container">
<div class="port-section">
<p>Vivamus turpis erat</p>
<h3>Fusce eleifend lacinia enim</h3>
</div>
<div class="portfolio">
<ul id="filters" class="clearfix">
<li class="active"><span class="filter" data-filter="app card icon logo web">All</span></li>
<li><span class="filter" data-filter="card">Lorem Ipsum </span></li>
<li><span class="filter" data-filter="app"> Archmass </span></li>
<li><span class="filter" data-filter="logo"> Macenasas </span></li>
<li><span class="filter" data-filter="icon"> SemperAll </span></li>
</ul>
<div id="portfoliolist">
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim">
<img src="./images/pic1.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
</div></a>
</div>
</div>
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim">
<img src="./images/pic2.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
</div></a>
</div>
</div>
<div class="portfolio logo mix_all" data-cat="logo" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog2" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim">
<img src="./images/pic3.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
</div></a>
</div>
</div>
<div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog3" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim">
<img src="./images/pic4.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
</div></a>
</div>
</div>
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
网站模板-扁平公司介绍响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
20 浏览量
2024-03-23
09:38:10
上传
评论
收藏 4.56MB ZIP 举报
网站模板-扁平公司介绍响应式网页模板-适配移动端界面-HTML源码.zip （128个子文件） 
bootstrap.css 118KB style.css 29KB style.css 21KB style.css 14KB popuo-box.css 5KB popuo-box.css 4KB Thumbs.db 128KB Thumbs.db 128KB Thumbs.db 128KB
index.html 18KB index.html 17KB portfolio.html 16KB portfolio.html 15KB services.html 10KB services.html 9KB about.html 8KB index.html 8KB services.html 7KB about.html 7KB portfolio.html 7KB contact.html 5KB about.html 5KB contact.html 5KB contact.html 3KB
banner.jpg 1.02MB banner.jpg 26KB banner.jpg 21KB jquery.min.js 91KB jquery.min.js 91KB jquery.magnific-popup.js 45KB jquery.magnific-popup.js 45KB jquery.mixitup.min.js 14KB jquery.mixitup.min.js 14KB easing.js 5KB easing.js 5KB modernizr.custom.min.js 2KB modernizr.custom.min.js 2KB move-top.js 1KB move-top.js 1KB menu.js 1KB menu.js 1KB
pop1.png 324KB pop5.png 251KB pop4.png 236KB ab-pic.png 208KB c3.png 151KB pop1.png 130KB pop5.png 118KB c1.png 114KB pop4.png 106KB c6.png 99KB c2.png 96KB c5.png 76KB ab-pic.png 73KB pic1.png 71KB c4.png 70KB c3.png 55KB pic3.png 54KB pic7.png 53KB pic9.png 52KB pic10.png 50KB pic2.png 50KB pic6.png 49KB pic8.png 45KB c1.png 44KB pic4.png 43KB pic1.png 41KB pic1.png 41KB c2.png 40KB c6.png 37KB c5.png 35KB ab-pic.png 34KB c4.png 34KB pic3.png 33KB pic3.png 33KB pic7.png 32KB pic7.png 32KB pic8.png 31KB pic9.png 31KB pic5.png 30KB pic2.png 30KB pic2.png 30KB pic10.png 30KB pic6.png 29KB pic6.png 29KB pic8.png 27KB pic4.png 26KB pic4.png 26KB c3.png 24KB c1.png 21KB map.png 21KB pic5.png 20KB pic5.png 20KB c2.png 20KB c6.png 19KB c5.png 18KB c4.png 18KB logo.png 8KB logo.png 6KB p3.png 5KB共 128 条
- 1
- 2
资源评论
