-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
52 lines (40 loc) · 2.11 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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Thumbnail Hover State Overlay</title>
<meta name="description" content="CSS3 based image overlay effect with transitions, gradients, shadows and more.">
<meta name="keywords" content="thumbnail, hover, state, overlay, css3, transitions, gradients, border, free, download, john, sardine, johnsardine, orman, clark">
<meta name="author" content="http://johnsardine.com/">
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<h1 class="aligncenter heading">Thumbnail Hover State Overlay</h1>
<br/>
<p class="aligncenter">No javascript, no images besides the ones from the project, just pure css. Built for modern browsers.</p>
<br/>
<!-- Copy from here -->
<ul id="projects" class="aligncenter">
<li><a href="#" title=""><img src="images/driving-miss-daisy.jpg" alt=""/><span>Driving Miss Daisy</span></a></li>
<li><a href="#" title=""><img src="images/meat-sweats.jpg" alt=""/><span>Meat Sweats</span></a></li>
</ul>
<!-- til here -->
<br/>
<h3 class="download"><a href="http://johnsardine.com/get/thumb-hover-state-css3.zip" title="">Download</a></h3>
<br/>
<p class="aligncenter">Created by <a href="http://www.premiumpixels.com/freebies/thumbnail-hover-state-overlay-psd/" title="" target="_blank">Orman Clark</a> & Coded By <a href="http://twitter.com/johnsardine" class="center" title="" target="_blank">@JohnSardine</a></p>
<p class="aligncenter"><a href="http://johnsardine.com/" title="" target="_blank"><strong>–</strong></a></p>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12994732-3']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>