Skip to content

2017-I.S.Trump-miss960916 HW #3

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
huhgtzumo wants to merge 1 commit into
base: master
Choose a base branch
from
Open

2017-I.S.Trump-miss960916 HW #3

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
162 changes: 162 additions & 0 deletions 2017-I.S.Tump-miss960916.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,162 @@
<!-- 洪梓默 -->
<!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>

<ul class="nav nav-tabs nav-justified ">
<li role="presentation" class="active"><a href="#">Resume</a></li>
<li role="presentation" ><a href="#">Skill</a></li>
<li role="presentation" ><a href="#">Certification and License</a></li>
</ul>


<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>

<!-- Wrapper for slides -->



<div class="carousel-inner">


<div class="item active">

<div class=" col-xs-10 col-xs-offset-1 col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-4 col-lg-4 col-lg-offset-4 ">

<img src="https://scontent-tpe1-1.xx.fbcdn.net/v/t1.0-9/20258205_1598704103533095_6801727751288774407_n.jpg?oh=43ad2e69753edacd3cedb81d07937372&oe=59FFB7EC" width="100%"height="100%" alt="camada">

</div>
<div class=" container col-md-12 ">
<div class="carousel-caption">
<h3>Regina</h3>
<p>Canada 2015 July</p>
</div>

</div>
</div>
<div class="item">
<div class=" col-xs-10 col-xs-offset-1 col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-4 col-lg-4 col-lg-offset-4 ">
<img src="https://scontent-tpe1-1.xx.fbcdn.net/v/t1.0-9/20264703_1598704110199761_6581822543815644147_n.jpg?oh=9d5da483dc4a18b1761777de954fd120&oe=5A035E70"width="100%"height="100%" alt="japan">
</div>
<div class=" container col-md-12 ">
<div class="carousel-caption">
<h3>京都市</h3>
<p>Japan 2017 January</p>
</div>
</div>
</div>
<div class="item">
<div class=" col-xs-10 col-xs-offset-1 col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-4 col-lg-4 col-lg-offset-4 ">
<img src="https://scontent-tpe1-1.xx.fbcdn.net/v/t31.0-8/20369872_1598704156866423_3075737369328188009_o.jpg?oh=450ff5e3c7c7013930dbb234bb3fcad5&oe=5A0AF64A" width="100%"height="100%" alt="New York">
</div>
<div class=" container col-md-12 ">
<div class="carousel-caption">
<h3>Victoria</h3>
<p>Canada 2015 July</p>
</div>
</div>
</div>
</div>


<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>

<div class="jumbotron">
<div class=" col-xs-10 col-xs-offset-1 col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-4 col-lg-4 col-lg-offset-4 ">
<h3 class="text-center">洪梓默</h3>

</div>
<p></p>

</div>


<div class="media">

<div class="media-body">

<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
<h3 class="media-heading">My Motto</h3>
</div>
<p>Fake it , Nntial you have it . </p>
<hr>
<div class="media-body">

<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
<h3 class="media-heading">Personality</h3>
</div>

<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
<p>I am quite reserved but I value friendship. Therefore, I’ve got many close friends. </p>

<p> I think I am somewhat on the shy side. </p>
<p> I have been a cooperative and obedient student in my teachers’ eyes, and I think it’s my concern for others that makes me popular.</p>
<p> I used to be everybody’s friend because that I’m enthusiastic and I always come to someone’s rescue.</p>

</div>
</div>

<hr>
<div class="media-body">

<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
<h3 class="media-heading">Hobbies</h3>
</div>
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
<p>My hobby are swim and reading . </p>
<p> In my leisure time, I always go swimming with my classmates . </p>
</div>
</div>
<hr>



<footer class="panel panel-default panel-default text-center">
<div class="panel-body">

<button type="button" class="btn btn-default" aria-label="Left Align">
<span class=" glyphicon glyphicon-btc" aria-hidden="true"></span>Feed by Bitcoin
</button>

</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>