<!--
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>Galaxy a Corporate Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700italic,700,900,900italic' rel='stylesheet' type='text/css'>
<!-- js -->
<script src="js/jquery.min.js"></script>
<!-- //js -->
<!-- for-mobile-apps -->
<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="Galaxy 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>
<!-- //for-mobile-apps -->
<!-- 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 -->
</head>
<body>
<!-- header -->
<div class="header">
<div class="container">
<div class="header-part">
<div class="head-logo">
<a href="index.html"><img src="images/logo.png" alt=" "></a>
</div>
<div class="top-nav">
<span class="menu"><img src="images/menu.png" alt="" /></span>
<ul class="nav1">
<li><a href="#home" class="scroll">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#team" class="scroll">Team</a></li>
<li><a href="#price" class="scroll">Pricing</a></li>
<li><a href="#blog" class="scroll">Blog</a></li>
</ul>
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //header -->
<!-- banner -->
<div class="banner">
<div class="container">
<div class="banner-info">
<h2>NEW BRANDING STYLE</h2>
<p>see our new graphic design collection</p>
<div class="more">
<a href="#">Learn More</a>
</div>
</div>
</div>
</div>
<!-- //banner -->
<!-- banner-bottom -->
<div class="banner-bottom">
<div class="container">
<div class="banner-bottom-left">
<div class="fig">
</div>
<h3>Web Design</h3>
<p>Lorem ipsum dolor sit amet<span> est oben dis</span></p>
</div>
<div class="banner-bottom-left banner-bottom-mid">
<div class="fig1">
</div>
<h3>Graphic Design</h3>
<p>Lorem ipsum dolor sit amet<span> est oben dis</span></p>
</div>
<div class="banner-bottom-left">
<div class="fig2">
</div>
<h3>Photography</h3>
<p>Lorem ipsum dolor sit amet<span> est oben dis</span></p>
</div>
<div class="clearfix"> </div>
<div class="banner-bottom-text">
<p>"I Want to make beautiful things,even if nobody cares,
<span>as opposed to ugly things.That's my intent."</span></p>
</div>
<div class="banner-bottom-grids">
<div class="banner-bottom-grid">
<img src="images/8.jpg" alt=" " />
<h3>Cool image</h3>
<p>Galaxy Corp.</p>
</div>
<div class="banner-bottom-grid grid-mid">
<img src="images/3.jpg" alt=" " />
<h3>Great Picture</h3>
<p>Galaxy Corp.</p>
</div>
<div class="banner-bottom-grid">
<img src="images/2.jpg" alt=" " />
<h3>Cool image</h3>
<p>Galaxy Corp.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //banner-bottom -->
<!-- about -->
<div id="about" class="team">
<div class="container">
<h4>About us</h4>
<div class="group">
<img src="images/h.jpg" alt=" " />
</div>
<div class="group-text">
<h3> Praesent vestibulum molestie lacus</h3>
<p>Molestie sollicitudin molestie malesuada. Curabitur aliquet quam id dui posuere dit.
Donec sollicitudin molestie malesuada. Lorem ipsum dolor sit amet, consecteturs.
Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis,
lobortis dignissim, pulvinar ac, lorem. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Praesent vestibulum molestie lacus.
Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi.
Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi…</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div id="team" class="about">
<div class="container">
<div class="about-us">
<h2>Team</h2>
<p>Donec sollicitudin molestie malesuada. Nulla quis lorem ut libero mal suada
<span>feugiat. Curabitur aliquet quamuis lorem</span></p>
</div>
<div class="about-grids">
<div class="about-grid">
<img src="images/12.jpg" alt=" " />
<div class="about-grid-john">
<div class="john">
<h4>Mr.John Doe</h4>
<p>Creative Director</p>
</div>
<div class="social-icons">
<ul>
<li><a href class="facebook"> </a></li>
<li><a href class="twitter"> </a></li>
</ul>
</div>
<div class="clearfix"> </div>
<p class="para">Donec sollicitudin molestie male
suada. Curabitur aliquet quam id dui
posuere blandit. Donec sollicitudin
molestie malesuada.</p>
<div class="hello">
<a href="#">Say Hello</a>
</div>
</div>
</div>
<div class="about-grid about-mid">
<img src="images/13.jpg" alt=" " />
<div class="about-grid-john">
<div class="john">
<h4>Mr.John Doe</h4>
<p>Creative Director</p>
</div>
<div class="social-icons">
<ul>
<li><a href class="facebook"> </a></li>
<li><a href class="twitter"> </a></li>
</ul>
</div>
<div class="clearfix"> </div>
<p class="para">Donec sollicitudin molestie male
suada. Curabitur aliquet quam id dui
posuere blandit. Donec sollicitudin
molestie malesuada.</p>
<div class="hello">
<a href="#">Say Hello</a>
</div>
</div>
</div>
<div class="about-grid">
<img src="images/11.jpg" alt=" " />
<div class="about-grid-john">
<div class="john">
<h4>Mr.John Doe</h4>
<p>Creative Director</p>
</div>
<div class="social-icons">
<ul>
<li><a href class="facebook"> </a></li>
<li><a href class="twitter"> </a></li>
</ul>
</div>
<div class="clearfix"> </div>
<p class="para">Donec sollicitudin molestie male
suada. Curabitur aliquet quam id dui
posuere blandit. Donec sollicitudin
molestie malesuada.</p>
<div class="hello">
<a href="#">Say Hello</a>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //about -->
<!-- pricing -->
<div id="price" class="pricing">
<div class="container">
<div class="pr
网站模板-简洁团队服务项目响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
34 浏览量
2024-03-23
09:39:05
上传
评论
收藏 1.48MB ZIP 举报
网站模板-简洁团队服务项目响应式网页模板-适配移动端界面-HTML源码.zip （44个子文件） 
网站模板-简洁团队服务项目响应式网页模板-适配移动端界面-HTML源码 html js 
easing.js 5KB move-top.js 1KB jquery.min.js 92KB css style.css 30KB bootstrap.css 118KB
index.html 11KB images 
sp-img.png 2KB co.png 2KB row.png 663B
2.jpg 34KB inflorescence-384493_640.jpg 129KB b.jpg 89KB bud-167973_640.jpg 56KB logo1.png 4KB Thumbs.db 135KB 1-.png 255B 3.png 2KB 13.jpg 32KB arrow.png 543B menu.png 447B logo.png 4KB 1.jpg 291KB a.jpg 88KB 1.png 241B 12.jpg 53KB 5.jpg 80KB sprite.png 4KB 6.png 214B h.jpg 56KB img-sprite.png 18KB 8.jpg 32KB 5.png 281B 20.jpg 359KB 4.png 2KB 11.jpg 27KB arw.png 255B icons.png 885B 7.png 342B 3.jpg 43KB img.png 426B sp.psd 15KB 2.png 2KB 4.jpg 69KB blog.html 7KB资源评论
DTcode7
- 粉丝: 6766
- 资源: 4375
