-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrent.html
243 lines (235 loc) · 11.2 KB
/
rent.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
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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!DOCTYPE html>
<html lang="en">
<head>
<title>GamesZone |Rent</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- font -->
<link href='https://fonts.googleapis.com/css?family=Josefin+Sans:400,100,100italic,300,300italic,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- script-->
<script src="js/vendor/jquery.min.js"></script> <!--navbar-toggle-->
<script src="js/vendor/bootstrap.js"></script> <!--navbar-toggle-->
</head>
<body>
<!-- banner -->
<div class="sub-banner">
<!-- Navbar -->
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html" class="navbar-brand"><h1>Games <img src="images/logo.png" alt=" "/> Zone</h1></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="hover_effect"><a href="index.html">Home</a></li>
<li class="hover_effect"><a href="games.html">Games</a></li>
<li class="hover_effect active"><a href="rent.html">Rent</a></li>
<li class="hover_effect"><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
</div>
<!--rent-->
<div class="rent-info-section">
<div class="content">
<div class="rent-game">
<h2>Rent Games</h2>
<div class="col-md-4 thumb">
<img src="images/rent/battlefront.jpg" alt="battlefront"/>
</div>
<div class="col-md-8 thumb-details">
<h4>Star Wars: Battlefront</h4>
<div class="item_info">
<ul>
<li><i class="glyphicon glyphicon-gbp"></i>£3/month</li>
<li><i class="glyphicon glyphicon-calendar"></i>Available - 14.Aug.2017</li>
<li><i class=" glyphicon glyphicon-cd"></i>for PS4</li>
</ul>
</div>
<p>Star Wars Battlefront captures everything that you can love about Star Wars. You can find hire adventure and fun above all else. It is imaginative and playful. Developer DICE has improved the classic original Battlefront.</p>
<form style="display: inline" action="rent-form.html" method="get"><button class="rent-button">Rent It</button></form>
</div>
<div class="clearfix"></div>
</div>
<div class="rent-game">
<div class="col-md-4 thumb">
<img src="images/rent/dragons_crown.jpg" alt="dragons_crown"/>
</div>
<div class="col-md-8 thumb-details">
<h4>Dragon's Crown</h4>
<div class="item_info">
<ul>
<li><i class="glyphicon glyphicon-gbp"></i>£3/month</li>
<li><i class="glyphicon glyphicon-calendar"></i>Available - 14.Aug.2017</li>
<li><i class=" glyphicon glyphicon-cd"></i>for PS4</li>
</ul>
</div>
<p>Dragon's Crown thrusts you into a fantastical medieval world packed with labyrinthine dungeons to explore, vile monstrosities to smite, and nearly endless online adventure. Your mission is to dive into the dank underworld, uncovering treasure and strengthening your mettle as you unlock the secret behind the ancient dragon threatening the world. </p>
<form style="display: inline" action="rent-form.html" method="get"><button class="rent-button">Rent It</button></form>
</div>
<div class="clearfix"></div>
</div>
<div class="rent-game">
<div class="col-md-4 thumb">
<img src="images/rent/horizon_zero_dawn_2017.jpg" alt="horizon_zero_dawn_2017" />
</div>
<div class="col-md-8 thumb-details">
<h4>Horizon Zero Dawn</h4>
<div class="item_info">
<ul>
<li><i class="glyphicon glyphicon-gbp"></i>£3/month</li>
<li><i class="glyphicon glyphicon-calendar"></i>Available - 14.Aug.2017</li>
<li><i class=" glyphicon glyphicon-cd"></i>for PS4</li>
</ul>
</div>
<p>Horizon Zero Dawn is an action role playing game exclusively for the PlayStation 4. As Horizon Zero Dawn’s main protagonist Aloy, a skilled hunter, explore a vibrant and lush world inhabited by mysterious mechanized creatures. Embark on a compelling, emotional journey and unravel mysteries of tribal societies</p>
<form style="display: inline" action="rent-form.html" method="get"><button class="rent-button">Rent It</button></form>
</div>
<div class="clearfix"></div>
</div>
<div class="rent-game">
<div class="col-md-4 thumb">
<img src="images/rent/injustice_2.jpg" alt="injustice_2" />
</div>
<div class="col-md-8 thumb-details">
<h4>Injustice 2</h4>
<div class="item_info">
<ul>
<li><i class="glyphicon glyphicon-gbp"></i>£3/month</li>
<li><i class="glyphicon glyphicon-calendar"></i>Available - 14.Aug.2017</li>
<li><i class=" glyphicon glyphicon-cd"></i>for PS4</li>
</ul>
</div>
<p>Injustice 2 is the super-powered sequel to the hit game Injustice: Gods Among Us that allows players to build and power up the ultimate version of their favorite DC characters. Featuring a massive selection of DC Super Heroes and Super-Villains, players can personalize iconic DC characters with unique and powerful gear earned throughout the game.</p>
<form style="display: inline" action="rent-form.html" method="get"><button class="rent-button">Rent It</button></form>
</div>
<div class="clearfix"></div>
</div>
<div class="rent-game">
<div class="col-md-4 thumb">
<img src="images/rent/mortal_kombat_x.jpg" alt="mortal_kombat_x"/>
</div>
<div class="col-md-8 thumb-details">
<h4>Mortal Kombat X</h4>
<div class="item_info">
<ul>
<li><i class="glyphicon glyphicon-gbp"></i>£3/month</li>
<li><i class="glyphicon glyphicon-calendar"></i>Available - 14.Aug.2017</li>
<li><i class=" glyphicon glyphicon-cd"></i>for PS4</li>
</ul>
</div>
<p>Experience the over-the-top, visceral fighting of MORTAL KOMBAT X! Bring the power of next-gen gaming to your mobile and tablet device with this visually groundbreaking fighting and card collection game. Assemble an elite team of Mortal Kombat warriors and prove yourself in the greatest fighting tournament on Earth.</p>
<form style="display: inline" action="rent-form.html" method="get"><button class="rent-button">Rent It</button></form>
</div>
<div class="clearfix"></div>
</div>
<div class="rent-game">
<div class="col-md-4 thumb">
<img src="images/rent/steel_division_normand.jpg" alt="steel_division_normand"/>
</div>
<div class="col-md-8 thumb-details">
<h4>Steel Division: Normandy 44</h4>
<div class="item_info">
<ul>
<li><i class="glyphicon glyphicon-gbp"></i>£3/month</li>
<li><i class="glyphicon glyphicon-calendar"></i>Available - 14.Aug.2017</li>
<li><i class=" glyphicon glyphicon-cd"></i>for PS4</li>
</ul>
</div>
<p>Steel Division: Normandy is a tactical real-time strategy (RTS) game that pits players against AI enemies in a single-player campaign -- or against several opponents in massive 10-on-10 multiplayer battles.</p>
<form style="display: inline" action="rent-form.html" method="get"><button class="rent-button">Rent It</button></form>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--footer-->
<footer>
<div class="container">
<div class="col-md-3 footer-left">
<a href="contact.html"><h4>Contact</h4></a>
<ul>
<li><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span></li>
<li><a href="mailto:example@mail.com"><h6>info@gamezone.com</h6></a></li>
</ul>
<ul>
<li><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span></li>
<li><h6>+4407542154544</h6></li>
</ul>
<ul>
<li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span></li>
<li><h6>2 Grove St, Durham</h6></li>
</ul>
<ul>
<li><span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span></li>
<li><h6>(0044)1245 5425 547</h6></li>
</ul>
<div class="social-media">
<h3>Social Media</h3>
<span></span>
<ul>
<li><a href="https://www.facebook.com/" class="facebook"></a></li>
<li><a href="https://twitter.com/" class="twt"></a></li>
<li><a href="https://www.instagram.com" class="instagram"></a></li>
<li><a href="https://www.youtube.com" class="youtube"></a></li>
</ul>
</div>
</div>
<div class="col-md-5 footer-middle">
<h4>Latest Games</h4>
<div class="col-md-3 img-agile">
<a><img src="images/late_night_in_the_woods.jpg" alt="NIGHT IN THE WOODS"/></a>
<p class="absolute-text">NIGHT IN THE WOODS.</a> </p>
</div>
<div class="col-md-3 img-agile">
<a><img src="images/late_project-cars-2.jpg" alt="PROJECT CAR 2"/></a>
<p class="absolute-text">PROJECT CAR</a> </p>
</div>
<div class="col-md-3 img-agile">
<a><img src="images/late_Far-Cry-Primal.jpg" alt="FAR CRY PRIMAL"/></a>
<p class="absolute-text">FAR CRY</a> </p>
</div>
<div class="col-md-3 img-agile">
<a><img src="images/late_rime.jpg" alt="Rime"/></a>
<p class="absolute-text">RiME</a> </p>
</div>
<div class="col-md-3 img-agile footer-middle-three">
<a><img src="images/late_prey.jpg" alt="Prey 2017"/></a>
<p class="absolute-text">PReY 2017</a> </p>
</div>
<div class="col-md-3 img-agile footer-middle-three">
<a><img src="images/late_for_honor.jpg" alt="For Honor"/></a>
<p class="absolute-text">FOR HONOR</a> </p>
</div>
<div class="col-md-3 img-agile footer-middle-three">
<a><img src="images/late_yooka_laylee.jpg" alt="Yooka-Laylee" /></a>
<p class="absolute-text">YOOKA LAYLEE</a> </p>
</div>
<div class="col-md-3 img-agile footer-middle-three">
<a><img src="images/late_dawn_of_war.jpg" alt="Dawn of War III" /></a>
<p class="absolute-text">DAWN OF WAR</a> </p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-4 footer-right">
<a href="/"><h4>Games <img src="images/logo2.png" alt="logo xbox" /> Zone</h4></a>
<p>Game Zone is a multi-format gaming site aiming to bring for you previews, features, news, reviews, and possibility to rent and enjoy your favorite games</p>
</div>
</div>
</footer>
<div class="clearfix"></div>
<!-- Custom scripts -->
<script src="js/script.js"></script>
</body>
</html>