-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html.OLD
154 lines (150 loc) · 6.45 KB
/
index.html.OLD
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html>
<head>
<title>Game Players Hub</title>
<link rel="stylesheet" type="text/css" href="GPHStyles.css" />
</head>
<body>
<header>
<!-- BEGIN headerContent -->
<div id="headerContent">
<p id="tagLine">
Video game news, reviews and a place to be heard.</p>
<nav>
<a class="current" href="index.html">Home</a> <a href="games.html">Games</a> <a href="articles.html">
Articles</a> <a href="about.html">About</a>
</nav>
<!-- BEGIN featured -->
<article id="featured">
<img src="articles/photos/Battlefield3.jpg"/>
<!--<div id="featuredArticleBlock">
<h1>
Battlefield 3 Blah</h1>
<p class="articleMiniText">
by So and So</p>
<p class="articleMiniText">
Date: 12/21/2012</p>
<div class="articleSummary">
<p>
Okay, in many ways not a traditional game, but the graphics and unique gameplay
will astound you. Not the future of gaming, so to speak, but certainly a clever
take on the genre...you'll be thinking and talking about this game for a long time.</p>
<a href="#" class="readMoreLink">Read more »</a>
</div>
</div>-->
<div id="featuredGameInfoBlock">
<div class="titleDetails">
<h1>
Some Game Title Here</h1>
<p class="articleMiniText">
Published by: <a href="#">some company</a>, etc</p>
<p class="articleMiniText">
Developed by: <a href="#">whatever company</a>, etc</p>
<p class="articleMiniText">
Genre:
</p>
<p class="articleMiniText">
Platform:
</p>
</div>
<div id="featuredGameScoreBlock">
<h1 class="score90_100">
97%</h1>
</div>
<hr class="gameInfoAuthorDivider" />
</div>
<div id="featuredArticleBlock">
<h1>
Battlefield 3 Blah</h1>
<p class="articleMiniText">
by So and So</p>
<p class="articleMiniText">
Date: 12/21/2012</p>
<div class="articleSummary">
<p>
Okay, in many ways not a traditional game, but the graphics and unique gameplay
will astound you. Not the future of gaming, so to speak, but certainly a clever
take on the genre...you'll be thinking and talking about this game for a long time.</p>
<a href="#" class="readMoreLink">Read more »</a>
</div>
</div>
</article>
<!-- END featured -->
</div>
<!-- END headerContent -->
</header>
<div id="headerBottomDivider">
</div>
<div id="headerBottomShadow">
</div>
<section id="articles">
<article>
<div class="articleBlock">
<h1 class="articleTitle">
Some Article About Something</h1>
<p class="articleMiniText">
by So and So</p>
<p class="articleMiniText">
Date: 12/21/2012</p>
<div class="articleSummary">
<img class="articlePhoto" src="images/Battlefield-3-Wallpaper-image.jpg" />
<p>
Okay, in many ways not a traditional game, but the graphics and unique gameplay
will astound you. Not the future of gaming, so to speak, but certainly a clever
take on the genre...you'll be thinking and talking about this game for a long time.</p>
<a href="#" class="readMoreLink">Read more »</a>
</div>
</div>
</article>
<article class="review">
<div class="gameInfoBlock">
<div class="titleDetails">
<h1 class="gameTitle">
Some Game Title Here</h1>
<p class="articleMiniText">
Published by: <a href="#">some company</a>, etc</p>
<p class="articleMiniText">
Developed by: <a href="#">whatever company</a>, etc</p>
<p class="articleMiniText">
Genre:
</p>
<p class="articleMiniText">
Platform:
</p>
</div>
<div class="scoreBlock">
<h1 class="score90_100">
97%</h1>
<table>
<tr>
<th>
Criteria
</th>
<td>
xx%
</td>
</tr>
</table>
</div>
</div>
<hr class="gameInfoAuthorDivider" />
<div class="articleBlock">
<h2>
Some subtitle</h2>
<p class="articleMiniText">
by So and So</p>
<p class="articleMiniText">
Date: 12/21/2012</p>
<div class="articleSummary">
<img class="articlePhoto" src="images/Battlefield-3-Wallpaper-image.jpg" />
<p>
Okay, in many ways not a traditional game, but the graphics and unique gameplay
will astound you. Not the future of gaming, so to speak, but certainly a clever
take on the genre...you'll be thinking and talking about this game for a long time.</p>
<a href="#" class="readMoreLink">Read more »</a>
</div>
</div>
</article>
</section>
</body>
</html>