:::
24. 20170924上課範例
24-1 index.html
<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>BootStrap4練習</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/my.css">
<script src="js/w3.js"></script>
</head>
<body>
<!-- 頁首 -->
<div w3-include-html="header.html"></div>
<!-- 輪播 -->
<div w3-include-html="carousel.html"></div>
<!-- 按鈕組1 -->
<div w3-include-html="button1.html"></div>
<!-- 按鈕組2 -->
<div w3-include-html="button2.html"></div>
<div class="container">
<div class="row">
<div class="col-sm">
<!-- 新聞影音專區 -->
<div w3-include-html="video.html"></div>
</div>
<div class="col-sm">
<!-- 公告 -->
<div w3-include-html="news.html"></div>
</div>
</div>
</div>
<div class="container">
<div class="row no-gutters">
<div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">畢業生流向調查(畢業校友聯絡網)</a></div>
<div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">就業/工讀/實習訊息</a></div>
<div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">兼任助理勞動權益保障專區</a></div>
<div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">校外人士活動報名系統</a></div>
<div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">自我評鑑專區</a></div>
<div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">徵才訊息</a></div>
<div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">個人資料保護宣導</a></div>
<div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">校務及財務公開網</a></div>
<div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">國內策略聯盟學校</a></div>
</div>
</div>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/holder.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- Optional JavaScript -->
<script>
w3.includeHTML();
</script>
</body>
</html>
