-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (106 loc) · 5.58 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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" lang="en">
<head>
<title> Free Street Games
</title>
<link href="https://fonts.googleapis.com/css?family=Exo|Titillium+Web" rel="stylesheet">
<link href="css/base.css" media="screen" rel="stylesheet" type="text/css" />
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<!-- <link href="http://cdn0.yepi.com/assets/locale_en-875f0d42a52ff5536404da8fda8d423b.css" media="screen" rel="stylesheet" type="text/css" />-->
<script src="https://apis.google.com/js/platform.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/eiabpbaanbaekcehpmkmlfjenmafakjf">
<meta property="og:title" content="Free Street Games"/>
<link rel="canonical" href="http://freestreetgames.com"/>
<meta property="og:description" content="Free Street Games"/>
<meta name="description" content="Free Street Games"/>
<meta property="og:type" content="website"/>
<meta property="og:site_name" content="freestreetgames.com"/>
<meta property="og:image" content="assets/img/final_logo2.png"/>
<meta name="keywords" content="download games,free games download, free downloadable games,download game,play games, free street games, freestreetgames.com"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--<meta name="dailymotion-domain-verification" content="dm8duxgr2tffq4uvw"/>-->
<link rel="image_src" href="assets/img/final_logo2.png"/>
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.freestreetgames.com"/>
<link rel="alternate" media="only screen" href="http://m.freestreetgames.com"/>
</head>
<body class="body-one">
<div id="content">
<div id="header_container">
<div id="header_content">
<div class="curved-header" style="float:left; margin-right: 35px;">
<a href="/"><img alt="Street games" class="device-img" src="assets/img/logo_black.png" title="Free Street Games" /></a>
</div>
</div>
</div>
</div>
<div class="curved-sidebar" style="float:left; margin-right: 35px;">
<div>
<input class="curved-searchbar" type="text" name="search"></input>
</div>
<div class="curved-categories"></div>
<div class="curved-gamesplayed">
<ul class="gamesplayed">
<li class="gamesplayedlist">
<img class="device-img" src="assets/img/game1.png" />
</li>
<li class="gamesplayedlist">
<img class="device-img" src="assets/img/game2.png" />
</li>
<li class="gamesplayedlist">
<img class="device-img" src="assets/img/game3.png" />
</li>
</ul>
</div>
<div class="curved-language">
<img class="flags" src="assets/img/flags.png" />
</div>
</div>
<div class="container-fluid main-container">
<a href="#">
<img data-toggle="modal" data-target="#myModal" class="game-container" src="assets/img/big_game1.png" />
</a>
<a href="#">
<img data-toggle="modal" data-target="#myModal" class="game-container" src="assets/img/big_game2.png" />
</a>
<a href="#">
<img data-toggle="modal" data-target="#myModal" class="game-container" src="assets/img/big_game3.png" />
</a>
<a href="#">
<img data-toggle="modal" data-target="#myModal" class="game-container" src="assets/img/big_game4.png" />
</a>
<a href="#">
<img data-toggle="modal" data-target="#myModal" class="game-container" src="assets/img/big_game5.png" />
</a>
<a href="#">
<img data-toggle="modal" data-target="#myModal" class="game-container" src="assets/img/big_game6.png" />
</a>
</div>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header game-popup-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Game Title</h4>
</div>
<div class="modal-body game-popup-body">
<p class="col-md-8">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="col-md-4"><img class="game-container" src="assets/img/big_game1.png" />
</p>
</div>
<div class="modal-footer game-popup-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Let's Play</button>
</div>
</div>
</div>
</div>
</body>
</html>