<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>123LearnGo</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style_Final.css" rel="stylesheet">
<script src="js/jquery-3.1.0.min.js"></script>
<script src="js/bootstrap.js"></script>
</head>
<body>
<!--第一层——菜单开始-->
<div class="menuTop">
<nav class="navbar navbar-default navbar-fixed-top menu" role="navigation">
<div class="container">
<!-- 移动显示 -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed navbarMin" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="images/logo.jpg"></a>
</div>
<!--按钮内容 -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right menubtn">
<li><a href="#">关于我们</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">视频教学 <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Android 应用开发</a></li>
<li><a href="#">GWD & 网页设计丙级 解题</a></li>
<li><a href="#">GameSalad 2D 游戏制作</a></li>
<li><a href="#">Unity 5</a></li>
</ul>
<li><a href="#">技术分享</a></li>
<li><a href="#">专业讲师</a></li>
</li>
</ul>
</div>
</div>
</nav>
</div>
<!--第一层——菜单结束-->
<!--第二层——广告轮播开始-->
<div class ="banner">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!--指针 -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
</ol>
<!-- 幻灯片 -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/slide1.jpg" class="img-responsive">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="images/slide2.jpg" class="img-responsive">
<div class="carousel-caption">
</div>
</div>
</div>
<!-- 左右开关 -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!--第二层——广告轮播结束-->
<!--第三层——最新消息与广告开始-->
<div class="container news">
<div class="row">
<div class="col-md-8 col-sm-8">
<img src="images/newTile.jpg" class ="coursesTitle">
<div class="panel-group" id="accordion1">
<div class="panel panel-info">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion1" href="#collapseOne1">网页设计丙级 解题 开课了</a></h4>
</div>
<div id="collapseOne1" class="panel-collapse collapse in">
<div class="panel-body">学习如何使用Google Web Design 软件进行【网页设计丙级】的技术解题</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion1" href="#collapseTwo1">Google Web Design 开课了</a></h4>
</div>
<div id="collapseTwo1" class="panel-collapse collapse">
<div class="panel-body">网页设计新神器Google Web Designer就是要让创意者、设计者或初学者不必编写任何程序代码，就可以运用HTML5技术，缩短制作时程，打造跨平台互动广告、动画与网页！</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion1" href="#collapseThree1">123LearnGo 官方网站正式启动</a></h4>
</div>
<div id="collapseThree1" class="panel-collapse collapse">
<div class="panel-body">以分享知识为主轴，提供相关的专业技能供有兴趣的人一起学习与讨论</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4">
<img src="images/ad.jpg" class="img-responsive">
</div>
<hr><!--水平线分隔线-->
</div>
</div>
<!--第三层——最新消息与广告结束-->
<!--第四层——课程分享开始-->
<div class="container">
<img src="images/CourseShareTitle.jpg" class="coursesTitle">
<div class="row courseRow">
<div class="col-md-3 col-xs-12">
<img src="images/CourseImg1.jpg" class="img-responsive courseImg">
</div>
<div class="col-md-3 col-xs-12 CoursesShare">
<div class="span">GWD & 网页设计丙级 解题</div>
<p>学习如何使用Google Web Design 软件进行【网页设计丙级】的技术解题</p>
</div>
<div class="col-md-3 col-xs-12">
<img src="images/CourseImg2.jpg" class="img-responsive courseImg">
</div>
<div class="col-md-3 col-xs-12 CoursesShare">
<div class="span">GameSalad 2D 游戏制作</div>
<p>一款简易、直觉式的游戏开发软件，让非程序设计者也能开发Web、智能手机与平板电脑的跨平台游戏 App</p>
</div>
</div>
<div class="row courseRow">
<div class="col-md-3 col-xs-12">
<img src="images/CourseImg3.jpg" class="img-responsive courseImg">
</div>
<div class="col-md-3 col-xs-12 CoursesShare">
<div class="span">Android 应用开发</div>
<p>最新的技术结合，无论使用HTML5或Unity都能打造出一款结合虚拟现实的App应用。</p>
</div>
<div class="col-md-3 col-xs-12">
<img src="images/CourseImg4.jpg" class="img-responsive courseImg">
</div>
<div class="col-md-3 col-xs-12 CoursesShare">
<div class="span">Unity 5</div>
<p>最新的Unity公开课程，让你一步一步做出自己心中理想的游戏。</p>
</div>
</div>
</div>
<!--第四层——课程分享结束-->
<!--第五层——链接内容开始-->
<div class="contLink">
<a href="https://www.facebook.com/123LearnGo-Community-514983261988834/">
<img src="images/fb.jpg" class="contLinkimg">
</a>
<a href="https://www.youtube.com/channel/UCJijGu9wwsN9TFckdonRAHw">
<img src="images/youtube.jpg" class="contLinkimg">
</a>
<a href="mailto:123learngo@gmail.com" >
<img src="images/mail.jpg" class="contLinkimg">
</a>
</div>
<!--第五层——链接内容结束-->
<!--第六层——页脚分享开始-->
<div class="footer">© 2016 123learngo</div>
<!--第六层——页脚分享结束-->
<!--回顶部动画开始-->
<script type="text/javascript" src="js/move-top.js
bootstrap案例
需积分: 30 75 浏览量
2019-01-18
14:47:32
上传
评论 2
收藏 1.6MB RAR 举报
bootstrap案例.rar （59个子文件） 
bootstrap范例文件 ch15 fonts 
glyphicons-halflings-regular.woff2 18KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.eot 20KB
index_Exercise.html 123B images 
mail.jpg 13KB slide1.jpg 339KB fb.jpg 12KB CourseImg3.jpg 77KB CourseImg2.jpg 172KB adTile.jpg 19KB youtube.jpg 13KB logo.jpg 25KB CourseImg4.jpg 109KB slide2.jpg 150KB newTile.jpg 22KB CourseImg1.jpg 79KB ad.jpg 111KB
to-top1.png 17KB CourseShareTitle.jpg 20KB
导航栏nav.doc 31KB index_trial.html 8KB 辅助按钮.doc 28KB 轮播carousel.doc 30KB js npm.js 484B bootstrap.js 68KB move-top.js 1KB jquery-3.1.0.min.js 84KB easing.js 5KB bootstrap.min.js 36KB css style_Final.css 2KB bootstrap.css 143KB bootstrap-theme.min.css 23KB bootstrap.css.map 380KB bootstrap.min.css 118KB style.css 2KB bootstrap-theme.min.css.map 25KB bootstrap-theme.css.map 47KB bootstrap.min.css.map 529KB bootstrap-theme.css 26KB 折叠collapse.doc 31KB index_Final.html 8KB bootstrap fonts glyphicons-halflings-regular.woff2 18KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.eot 20KB js npm.js 484B bootstrap.js 67KB jquery-3.1.0.min.js 84KB jquery-1.11.2.min.js 94KB bootstrap.min.js 36KB css bootstrap.css 144KB bootstrap-theme.min.css 23KB bootstrap.css.map 381KB bootstrap.min.css 120KB bootstrap-theme.css.map 47KB bootstrap-theme.css 26KB资源评论
