ldview/prototypes/layout/layout.html

98 lines
2.5 KiB
HTML
Raw Normal View History

2014-01-06 12:08:44 +01:00
<html>
<head>
<title>ldview layout prototype</title>
2014-04-03 22:08:11 +02:00
<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/imagesloaded-3.1.4.pkgd.min.js"></script>
<script type="text/javascript" src="js/masonry.pkgd.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
2014-01-06 12:08:44 +01:00
2014-04-03 22:08:11 +02:00
<link type="text/css" rel="stylesheet" href="css/layout.css"></link>
2014-01-06 12:08:44 +01:00
2014-04-03 22:08:11 +02:00
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
2014-01-06 12:08:44 +01:00
</head>
<body>
2014-04-03 22:08:11 +02:00
<h1>LDVIEW</h1>
2014-01-06 12:08:44 +01:00
2014-04-03 22:08:11 +02:00
<div id="overlay">
<button>x</button>
2014-01-06 12:08:44 +01:00
2014-04-03 22:08:11 +02:00
<img width="800" height="600" src="http://www.ludumdare.com/compo/wp-content/compo2/308734/7890-shot0.jpg">
2014-01-06 12:08:44 +01:00
2014-04-03 22:08:11 +02:00
<div class="content">
<h1>Ultra Chase</h1>
<h2>dooglz - 48 Hour Compo Entry</h2>
<i class="fa fa-linux fa-5x"></i>
<i class="fa fa-apple fa-5x"></i>
<i class="fa fa-windows fa-5x"></i>
</div>
2014-01-06 12:08:44 +01:00
</div>
2014-04-03 22:08:11 +02:00
<div id="games">
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
2014-01-06 12:08:44 +01:00
</div>
</body>
</html>