forked from yairEO/photobox
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
56 lines (55 loc) · 2.36 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
<!DOCTYPE HTML>
<!--
/*
* Photobox
*
* Copyright 2012, Yair Even Or
* https://dropthebit.com
*
* Licensed under the MIT license:
* http://www.opensource.org/licenses/MIT
*/
-->
<html lang="en">
<head>
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<meta charset="utf-8">
<title>Photobox - CSS3 image gallery modal viewer</title>
<meta name="description" content="A lightweight CSS3 image gallery that is pretty to look and and easy to use">
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" href="favicon.ico"/>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="photobox/photobox.css">
<!--[if lt IE 9]><link rel="stylesheet" href="photobox/photobox.ie.css"><![endif]-->
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src='photobox/photobox.js'></script>
</head>
<body>
<div id='wrap'>
<div class='main'>
<h1>Photobox</h1>
<h2>CSS3 image gallery jQuery plugin</h2>
<p>A lightweight image gallery modal window script which uses only CSS3 for silky-smooth animations and transitions.
The goal was to great an image gallery script that utilizes GPU rending instead is the 90% scripts out there which are
using javascript to move things around the old fashioned way.</p>
<p>Supports: Firefox, Chrome and IE8+</p>
<a href='https://github.com/yairEO/photobox' class='btn btn-primary btn-large'>Github project page</a>
<footer>By Yair Even Or 2012 <a href='http://dropthebit.com/500/photobox-css3-image-gallery-jquery-plugin/'>dropthebit.com</a></footer>
</div>
<div id='gallery'></div>
</div>
<script src='main.js'></script>
<script type="text/rocketscript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-26520680-1']);
_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>