:::
主內容區域
1-1 index.php
1-2 templates/index.tpl
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>活動報名系統</title>
<!--BootStrap-->
<link rel="stylesheet" href="class/bootstrap/css/bootstrap.min.css">
<!--jQuery-->
<script src="class/jquery.min.js"></script>
<script src="class/jquery-migrate.min.js"></script>
<!--jQuery UI-->
<link rel="stylesheet" href="class/jquery-ui/jquery-ui.min.css">
<script src="class/jquery-ui/jquery-ui.min.js"></script>
<!--Font awesome-->
<link rel="stylesheet" href="class/font-awesome/css/font-awesome.min.css">
</head>
<body>
<div class="container">
<h1 class="page-header">活動報名系統</h1>
<div class="row">
<div class="col-sm-8 col-md-9">
<h2>主內容</h2>
</div>
<div class="col-sm-4 col-md-3">
<h2>嗨！{$my_name}</h2>
<div class="panel panel-primary">
<div class="panel-heading">登入</div>
<div class="panel-body">
<form class="form-horizontal" action="index.php" method="post" role="form">
<div class="form-group">
<label class="col-sm-3 control-label" for="name">帳號</label>
<div class="col-sm-9">
<input type="text" name="name" id="name" class="form-control" placeholder="請輸入帳號">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="pass">密碼</label>
<div class="col-sm-9">
<input type="password" name="pass" id="pass" class="form-control" placeholder="請輸入密碼">
</div>
</div>
<div class="text-center">
<button type="submit" name="op" value="login" class="btn btn-primary">登入</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!--BootStrap js-->
<script src="class/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
