【网页设计作业】网页设计项目实例4.zip资源-CSDN文库

共31个文件

png：17个

jpg：5个

html：4个

网页设计

需积分: 5 70 浏览量 2023-12-15 14:34:07 上传评论收藏 1.19MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

【网页设计作业】网页设计项目实例4.zip （31个子文件）

【网页设计作业】网页设计项目实例4

details.html 7KB

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

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

<!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>  <script src="js/login.js"></script>   <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>  </head> <body> <div class="content">  <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>   <div class="header">  <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>  </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>  </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> </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">

评论收藏

内容反馈