<!--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>Real Style Corporate Category Flat Bootstrap Responsive Website Template | Home :: w3layouts</title>
<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="Real Style Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<!-- css files -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/team.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/cobox.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/navigation.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!-- /css files -->
<!-- fonts -->
<link href='//fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!-- /fonts -->
<!-- js files -->
<script src="js/SmoothScroll.min.js"></script>
<script src="js/modernizr.js"></script> <!-- Modernizr -->
<!-- /js files -->
</head>
<body data-spy="scroll" data-offset="0" data-target="#navigation">
<!-- Navigation -->
<section class="cd-section">
<button class="cd-bouncy-nav-trigger" href="#0">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</section>
<div class="cd-bouncy-nav-modal">
<nav>
<ul class="cd-bouncy-nav">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#team">Our Team</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<a href="#0" class="cd-close">Close modal</a>
</div>
<!-- /Navigation -->
<!-- Banner -->
<section id="home" name="home"></section>
<div id="headerwrap">
<div class="container">
<div class="logo">
<a href="#home">Real Style</a>
</div>
<div class="banner-info">
<h1>Welcome To Real Style</h1>
<h3>Show your product.</h3>
</div>
</div> <!--/ .container -->
</div><!--/ #headerwrap -->
<!-- /Banner -->
<!-- About -->
<section id="about" name="desc"></section>
<!-- INTRO WRAP -->
<div id="intro">
<h3 class="text-center">Designed To Excel</h3>
<div class="container">
<div class="row centered">
<div class="col-sm-4 intro-info">
<img src="images/community.jpg" alt="">
<h4>Community</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="col-sm-4 intro-info">
<img src="images/time.jpg" alt="">
<h4>Schedule</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="col-sm-4 intro-info">
<img src="images/lcd.png" alt="">
<h4>Monitoring</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
</div> <!--/ .container -->
</div><!--/ #introwrap -->
<!-- About -->
<!-- Services -->
<section id="services" name="services"></section>
<div id="features">
<h3 class="text-center">What's New?</h3>
<div class="container">
<div class="row">
<div class="col-md-6 centered">
<img class="centered img-responsive" src="images/service.jpg" alt="">
</div>
<div class="col-md-6">
<h4>Some Features</h4>
<!-- ACCORDION -->
<div class="accordion ac" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">First Class Design</a>
</div><!-- /accordion-heading -->
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">
<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div><!-- /accordion-inner -->
</div><!-- /collapse -->
</div><!-- /accordion-group -->
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">Retina Ready Theme</a>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div><!-- /accordion-inner -->
</div><!-- /collapse -->
</div><!-- /accordion-group -->
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">Awesome Support</a>
</div>
<div id="collapseThree" class="accordion-body collapse">
<div class="accordion-inner">
<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div><!-- /accordion-inner -->
</div><!-- /collapse -->
</div><!-- /accordion-group -->
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour">Responsive Design</a>
</div>
<div id="collapseFour" class="accordion-body collapse">
<div class="accordion-inner">
<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div><!-- /accordion-inner -->
</div><!-- /collapse -->
</div><!-- /accordion-group -->
</div><!-- Accordion -->
</div>
</div>
</div><!--/ .container -->
</div><!--/ #features -->
<!-- /Services -->
<!-- Gallery -->
<section class="our-gallery" id="gallery">
<h3 class="text-center">Our Gallery</h3>
<p class="text-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<div class="container">
<a href="images/photo1.jpg" title="Our Gallery"><img src="images/photo1.jpg" alt="example-1" class="img-responsive"></a>
<a href="images/photo2.jpg" title="Our Gallery"><img src="images/photo2.jpg" alt="example-2" class="img-responsive"></a>
<a h
网站模板-现实风格固定背景响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
196 浏览量
2024-03-25
08:46:18
上传
评论
收藏 1.7MB ZIP 举报
网站模板-现实风格固定背景响应式网页模板-适配移动端界面-HTML源码.zip （54个子文件） 
网站模板-现实风格固定背景响应式网页模板-适配移动端界面-HTML源码 html js 
backtotop.js 879B bootstrap.min.js 36KB SmoothScroll.min.js 6KB main.js 6KB navigation.js 1KB modernizr.js 50KB smoothscroll.js 4KB cobox.js 9KB jquery.min.js 94KB velocity.min.js 33KB css style.css 16KB bootstrap.min.css 118KB navigation.css 9KB font-awesome.min.css 27KB team.css 2KB cobox.css 1KB lightbox.min.css 3KB
index.html 15KB images 
photo9.jpg 71KB
cd-top-arrow.svg 562B service.jpg 40KB
blank.gif 43B photo8.jpg 46KB photo6.jpg 91KB team4.jpg 14KB banner.jpg 84KB loading.gif 8KB team3.jpg 10KB
monitor.png 48KB show3.png 36KB photo4.jpg 78KB team2.jpg 8KB photo2.jpg 76KB nav.png 2KB show2.png 84KB bg.jpg 38KB cd-category-icons.svg 2KB community.jpg 8KB photo3.jpg 75KB skyline.jpg 73KB team.jpg 62KB photo12.jpg 72KB lcd.png 26KB photo10.jpg 83KB team1.jpg 11KB photo7.jpg 90KB photo11.jpg 49KB time.jpg 10KB photo5.jpg 56KB show1.png 98KB cd-icon-close.svg 768B photo1.jpg 71KB fonts glyphicons-halflings-regular.ttf 44KB fontawesome-webfont.ttf 139KB资源评论
