-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·66 lines (66 loc) · 6.48 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Innovation's 25 Under 25</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Innovation's 25 Under 25" />
<meta name="keywords" content="thumbnails, jquery, proximity, effect, css3, scale, mouse, hover" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body id="page">
<div class="container">
<header>
<a href="http://www.princetoninnovation.org"><img src="images/Logo_Full.png" alt="Innovation Logo" width="260" height="96"></a>
<h1>25 <span>Under</span> 25</h1>
</header>
<img src="images/close.png" id="close"></img>
<div id="fullDescript">
</div>
<section class="pe-container">
<ul id="pe-thumbs" class="pe-thumbs">
<div id="thumb1"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>Since time, and his predestinated end</p></div></a></li></div>
<div id="thumb2"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>John</h3><p>Abridged the circuit of his hopeful days</p></div></a></li></div>
<div id="thumb3"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Jane</h3><p>Whiles both his youth and virtue did intend</p></div></a></li></div>
<div id="thumb4"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>The good endeavors of deserving praise</p></div></a></li></div>
<div id="thumb5"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>What memorable monument can last</p></div></a></li></div>
<div id="thumb6"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>Whereon to build his never-blemished name</p></div></a></li></div>
<div id="thumb7"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>But his own worth, wherein his life was graced</p></div></a></li></div>
<div id="thumb8"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>Sith as that ever he maintained the same?</p></div></a></li></div>
<div id="thumb9"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>Oblivion in the darkest day to come</p></div></a></li></div>
<div id="thumb10"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>When sin shall tread on merit in the dust</p></div></a></li></div>
<div id="thumb11"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>Cannot rase out the lamentable tomb</p></div></a></li></div>
<div id="thumb12"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>Of his short-lived deserts; but still they must</p></div></a></li></div>
<div id="thumb13"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>Even in the hearts and memories of men</p></div></a></li></div>
<div id="thumb14"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>Claim fit respect, that they, in every limb</p></div></a></li></div>
<div id="thumb15"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>Remembering what he was, with comfort then</p></div></a></li></div>
<div id="thumb16"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>May pattern out one truly good, by him</p></div></a></li></div>
<div id="thumb17"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>For he was truly good, if honest care</p></div></a></li></div>
<div id="thumb18"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>Of harmless conversation may commend</p></div></a></li></div>
<div id="thumb19"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>Ill recompensed only in his end</p></div></a></li></div>
<div id="thumb20"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>Nor can the tongue of him who loved him least</p></div></a></li></div>
<div id="thumb21"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>To one superlative above the rest</p></div></a></li></div>
<div id="thumb22"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>Of many men in steady faith reprove</p></div></a></li></div>
<div id="thumb23"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>His constant temper, in the equal weight</p></div></a></li></div>
<div id="thumb24"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>Of thankfulness and kindness: Truth doth leave</p></div></a></li></div>
<div id="thumb25"><li><a href="#"><img src="images/thumbs/stephen.jpg" /><div class="pe-description"><h3>Stephen</h3><p>Sufficient proof, he was in every right</p></div></a></li></div>
</ul>
</section>
<footer>
<p>© 2014 Innovation Magazine</p>
</footer>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.proximity.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>