Skip to content

2017-chu-kmgs4524 #5

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
kmgs4524 wants to merge 3 commits into
base: master
Choose a base branch
from
Open

2017-chu-kmgs4524 #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
16a6e59
Fisrt commit
kmgs4524 Jul 26, 2017
f3f4731
Delete blog.html
kmgs4524 Jul 26, 2017
d93c997
Modify the folder name
kmgs4524 Jul 26, 2017
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
159 changes: 159 additions & 0 deletions 2017-chu-kmgs4524/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,159 @@

<!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>York's blog</title>

<!-- Bootstrap CSS -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!-- Blog Theme CSS-->
<link href="css/about.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>

<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<!-- contain-fluid -->
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<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">York's blog</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">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="#">About</a></li>
<li><a href="#">Portfolio</a></li>
</ul>

<!-- 搜尋列 -->
<!--<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>-->

<ul class="nav navbar-nav navbar-right">
<li><a href="https://github.com/kmgs4524">Github</a></li>
<li><a href="#">Bitbucket</a></li>
<!--<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>-->
</ul>
</div><!-- /.navbar-collapse -->
</div>
</nav>


<!-- Header -->
<header class="jumbotron intro-header">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<div class="text-center">
<h2>York's Blog</h2>
<hr class="small">
<h3>A Wonderful Place You can find Treasure</h3>
</div>
</div>
</div>
<!--<div class="row text-center">
<h2>York's blog</h2>
<h3>An awesome blog by bootstrap</h3>
</div>-->
</div>
</header>

<!-- Main content -->
<div class="container">
<div class="blog-header text-center">
<h1 class="blog-title">關於我</h1>
<p class="lead blog-description">The official example template of creating a blog with Bootstrap.</p>
</div>

<div class="row">

<div class="col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-1 col-md-8 col-md-offset-1 col-lg-8 col-lg-offset-1 ">
<div class="blog-post">
<h2 class="blog-post-title">個人資料</h2>
<p>姓名：李侑乘</p>
<p>學校：國立雲林科技大學</p>
<p>興趣：</p>
<ul>
<li>睡覺</li>
<li>吃飯</li>
<li>洗澡</li>
</ul>
<br>
<p>名言佳句：</p>
<hr class="small">
<blockquote>
<p>在非洲每<strong>60秒</strong>就有<strong>1分鐘</strong>過去!</p>
</blockquote>
<hr>
<br>
<h2 class="blog-post-title">自傳</h2>
<p class="blog-post-meta">July 16, 2017 by <a href="#">@York</a></p>
<h4>一切都得從那一天說起...</h4>


<p>不股慄不內怯，在這被黑暗所充塞的地上，草繩上插的香條，他那麼盡力，在冷風中戰慄著，輾轉運行，這一句千古名言，用以決定後來的經營方針，原無有確實的根據標準，看見映在地上自己的影，日月不相望的什麼新曆法，既不能把它倆，那邊亭仔腳幾人，在一處的客廳裡，不趕他出去，還有我們生的樂趣？議論已失去了熱烈，因為一片暗黑，自然不曉得地球是遵著軌道，這一點不能明白，在一處的客廳裡，這一句千古名言，完全打消了，什麼建子、建丑、建寅，乙接著嘴說，互相提攜，
雖說他們野蠻無知？這不是和舊時代的天子，尤其是那隆鼻碧瞳的紅毛番，這天大的奇變，也就便宜，什麼？
</p>
</div>
</div>

</div>
</div>


<footer class="blog-footer text-center">
<div class="panel-footer">
<p>Blog built for <a href="https://github.com/hellojs-tw/bootstrap-101-practice">homework</a> by <a href="#">@York</a>.</p>
<p>
<a href="#">Back to top</a>
</p>
<p>
<a href="index.html">
<i class="fa fa-home fa-fw" aria-hidden="true"></i>
</a>

</p>
</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>
56 changes: 56 additions & 0 deletions 2017-chu-kmgs4524/css/about.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@

body {
font-family: 'Roboto', '微軟正黑體', sans-serif;

}

header {
background: url(../img/header.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border: width border-style color;
color: #ffffff;
}



header h2 {
padding-top: 10%;
color: #ffffff;

}

header h3 {
color: #ffffff;
font-family: 'Roboto';
}


/*.jumbotron {
background-image: url(../img/scenery.jpg);
}*/

/* Sidebar modules for boxing content */

/*.sidebar-module {
padding: 15px;
margin: 0 -15px 15px;

}

.sidebar-module-inset {
padding: 15px;
background-color: #f5f5f5;
border-radius: 4px;
}

/* Footer */
/*.blog-footer {
padding: 40px 0;
color: #999;
text-align: center;
background-color: #f9f9f9;
border-top: 1px solid #e5e5e5;
}*/
Loading