<html>
<head>
<meta charset="utf-8">
<title>Keta Biz Card using JS</title>
<meta charset="utf-8" />
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
</head>
<body>
<div class="bigImage">
<div class="info">
<div class='imgContainer'>
<div class="circleImg"></div>
</div>
<h1>Keta Patel</h1>
<hr class="hr-long" />
<p><b>Experience + Strategy Designer</b> passionate about user centered design, looking for a fulltime position.
<br> <a id="linkage" href="http://www.ketapatel.com" target="_blank"><i>ketapatel.com</i></a>
</p>
<hr class="hr-long" />
<h2> Countdown to graduation </h2>
<h3><div id="countdown"></div> </h3>
<ul>
<li>
<a target="_blank" href="https://twitter.com/KetaPatel">
<div class="icon twitter"></div>
</a>
</li>
<li>
<a href="www.linkedin.com/pub/keta-patel/11/242/a69/">
<div class="icon linkedin"></div>
</a>
</li>
<li>
<a href="https://vimeo.com/user1704300">
<div class="icon vimeo"></div>
</a>
</li>
</ul>
<a class="twitter-timeline" width="300" height="275" data-chrome="nofooter transparent" href="https://twitter.com/KetaPatel" data-widget-id="447920229444620288">Tweets by @KetaPatel</a>
</div>
</div>
</body>
</html>
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |