Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
Binary file added 001.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
134 changes: 134 additions & 0 deletions 2017-deadlineclub-lavit.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,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>