宽屏棒球运动专题bootstrap模板_宽屏棒球运动专题整站简洁大图bootstrap菜单导航手机.rar资源-CSDN文库

共43个文件

jpg：14个

png：9个

js：7个

网站模板

83 浏览量 2023-08-05 15:47:37 上传评论收藏 1.15MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

宽屏棒球运动专题bootstrap模板_宽屏棒球运动专题整站简洁大图 bootstrap 菜单导航手机.rar （43个子文件）

宽屏棒球运动专题bootstrap模板_宽屏棒球运动专题整站简洁大图 bootstrap 菜单导航手机响应式展示灰色

cpts_440_rn

codes.html 32KB

bootstrap.js 66KB

lightbox-plus-jquery.min.js 91KB

responsiveslides.min.js 3KB

easing.js 5KB

move-top.js 1KB

jquery-1.11.1.min.js 94KB

scripts.js 134B

css

style.css 33KB

bootstrap.css 138KB

lightbox.css 4KB

styles.css 19KB

index.html 13KB

contact.html 8KB

about.html 10KB

images

up-arrow.png 3KB

10.jpg 32KB

prev.png 1KB

13.jpg 47KB

arrow.png 4KB

menu.png 3KB

14.jpg 28KB

6.jpg 45KB

t3.jpg 16KB

social.png 5KB

1.png 271KB

next.png 1KB

12.jpg 62KB

t1.jpg 23KB

5.jpg 41KB

t4.jpg 20KB

close.png 280B

8.jpg 38KB

11.jpg 38KB

t2.jpg 11KB

7.jpg 49KB

2.png 130KB

9.jpg 65KB

fonts

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.woff2 18KB

Montserrat-Bold.ttf 29KB

OpenSans-Regular.ttf 212KB

gallery.html 10KB

<!DOCTYPE html> <html> <head> <title>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="Baseball 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 rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <link href="css/styles.css?v=1.6" rel="stylesheet">  <script src="js/jquery-1.11.1.min.js"></script> <script src="js/scripts.js?v=1.7"></script> <script src="js/bootstrap.js"></script> <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> </head> <body> <div class="main-content">  <div class="navigation"> <div class="container-wrap-fluid"> <nav class="pull"> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="hvr-bounce-to-bottom"><a href="index.html">Home</a></li> <li class="hvr-bounce-to-bottom"><a href="about.html">About</a></li> <li><a href="codes.html" class="active">Codes</a></li> <li><a href="#" class="menu1">Gallery<span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a></li> <ul class="nav-sub"> <li><a href="gallery.html">Gallery1</a></li> <li><a href="#" class="menu">Gallery2<span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a></li> <ul class="nav-sub1"> <li><a href="gallery.html">Gallery4</a></li> <li><a href="gallery.html">Gallery5</a></li> <li><a href="gallery.html">Gallery6</a></li> </ul> <script> $( "li a.menu" ).click(function() { $( "ul.nav-sub1" ).slideToggle( 300, function() { // Animation complete. }); }); </script> <li><a href="gallery.html">Gallery3</a></li> </ul>  <script> $( "li a.menu1" ).click(function() { $( "ul.nav-sub" ).slideToggle( 300, function() { // Animation complete. }); }); </script> <li><a href="index.html">News</a></li> <li><a href="contact.html">Contact</a></li> </ul> <div class="clearfix"> </div> </div> </nav> </div> </div> <div class="header-top"> <div class="head-logo"> <h1><a href="index.html">Baseball</a></h1> </div> <div class="top-nav"> <div class="hero fa-navicon fa-2x nav_slide_button" id="hero"> <a href="#"><img src="images/menu.png" alt=""></a> </div> </div> <div class="header-right"> <div class="social"> <ul> <li><a href="#" class="facebook"> </a></li> <li><a href="#" class="facebook twitter"> </a></li> <li><a href="#" class="facebook chrome"> </a></li> <li><a href="#" class="facebook dribbble"> </a></li> </ul> </div> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> </div>   <div class="typography">  <div class="container-wrap"> <div class="typography-info"> <h2 class="type">Short Codes</h2> </div> <div class="grid_3 grid_4"> <h3 class="hdg">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 class="hdg">Buttons</h3> <h1> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h1> <h2> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h2> <h3> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h3> <h4> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h4> <h5> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="lab

评论收藏

内容反馈