diff --git a/startpage/index.html b/startpage/index.html
new file mode 100644
index 0000000..1cda6eb
--- /dev/null
+++ b/startpage/index.html
@@ -0,0 +1,215 @@
+<!DOCTYPE html><html lang="utf-8">
+<!--
+       /.\
+       Y  \    " ALL RIGHTS RESERVED
+      /   "└─  AND COPYRIGHTED BY JUYOUNG LEE "
+     //  "/                  
+     |/ /\==========================================
+     / /┌──────────────────────────────────────────┐
+    / /	│Copyright © Juyoung Lee     juyounglee.tk │
+    \/	│ Email :                                  │
+        │ Facebook :    (Juyoung Lee)              │
+        └──────────────────────────────────────────┘
+        ││                                        ││
+           7++++++++++                    ,??????????  
+        7  7++++++++++  7              .  ,??????????  .    
+        7+++++++++++++++7              .???????????????.   
+      7++++++++++++++++++++          ???????????????????? 
+      7++++++++++++++++++++         .????????????????????   
+      7++++++++++++++++++++         .????????????????????  
+      7++++++++++++++++++++         .????????????????????
+    777++++++++++++++++++++7      ..,????????????????????. 
+    +++++++++++++++++++++++++     ????????????????????????? 
+    +++++++++++++++++++++++++     ?????????????????????????
+    +++++++++++++++++++++++++     ?????????????????????????
+      7++++++++++++++++++++         .????????????????????
+      7++++++++++++++++++++         .????????????????????
+      7++++++++++++++++++++         .????????????????????  
+      777+++++++++++++++777         ...???????????????... 
+         7+++++++++++++++7             .???????????????.
+           7++++++++++                   ,??????????
+      7++++++++++++++++++++          .????????????????????
+    77++++++++++++++++++++77       ..????????????????????..
+    +++++++++++++++++++++++++      ?????????????????????????
+    +++++++++++++++++++++++++      ?????????????????????????
+    +++++++++++++++++++++++++      ?????????????????????????
+    +++++++++++++++++++++++++      ?????????????????????????
+    +++++++++++++++++++++++++      ?????????????????????????
+
+-->
+    <head>
+	<script type="text/javascript">
+	if (top.location != self.location) {
+		top.location = self.location;
+	}
+	</script>
+	<?php /* prevents this page from being loaded inside an iframe */ ?>
+	<meta http-equiv="content-type" content="text/html; utf-8">		<meta name="public" content="global">	<meta name="robots" content="INDEX, FOLLOW">	<meta name="revisit-after" content="2 weeks">	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
+	<meta name="title" content=":: Shortcut - juyounglee.tk ::">
+	<meta name="description" content="Juyounglee.tk provides you following services. Shortcuts to Canvas, Volunteer Opportunity and other interesting stuffs. ">	<meta name="keywords" content="juyoungleetk, Juyoung Lee, Shortcut Juyoung">
+	<meta name="author" content="Juyoung Lee">	<meta name="publisher" content="Juyoung Lee">	<meta name="contact address" content="@gmail.com">	<meta name="copyright" content="Juyoung Lee">
+
+	<title>:: Shortcut - juyounglee.tk ::</title>
+	<link href="_img/favicon.ico" rel="icon" type="image/x-icon"/>
+	<script type="text/javascript" src="_jquery/jquery-1.10.2.min.js"></script>
+	<?php /* a leading "/" in the src path goes up one directory level from the current file */ ?>
+	<script>
+	setTimeout("history.go(0);", 1800000); <?php // 1000 = 1sec, 60000 = 1min ?>
+	start = 1800; <?php // timer starting value — remove the last three zeros from the setTimeout value above ?>
+	function timer(){
+		if(start>=0){
+			times.innerHTML=start;
+			setTimeout('timer()',1000);
+		}
+		start--;
+	}
+	</script>
+	<style type="text/css">
+	*{font-family: sans-serif, verdana, arial; text-align:center; position:auto;}
+	#header{margin: -28px -8px -60px -8px; border-width: 90px 13px 0px 13px; border-style: solid; border-color: #ff9900; box-shadow: 0px 0px 10px 0px;   -moz-box-shadow:0px 0px 10px 0px; -webkit-box-shadow:0px 0px 10px 0px; font-size: 0px;}
+	#notice{margin: 0px -8px; background-color:red; color:#ffffff; font-size:12px; padding: 3px;}
+	#notice:hover{color:yellow;}
+	<?php $notice="I'm learning Web Languages by myself and designed this page for fun." /* set the notice bar message here */ ?>
+	#bgbtn1{border: 1px solid gray; background-color: pink; cursor: pointer;}
+	#bgbtn2{border: 1px solid gray; background-color: #ffcc99; cursor: pointer;}
+	#bgbtn3{border: 1px solid gray; background-color: yellow; cursor: pointer;}
+	#bgbtn4{border: 1px solid gray; background-color: lightgreen; cursor: pointer;}
+	#bgbtn5{border: 1px solid gray; background-color: #99ffcc; cursor: pointer;}
+	#bgbtn6{border: 1px solid gray; background-color: skyblue; cursor: pointer;}
+	#bgbtn7{border: 1px solid gray; background-color: #9999ff; cursor: pointer;}
+	#bgbtn8{border: 1px solid gray; background-color: #cc99ff; cursor: pointer;}
+	#link1{border:1px solid; border-radius: 10px; background-color:white; height:140px;width:140px; cursor: pointer; margin:7px; font-size: 12px; color: #181818; font-weight:600;opacity:0.7; filter:alpha(opacity=70);}
+	#link1:hover{opacity:1.0; filter:alpha(opacity=100); height:145px;width:145px;font-size: 15px;}
+	#link2{border:1px dashed; border-radius: 10px; background-color:transparent; height:140px;width:140px; cursor: not-allowed;  margin:7px; font-size: 12px; color: #181818; opacity:0.6; filter:alpha(opacity=60);}
+
+	#img1{width:100px; height:100px; border-radius:5px;}
+	#img2{width:120px; height:70px; padding-top: 15px; padding-bottom:15px; border-radius:5px;}
+	</style><?php /* img1 and img2 are set to 100x100px — if you need a different height, adjust padding-top and padding-bottom to compensate (e.g., height: 90px means padding-top: 5px and padding-bottom: 5px) */ ?>
+	</head>
+	<body id="bgcolor" onload="timer()"><?php /* <script>alert("If you use Safari, following page may differ from other browsers.");</script> */ ?><div id="header"></div><?php /* banner — uncomment to show: <img align="left" src="_img/banner.PNG"> */ ?>
+	<?php /* Facebook comments section */ ?>
+	<div id="fb-root"></div>
+	<script>(function(d, s, id) {
+	var js, fjs = d.getElementsByTagName(s)[0];
+	if (d.getElementById(id)) return;
+	js = d.createElement(s); js.id = id;
+	js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
+	fjs.parentNode.insertBefore(js, fjs);
+	}(document, 'script', 'facebook-jssdk'));</script>
+	<?php /* shows the user's screen size and browser */?>
+	<div style="text-align:right; font-size:13px;"><a href="http://www.facebook.com/" target="_blank"><img src="_img/char.png" width="18px" height="18px"></a>&nbsp;
+	<label>
+	<script type="text/javascript">
+	navigator.sayswho= (function(){
+    var N= navigator.appName, ua= navigator.userAgent, 
+    M= ua.match(/(opera|chrome|safari|firefox|msie)\/?\s*([\d\.]+)/i);
+    if(M && (tem= ua.match(/version\/([\.\d]+)/i))!= null) M[2]= tem[1];
+    M= M? [M[1], M[2]]:[N];
+    return M.join(' ');
+	})();
+	document.write('currently display size '+(screen.width+'x'+screen.height).fontsize("2").fontcolor("#000000").bold()+', browser type '+(navigator.sayswho).fontsize("2").fontcolor("#0000000").bold());
+	</script><?php  $ip=$_SERVER['REMOTE_ADDR']; echo", ip "?><span style="font-size:2; font-weight:bold; text-decoration:none"><?php echo"$ip" ?></span></label>
+	<?php /* background color switcher — targets the body element with id="bgcolor" */ ?>
+	<script type="text/javascript">
+	$(document).ready(function(){
+		$(bgcolor).css("backgroundImage","url(_img/2.jpg)"); <?php /* default background image */ ?>
+		$(bgbtn1).click(function() {
+			$(bgcolor).css("backgroundImage","url(_img/1.jpg)");
+		});
+		$(bgbtn2).click(function() {
+			$(bgcolor).css("backgroundImage","url(_img/2.jpg)");
+		});
+		$(bgbtn3).click(function() {
+			$(bgcolor).css("backgroundImage","url(_img/3.jpg)");
+		});	
+		$(bgbtn4).click(function() {
+			$(bgcolor).css("backgroundImage","url(_img/4.jpg)");
+		});	
+		$(bgbtn5).click(function() {
+			$(bgcolor).css("backgroundImage","url(_img/5.jpg)");
+		});	
+		$(bgbtn6).click(function() {
+			$(bgcolor).css("backgroundImage","url(_img/6.jpg)");
+		});	
+		$(bgbtn7).click(function() {
+			$(bgcolor).css("backgroundImage","url(_img/7.jpg)");
+		});
+		$(bgbtn8).click(function() {
+			$(bgcolor).css("backgroundImage","url(_img/8.jpg)");
+		});
+	});
+	</script><br/>
+	<span style="font-size:9px">&nbsp;</span>
+	<input type="button" id="bgbtn1" value="">&nbsp;<input type="button" id="bgbtn2" value="">
+	<input type="button" id="bgbtn3" value="">&nbsp;<input type="button" id="bgbtn4" value="">
+	<input type="button" id="bgbtn5" value="">&nbsp;<input type="button" id="bgbtn6" value="">
+	<input type="button" id="bgbtn7" value="">&nbsp;<input type="button" id="bgbtn8" value=""><br/>
+	</div>
+
+	<br/><br/><?php /* notice bar */ ?><label><div id="notice"><?php echo"Welcome! $notice&nbsp; " ?></div></label><br/>
+
+	<?php /* buttons below link out to different sites — other onclick options you can use: location.href, window.location.href, history.go(-1), history.go(1), window.location.reload(), window.close() */ ?>
+	<?php /* to enable a disabled button: change id from link2 to link1, swap in the right image, update the label, and add the URL. to move a button around: cut the whole button block, drop a placeholder comment where it was, paste it in the new spot, then remove the placeholder */ ?>
+	<button onclick="window.open(' ')" id="link1">Favorites<br/>
+	<img src="" id="img1"></button>
+	
+	<button onclick="window.open('https://instructure.com/')" id="link1">Canvas<br/>
+	<img src=" " id="img1"></button>
+	
+	<button onclick="window.open('http://wordpress.com/')" id="link1"> <br/>
+	<img src=" .jpg" id="img1"></button>
+	
+	<button onclick="window.open('https://www.facebook.com')" id="link1">Facebook Page<br/>
+	<img src=" .png" id="img1"></button><br/>
+	
+	<?php /* second row of buttons */ ?>
+	<button onclick="window.open('https://sites.google.com')" id="link1">Volunteer<br/>
+	<img src="_img/GVC logo.PNG" id="img1"></button>
+	
+	<button onclick="window.open('https://www.facebook.com')" id="link1"> <br/>
+	<img src="https://.jpg" id="img1"></button>
+	
+	<button onclick="window.open('https://www.webassign.net')" id="link1">Web Assign<br/>
+	<img src=" .png" id="img1"></button>
+	
+	<button onclick="window.open(' ')" id="link1"> <br/>
+	<img src=" .png" id="img1"></button><br/>
+	
+	<?php /* third row of buttons */ ?>
+	<button onclick="window.open(' ')" id="link1"> <br/>
+	<img src=" .gif" id="img1"></button>
+	
+	<button onclick="window.open('.tk')" id="link1"> <br/>
+	<img src="_img/.png" id="img1"></button>
+	
+	<button onclick="window.open('')" id="link2">Any Suggestion?<br/>
+	<img src=".jpg" id="img1"></button>
+	
+	<button onclick="window.open('')" id="link2">Any Suggestion?<br/>
+	<img src=".jpg" id="img1"></button><br/>
+	
+	<?php /* fourth row of buttons */ ?>
+	<button onclick="window.open('')" id="link2">Any Suggestion?<br/>
+	<img src=".jpg" id="img1"></button>
+
+	<button onclick="window.open('')" id="link2">Any Suggestion?<br/>
+	<img src=".jpg" id="img1"></button>	
+	
+	<button onclick="window.open('http://')" id="link1"> <br/>
+	<img src="favicon.ico" id="img1"> </button>
+	
+	<button onclick="window.open('http://www.facebook.com/')" id="link1">Developer<br/>
+	<img src=" .jpg" id="img1"></button><br/><br/>
+	
+	<?php /* Twitter embedded timeline widget */ ?>
+	<a class="twitter-timeline"  href="https://twitter.com/"  data-widget-id=" "></a>
+    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><br/><br/>
+	
+	<?php /* Facebook comments section */ ?>
+	<div class="fb-comments" data-href="http://juyounglee.tk" data-width="500" data-numposts="4" data-colorscheme="light"></div><br/>
+	
+	<hr/><label>
+	<div style="color:black; font-size:12px">Copyright©2014 Juyoung Lee All Rights Reserved | <a href="mailto: ?subject=JUYOUNGLEE.TK%20Report&body=%0D&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;%0D# Please write your message on top of the line.%0D# This email will receive no reply. Thank you.%0D%20%20http://juyounglee.tk" style="color:black; text-decoration:none">Having Problems?</a> | <a href="http://www.facebook.com/" target="_blank" style="color:black; text-decoration:none">Visit Developer's Facebook</a></div></label>
+
+	</body>
+	</html>
