forked from hellojs-tw/bootstrap-101-practice
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path2017-deadlineclub-lavit.html
134 lines (91 loc) · 4.7 KB
/
2017-deadlineclub-lavit.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
/*Lavit*/
<!DOCTYPE html>
<html lang="">
<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 Page</title>
<!-- Bootstrap CSS -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.3/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-inverse" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<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="#">個人履歷</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav navbar-right text-center">
<li class="active"><a href="#">關於我</a></li>
<li><a href="#">歷年作品</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
<div class="">
<ol class="breadcrumb">
<li>
<a href="#">Home</a>
</li>
<li class="active">Current</li>
</ol>
</div>
<div class="row">
<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
<img src="001.jpg" class="img-circle">
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-7 col-sm-offset-3 col-md-offset-3 col-lg-offset-3">
<p>Hi , 我是來自桃園的徐維陽 或著 你可以叫我 Lavit </p>
<p>自小對音樂頗具興趣 , 自小便陸續參與許多音樂性社團。</p>
<p>但自從大學接觸網站後，開始慢慢地想要脫離舒適圈</p>
<p>歷年佳績：</p>
<p>桃園縣南瀛盃直笛比賽 團體組 優勝</p>
<p>桃桃園縣學生音樂比賽 管樂合奏 (B) 優等</p>
<p>桃園縣學生音樂比賽 低音提琴獨奏 (B) 甲等</p>
<p>全國學生音樂比賽 弦樂合奏(B) 優等</p>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
<ul class="list-group">
<li class="list-group-item active">2017</li>
<li class="list-group-item">2016</li>
<li class="list-group-item">2015</li>
</ul>
<div class="panel panel-default">
<div class="panel-body">
聽著音樂往前端之路漫步的小小米蟲
</div>
</div>
</div>
</div>
</div>
<footer class="panel panel-info">
<div class="panel-body text-center">
<B>2017 HelloJS Bootstrap HW 0727</B>
</div>
</footer>
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>