Skip to content

update my resume #6

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

update my resume #6

Show file tree
Hide file tree
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
120 changes: 120 additions & 0 deletions 2017-pey-lucylin/home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,120 @@


<!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>My Resume</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>
<div class= "container">
<nav class="navbar navbar-default navbar-inverse" role="navigation">
<!-- 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 navbar-center" href="home.html">Home</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="resume.html">履歷</a></li>
<li><a href="#">作品</a></li>
<!--<li> <button type="button" class="btn btn-large btn-default navbar-btn"><span class="glyphicon glyphicon-user"></span>登入</button>-->
</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="#">Link</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>
</nav>
</div>

<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-10 ">
<ol class="breadcrumb">
<li>
<a href="home.html">Pei-Syuan's Home</a>
</li>
<li class="active">Current</li>
</ol>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align="center" valign="center">
<iframe width="676.5" height="380" src="https://www.youtube.com/embed/VfoMjD98CD4 " frameborder="0" allowfullscreen></iframe>
Copy link

@Evafly Evafly Aug 10, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

bootstrap也有支援影片響應歐，可以參考這裡
.responsive-embed

</div>



</div>

<div class="col-xs-12 col-sm-12 col-md-12 col-lg-2 ">

<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">聯絡方式</h3>
</div>
<div class="panel-body">
yoyoyo即可召喚
</div>
</div>

</div>




</div>
</div>
<div class="container">
<footer class="panel panel-default panel-danger text-center">
<div class="panel-body">
<p>*你好這是我的自介影片*</p>
<p>*請點選履歷*</p>
<p>*影片是假的*</p>
</div>
</footer>
</div>




<!-- 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>
174 changes: 174 additions & 0 deletions 2017-pey-lucylin/resume.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,174 @@


<!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>My Resume</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 onload="sequentialImg();">
<div class= "container">
<nav class="navbar navbar-default navbar-inverse" role="navigation">
<!-- 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 navbar-center" href="home.html">Home</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="#">履歷</a></li>
<li><a href="#">作品</a></li>
<!--<li> <button type="button" class="btn btn-large btn-default navbar-btn"><span class="glyphicon glyphicon-user"></span>登入</button>-->
</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="#">Link</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>
</nav>
</div>

<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-10 ">
<ol class="breadcrumb">
<li>
<a href="resume.html">履歷</a>
</li>
<li class="active">Current</li>
</ol>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 " >
<div id="my_div" align="center" valign="center" ></div>
<script type="text/javascript">
var jsImg = new Array("totoro1.png","totoro2.png","totoro3.png");
var jsImg_len = jsImg.length;
var i=0;
setInterval("sequentialImg()",2000);
function sequentialImg(){
document.getElementById("my_div").innerHTML = "<img src='"+jsImg[i]+"' width=350 height=350 >";
Copy link

@Evafly Evafly Aug 10, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

固定寬高就沒辦法響應囉，可以加上img-responsive類別看看歐

i++;
if(i>=jsImg_len) i=0;
}
</script>
<hr>
<div class="row">
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 " >
<h3>姓名</h3>
</div>
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 " >
<h4>林沛萱</h4>
</div>
</div><hr>
<div class="row">
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 " >
<h3>生日</h3>
</div>
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 " >
<h4>83/xx/xx</h4>
</div>
</div><hr>
<div class="row">
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 " >
<h3>興趣</h3>
</div>
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 " >
<h4>打排球</h4>
</div>
</div><hr>
<div class="row">
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 " >
<h3>地址</h3>
</div>
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 " >
<h4>abcdefghijklmnopqrstuvwxyz</h4>
</div>
</div><hr>
<div class="row">
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 " >
<h3>專長</h3>
</div>
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 " >
<h4>吃飯睡覺打咚咚</h4>
</div>
</div><hr>
<div class="row">
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 " >
<h3>簡介</h3>
</div>
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 " >
<h4>像地西也二……仍師馬不我致包推然下灣什，習任在正交陸起天人該消學其能第最來？<br>
蘭個星環主媽務樂資現一最的到以正立備之加上信前落，統母卻住生，出下媽政開生於我常……容麼什使記集位風局深媽清水不表而我不太輕。<br>
用我活間男消；八的或那：預就爸這者況何令關族超不戲這過空內、片像法，定關數：劇你兒的車？<br>
原相林口；活藝法：今形在路告人。氣的讓明金許學系日舞！<br>
演晚他改一的確後面題管到多期春到導發節觀思重你實係來創然造大故走院，受利身八張價又。衣畫變傳多預樂時辦。其用人生想遠，感登藝：在來球美。受銀春腦我心完出很歡無出會健著。</h4>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-2 ">
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">聯絡方式</h3>
</div>
<div class="panel-body">
yoyoyo即可召喚
</div>
</div>

</div>
</div>
</div>
<div class="container">
<footer class="panel panel-default panel-danger text-center">
<div class="panel-body">
<p>*這是我的履歷*</p>
<p>*錄取我ㄅ*</p>
</div>
</footer>
</div>




<!-- 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>
Binary file added 2017-pey-lucylin/totoro1.PNG
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 2017-pey-lucylin/totoro2.PNG
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 2017-pey-lucylin/totoro3.PNG
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.