Skip to content

Instantly share code, notes, and snippets.

@sei0o

sei0o/iPhone5SC.countdown.html

Created September 14, 2013 10:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sei0o/6561056 to your computer and use it in GitHub Desktop.
Save sei0o/6561056 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
iPhone5SC.countdown.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="iPhone5SC.countdown.css">
<link href='http://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'>
<!--<script src="iPhone5SC.countdown.js"></script>-->
</head>
<body>
<div class="icount">
<a href="http://apple.com/jp/iphone/">
<div class="bg">
<div class="cbox" style="background-color: #97EE45;"></div>
<div class="cbox" style="background-color: #F1F1F2;"></div>
<div class="cbox" style="background-color: #FF8282;"></div>
<div class="cbox" style="background-color: #5AC6FF;"></div>
<div class="cbox" style="background-color: #FDEB75;"></div>
</div>
<span style="display:block;position: absolute;top:90px;right:200px;font-family: 'Myriad Pro','Noto Sans';font-size: 36px;margin-top:-10px;">Countdown!</span>
<img src="images/5sc_title.png" style="display: block;position:absolute;top:13px;left:10px;"><br>
<img src="images/apple.png" style="display: block;position:absolute;width:100px;top:10px;right:20px;">
<span style="font-family: 'Helvetica Neue','Myriad Pro','Noto Sans';font-size: 80px;font-weight: lighter;display: block;position:absolute;top:70px;left:10px;">iOS 7</span>
<span style="display:block;position: absolute;right:15px;top:99px;font-family: 'Myriad Pro','Noto Sans';font-size: 95px" class="time">00:00:00</span>
<div class="images">
<img src="images/5C/5c_green.png">
<img src="images/5C/5c_white.png">
<img src="images/5C/5c_pink.png">
<img src="images/5C/5c_blue.png">
<img src="images/5C/5c_yellow.png">
</div>
<!-- <img src="http://images.apple.com/home/images/home_iphone5c_hero_green(color)_small.png"> -->
<!-- <img src="images.apple.com/home/images/home_iphone5c_hero_title_medium.png"> -->
</a>
<div class="gosite">
Go to Apple site.
</div>
<script src="iPhone5SC.countdown.js"></script>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment