html班级主页设计_班级网站网页设计html代码资源-CSDN文库

共56个文件

jpg：29个

js：7个

html：5个

html5

需积分: 43 90 浏览量 2018-05-14 23:19:18 上传评论 8 收藏 616KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

班级网页设计.rar （56个子文件）

班级网页设计

fonts

glyphicons-halflings-regular.woff2 18KB

HammersmithOne-Regular.ttf 101KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.svg 106KB

OpenSans-Regular.ttf 212KB

glyphicons-halflings-regular.eot 20KB

typography.html 28KB

images

a3.jpg 18KB

a1.jpg 14KB

icons1.png 4KB

a4.jpg 11KB

g11.jpg 9KB

abt1.jpg 3KB

a6.jpg 10KB

abt4.jpg 5KB

a2.jpg 13KB

g12.jpg 5KB

img2.jpg 5KB

g6.jpg 4KB

a5.jpg 11KB

img1.jpg 6KB

g3.jpg 7KB

img3.jpg 5KB

g4.jpg 10KB

i15.jpg 27KB

img4.jpg 4KB

g8.jpg 10KB

abt.jpg 18KB

location.png 3KB

g7.jpg 5KB

to-top1.png 3KB

banner.jpg 48KB

abt3.jpg 5KB

g1.jpg 4KB

abt2.jpg 5KB

phone.png 3KB

g2.jpg 7KB

g9.jpg 6KB

g10.jpg 6KB

g5.jpg 8KB

contact.html 8KB

bootstrap.js 66KB

menu_jquery.js 1KB

move-top.js 1KB

jquery-1.11.0.min.js 94KB

responsiveslides.min.js 3KB

modernizr.custom.js 8KB

easing.js 5KB

about.html 10KB

gallery.html 10KB

css

default.css 3KB

component.css 10KB

bootstrap.css 138KB

style.css 49KB

index.html 14KB

<!doctype html> <html> <head> <title>Short Codes</title> <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="Education Tutorial 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>  <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">  <link href="css/style.css" rel="stylesheet" type="text/css"/>  <script src="js/jquery-1.11.0.min.js"></script>  <script src="js/bootstrap.js"></script>   <link href='http://fonts.useso.com/css?family=Open+Sans:300,300italic,400italic,400,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>  <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},900); }); }); </script>  </head> <body>  <div class="header" id="home"> <nav class="navbar navbar-default"> <div class="container">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"> </span> <span class="icon-bar"> </span> <span class="icon-bar"> </span> </button> <h1><a class="navbar-brand" href="index.html">Education<br /><span>Tutorial</span></a></h1> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right margin-top cl-effect-2"> <li><a href="index.html"><span data-hover="Home">Home</span></a></li> <li><a href="about.html"><span data-hover="About">About</span></a></li> <li><a href="typography.html"><span data-hover="Shortcodes">Shortcodes</span></a></li> <li><a href="gallery.html"><span data-hover="Gallery">Gallery</span></a></li> <li><a href="contact.html"><span data-hover="Contact">Contact</span></a></li> </ul> <div class="clearfix"> </div> </div>  <div class="login-pop"> <div id="loginpop"><a href="#" id="loginButton"><span>Login</span></a> <div id="loginBox"> <form id="loginForm"> <fieldset id="body"> <fieldset> <label for="email">Email Address</label> <input type="text" id="email"> </fieldset> <fieldset> <label for="password">Password</label> <input type="password" id="password"> </fieldset> <input type="submit" id="login" value="Sign in"> <label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label> </fieldset> <span><a href="#">Forgot your password?</a></span> </form> </div> </div> </div><script src="js/menu_jquery.js"></script> </div> </nav>  <div class="clearfix"> </div> </div>  <div class="banner banner5"> <div class="container"> <h2>Short Codes</h2> </div> </div>   <div class="typrography"> <div class="container"> <div class="grid_3 grid_4"> <h3 class="first">Headings</h3> <div class="bs-example"> <table class="table"> <tbody> <tr> <td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td> <td class="type-info">Semibold 36px</td> </tr> <tr> <td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td> <td class="type-info">Semibold 30px</td> </tr> <tr> <td><h3 id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td> <td class="type-info">Semibold 24px</td> </tr> <tr> <td><h4 id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td> <td class="type-info">Semibold 18px</td> </tr> <tr> <td><h5 id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td> <td class="type-info">Semibold 14px</td> </tr> <tr> <td><h6>h6. Bootstrap heading</h6></td> <td class="type-info">Semibold 12px</td> </tr> </tbody> </table> </div> </div> <div class="grid_3 grid_5"> <h3>Progress Bars</h3> <div class="tab-content"> <div class="tab-pane active" id="domprogress"> <div class="progress"> <div class="progress-bar progress-bar-primary" style="width: 20%"></div> </div> <p>Info with <code>progress-bar-info</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-info" style="width: 60%"></div> </div> <p>Success with <code>progress-bar-success</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-success" style="width: 30%"></div> </div> <p>Warning with <code>progress-bar-warning</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-warning" style="width: 70%"></div> </div> <p>Danger with <code>progress-bar-danger</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-danger" style="width: 50%"></div> </div> <p>Inverse with <code>progress-bar-inverse</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-inverse" style="width: 40%"></div> </div> <p>Inverse with <code>progress-bar-inverse</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-success" style="width: 35%"><span class="sr-only">35% Complete (success)</span></div> <div class="progress-bar progress-bar-warning" style="width: 20%"><span class="sr-only">20% Complete (warning)</span></div> <div class="progress-bar progress-bar-danger" style="width: 10%"><span class="sr-only">10% Complete (danger)</span></div> </div> </div> </div> </div> <div class="grid_3 grid_5"> <h3>Pagination</h3> <div class="col-md-6"> <nav> <ul class="pagination pagination-lg"> <li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span><

评论收藏

内容反馈