Skip to content

homework #14

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
yubin551 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

homework #14

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
173 changes: 173 additions & 0 deletions 2017-pey-yubin.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,173 @@
<!--許郁彬 -->
<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://more.handlino.com/javascripts/moretext-1.2.js" type="text/javascript"></script>

<title>不知道在幹嘛</title>
</head>

<body>



<!-- jQuery -->
<script src="http://code.jquery.com/jquery.js"></script>
<!-- Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>



<div class="container">

<div class="row">
<h1 class="lipsum(1,5)"></h1>
</div>

<div class="row">

<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
<div class="row">
<div class="thumbnail">
<a href="">
<img src="https://img.moegirl.org/common/thumb/e/ed/%E7%9A%AE%E5%8D%A1%E4%B8%98%E4%B9%8B%E6%AD%8C.jpg/280px-%E7%9A%AE%E5%8D%A1%E4%B8%98%E4%B9%8B%E6%AD%8C.jpg">
<div class="caption">
<div class="text-center lipsum(1,10)"></div>
</div>
</a>
</div>
</div>
</div>


<div class="col-xs-12 col-sm-12 col-md-6 col-lg-8">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-8">
<div class="panel panel-default">
<div class="panel-body lipsum(3,50)">
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-8">
<div class="panel panel-default">
<div class="panel-body lipsum(3,50)">
</div>
</div>
</div>
</div>
</div>
</div>


<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="lipsum(5,20)"></div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="lipsum(5,20)"></div>
</div>
</div>

<div class="row">
<h1 class="lipsum(1,10)"></h1>
</div>


<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="lipsum(7,40)"></div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="lipsum(5,20)"></div>
</div>
</div>

<div class="row">
<h1 class="lipsum(1,10)"></h1>
</div>
<div class="row">
<table class="table table-hover">
<thead>
<tr>
<th class="lipsum(1,5)"></th>
<th class="lipsum(1,5)"></th>
<th class="lipsum(1,5)"></th>
</tr>
</thead>
<tbody>
<tr>
<td class="lipsum(2,20)"></td>
<td class="lipsum(2,20)"></td>
<td class="lipsum(2,20)"></td>
</tr>
<tr>
<td class="lipsum(2,20)"></td>
<td class="lipsum(2,20)"></td>
<td class="lipsum(2,20)"></td>
</tr>
<tr>
<td class="lipsum(2,20)"></td>
<td class="lipsum(2,20)"></td>
<td class="lipsum(2,20)"></td>
</tr>
<tr>
<td class="lipsum(2,20)"></td>
<td class="lipsum(2,20)"></td>
<td class="lipsum(2,20)"></td>
</tr>
<tr>
<td class="lipsum(2,20)"></td>
<td class="lipsum(2,20)"></td>
<td class="lipsum(2,20)"></td>
</tr>
</tbody>
</table>
</div>
<div class=row "">
<h1 class="lipsum(1,10)"></h1>
</div>
<div class="row">

<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<button id="y" type="button" class="btn btn-success btn-block">快按</button>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<button id='n' type="button" class="btn btn-danger btn-block">別按</button>
</div>

</div>
</div>
<footer class="panel panel-default">

<div class="panel-footer">
<p class="text-center lipsum(5,10)"></p>
<p class="text-center lipsum(10,20)"></p>
</div>
</footer>
<script type="text/javascript">
document.getElementById('y').addEventListener('click', function() {
alert("啊...你真的按了喔ㄏㄏ");
});
document.getElementById('n').addEventListener('click', function() {
alert("就說不要按啊，真是的");
});
</script>
</body>

</html>