forked from foundation/foundation-sites
/
prototype-example1.php
110 lines (99 loc) · 4.05 KB
/
prototype-example1.php
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<?
$page_title = "Games Site Prototyping Example";
$featuresTab = true;
?>
<?php include("includes/_header.php"); ?>
<!-- Grid BG -->
<div id="gridBgShort" class="container hide-on-phones">
<div class="white-fade"></div>
<div class="row">
<div class="one columns"></div><div class="one columns hide-on-phones"></div><div class="one columns hide-on-phones"></div><div class="one columns hide-on-phones"></div><div class="one columns hide-on-phones"></div><div class="one columns hide-on-phones"></div><div class="one columns hide-on-phones"></div><div class="one columns hide-on-phones"></div><div class="one columns hide-on-phones"></div><div class="one columns hide-on-phones"></div><div class="one columns hide-on-phones"></div><div class="one columns hide-on-phones"></div>
</div>
</div>
<!-- /Grid BG -->
<div id="insideContainer" class="container">
<div class="row">
<a href="prototyping.php" class="back two columns">← About Prototyping</a>
<hr />
</div>
<div class="row">
<div class="eight columns">
<h3>Ye Olde Game Reviews</h3>
</div>
<div class="four columns hide-on-phones">
<p class="right"><a href="#">Login</a> <a href="#" class="small blue nice radius button">Sign Up</a>
</div>
<div class="four columns show-on-phones">
<p><a href="#">Login</a> <a href="#" class="">Sign Up</a>
</div>
</div>
<div class="row">
<div class="twelve columns">
<ul class="block-grid four-up">
<li>
<a href="#"><img src="http://placehold.it/240x300" /></a>
<h5><a href="#">Pong</a></h5>
</li>
<li>
<a href="#"><img src="http://placehold.it/240x300" /></a>
<h5><a href="#">Galaga</a></h5>
</li>
<li>
<a href="#"><img src="http://placehold.it/240x300" /></a>
<h5><a href="#">Pitfall</a></h5>
</li>
<li>
<a href="#"><img src="http://placehold.it/240x300" /></a>
<h5><a href="#">Donkey Kong</a></h5>
</li>
</ul>
</div>
</div>
<div class="row">
<hr />
</div>
<div class="row">
<div class="six columns">
<h4>Gaming News</h4>
<h5><a href="#">Games of the Future will have 16 Bits</a></h5>
<p>We don't even know what it means, but we heard from a trusted source that games in the future will have 16 whole bits in them. Get ready, we guess? <a href="#">Read More →</a></p>
<h5><a href="#">Does Nintendo Have Plans for Games?</a></h5>
<p>Japenese playing card manufacturer Nintendo may have ideas about entering the gaming industry. We've heard rumors they are working on something called Famicon, but take it with a grain of salt. We imagine Atari will dominate games for the next 20 or 30 years. <a href="#">Read More →</a></p>
</div>
<div class="six columns">
<h4>Top of the Charts</h4>
<div class="row">
<div class="two phone-one columns">
<a href="#"><img src="http://placehold.it/80x100" /></a>
</div>
<div class="ten phone-three columns">
<h5 class="right">$85k</h5>
<h4><a href="#">Tetris</a></h4>
<p>This newfangled game has you slotting together blocks in soviet Russia. Weird, but fun.</p>
</div>
</div>
<div class="row">
<div class="two phone-one columns">
<a href="#"><img src="http://placehold.it/80x100" /></a>
</div>
<div class="ten phone-three columns">
<h5 class="right">$52k</h5>
<h4><a href="#">Pong</a></h4>
<p>The original and best game ever. It's like Tennis, and so realistic!</p>
</div>
</div>
<div class="row">
<div class="two phone-one columns">
<a href="#"><img src="http://placehold.it/80x100" /></a>
</div>
<div class="ten phone-three columns">
<h5 class="right">$35k</h5>
<h4><a href="#">Centipede</a></h4>
<p>We're pretty sure this is a game about drugs, but it's on the charts, so here you go.</p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<?php include("includes/_footer.php"); ?>