<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='http//fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery.min.js"></script>
<!---start-login-script--->
<script src="js/login.js"></script>
<!---//End-login-script--->
<!-----768px-menu----->
<link type="text/css" rel="stylesheet" href="css/jquery.mmenu.all.css" />
<script type="text/javascript" src="js/jquery.mmenu.js"></script>
<script type="text/javascript">
// The menu on the left
$(function() {
$('nav#menu-left').mmenu();
});
</script>
<!-----//768px-menu----->
</head>
<body>
<div class="content">
<!------start-768px-menu---->
<div id="page">
<div id="header">
<a class="navicon" href="#menu-left"> </a>
</div>
<nav id="menu-left">
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
<div class="clear"> </div>
</ul>
</nav>
</div>
<!------end-768px-menu---->
<!---start-header---->
<div class="header">
<!---start-wrap---->
<div class="wrap">
<div class="header-left">
<div class="logo">
<a href="index.html"><img src="images/logo.jpg"/></a>
</div>
</div>
<div class="header-right">
<div class="top-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</div>
<div class="sign-ligin-btns">
<ul>
<li id="loginContainer"><a class="login" id="loginButton" href="#"><span>LOGIN</span></a>
<div class="clear"> </div>
<div id="loginBox">
<form id="loginForm">
<fieldset id="body">
<fieldset>
<label for="email">Email Address</label>
<input type="text" name="email" id="email" />
</fieldset>
<fieldset>
<label for="password">Password</label>
<input type="password" name="password" id="password" />
</fieldset>
<label class="remeber" for="checkbox"><input type="checkbox" id="checkbox" />Remember me</label>
<input type="submit" id="login" value="login" />
</fieldset>
<span><a href="#">Forgot your password?</a></span>
</form>
</div>
<!-- Login Ends Here -->
</li>
<li id="signupContainer"><a class="signup" id="signupButton" href="#"><span>SINGUP</span></a>
<div class="clear"> </div>
<div id="signupBox">
<form id="signupForm">
<fieldset id="signupbody">
<fieldset>
<label for="email">Email Address <span>*</span></label>
<input type="text" name="email" id="signupemail" />
</fieldset>
<fieldset>
<label for="password">Choose Password <span>*</span></label>
<input type="password" name="password" id="signuppassword" />
</fieldset>
<fieldset>
<label for="password">Confirm Password <span>*</span></label>
<input type="password" name="password" id="signuppassword1" />
</fieldset>
<input type="submit" id="signup" value="Register Now!" />
</fieldset>
</form>
</div>
<!-- Login Ends Here -->
</li>
<div class="clear"> </div>
</ul>
</div>
<div class="clear"> </div>
</div>
<div class="clear"> </div>
</div>
</div>
<div class="wrap">
<div class="section-title">
<h3>About Us</h3>
</div><!--section-title-->
</div>
</div>
<div class="about">
<p class="about-title">Welcome to Our Website.</p>
<div class="wrap">
<div class="row-fluid">
<div class="row_side-left">
<h3>Who we are ?<span> </span></h3>
<img src="images/free-money-course.jpg" alt="" />
</div>
<div class="row_side-right">
<div class="skills">
<h3>Our best skills<span> </span></h3>
<p>This template includes the Progress Bar with unlimited colors, percentage indicators and animations.</p>
<div class="flx-skill">
<p class="flx-skill-title">Web & UI design</p>
<p class="flx-skill-number">75%</p>
<div class="progress-bar flexible animate"> <span class="progress-75" style="width: 75%"><span> </span></span> </div>
<div class="clear"> </div>
</div>
<div class="flx-skill">
<p class="flx-skill-title">iOs Development</p>
<p class="flx-skill-number">90%</p>
<div class="progress-bar flexible animate"> <span class="progress-90" style="width: 90%"><span> </span></span> </div>
<div class="clear"> </div>
</div>
<div class="flx-skill">
<p class="flx-skill-title">Logo Design</p>
<p class="flx-skill-number">50%</p>
<div class="progress-bar flexible animate"> <span class="progress-50" style="width: 50%"><span> </span></span> </div>
<div class="clear"> </div>
</div>
<div class="flx-skill">
<p class="flx-skill-title">Wordpress</p>
<p class="flx-skill-number">60%</p>
<div class="progress-bar flexible animate"> <span class="progress-60" style="width: 60%"><span> </span></span> </div>
<div class="clear"> </div>
</div>
</div>
</div>
<div class="clear"> </div>
</div>
<div class="team" id="team">
<div class="heading_h">
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
H1国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip (31个子文件)
H1
details.html 7KB
js
login.js 1024B
jquery.mmenu.js 22KB
jquery.min.js 92KB
css
style.css 30KB
jquery.mmenu.all.css 41KB
index.html 7KB
about.html 10KB
images
spriteimg.png 9KB
blog-img2.png 216KB
arrow_btn1.png 344B
login.png 634B
icon1.png 1KB
pic2.png 93KB
mobile.jpg 37KB
free-money-course.jpg 95KB
pic2.jpg 18KB
search.png 3KB
pic1.png 98KB
user.png 520B
puls.png 439B
arrow_btnh1.png 311B
logo.jpg 11KB
icon3.png 1KB
icon_1.png 3KB
socil.png 2KB
det_pic.png 468KB
blog-img1.jpg 123KB
nav-icon.png 262B
icon2.png 876B
blog.html 10KB
共 31 条
- 1
资源评论
woisking2
- 粉丝: 12
- 资源: 6723
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功