<!DOCTYPE html>
<html>
<head>
<title>Home</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.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.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 -->
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" >手机网站模板</a></div>
<!-- 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="price">
<h2>Pricing</h2>
<p>Donec sollicitudin molestie malesuada. Nulla quis lorem ut libero mal suada
<span>feugiat. Curabitur aliquet quam uis lorem<
1345_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
106 浏览量
2023-08-03
11:07:56
上传
评论
收藏 1.44MB ZIP 举报
2301_76429513
- 粉丝: 9
- 资源: 6731
最新资源
- python开心麻花影视作品分析程序+源码.zip
- pythonExcel数据分析师程序+源码.zip
- PlatformUI.jar 支持RCP控件环境插件
- 基于BP神经网络的回归分析,基于优化动量因子的BP神经网络,基于优化学习率的BP神经网络,基于优化隐藏层神经元的bp神经网络
- python读取excel数据Python-file-reading-master.zip
- STC15单片机串口2使用程序例子
- 读取日志的excel生成周报 用python3开发weekplan-master.zip
- python 读取excel数据导入dbimport-data-master.zip
- K折交叉验证BP神经网络,多输入多输出BP神经网络(代码完整,数据齐全)
- B07训练原图.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈