<!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<
1345js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
32 浏览量
2023-08-03
11:08:01
上传
评论
收藏 1.44MB ZIP 举报
2301_76429513
- 粉丝: 9
- 资源: 6730
最新资源
- MATLAB大数据仿真案例-蚁群算法(ACO)用于求解旅行商(TSP)问题.rar
- MySQL基础知识-个人笔记.rar
- Project8.ipynb
- Python实现BWO-LSTM白鲸算法优化长短期记忆神经网络时间序列预测(完整源码和数据)
- C语言实现文件读写操作的几种常用方法-C 语言.rar
- RK 3568 Android11 版本的梯形校正补丁
- 基于pyqt yolov5 dlib的驾驶员行为监控系统源码+模型.zip
- python代码案例详解-旅行商问题的多种求解算法.rar
- 单相电力电子负载仿真,PWM整流+单相并网逆变
- C语言功能模块(配置文件读取 、debug日志记录等).zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈