<!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">
【网页设计作业】网页设计项目实例4.zip
需积分: 5 101 浏览量
2023-12-15
14:34:07
上传
评论
收藏 1.19MB ZIP 举报
【网页设计作业】网页设计项目实例4.zip （31个子文件） 
【网页设计作业】网页设计项目实例4 【网页设计作业】网页设计项目实例4 
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资源评论
