forked from denisemarcelo/Sweden
-
Notifications
You must be signed in to change notification settings - Fork 0
/
GamingAndEsports.html.bak
121 lines (117 loc) · 3.57 KB
/
GamingAndEsports.html.bak
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
<html lang = "en">
<head>
<link rel="shortcut icon" type="image" href="FLAG.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link href="main.css" rel="stylesheet">
<meta charset="utf-8">
<title>Esports and Gaming</title>
</head>
<style>
body{
background-color: #66a3ff;
font-family: tahoma;
}
.Content{
background-color: #FFF8E7;
margin-top: 5px;
padding-top: 25px;
padding-bottom: 45px;
margin-right: 30px;
margin-left: 30px;
}
#h2{
text-align:center;
font-size:38;
font-family:Merriweather;
color:black;
}
.mcol { width: 400px; }
</style>
<body background= "bg.jpg" style="background-size:cover">
<header class="header">
<a href="" class="logo"><img src="FLAG.png" class="rounded-circle" height="35" width="35" alt="logo">SWEDEN</a>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="Restaurant.html">Restaurants</a></li>
<li><a href="place.html">Places</a></li>
<li><a href="celeb.html">Celebrities</a></li>
<li><a href="creators.html">Creators</a></li>
</ul>
</header>
<br><br><br>
<div class = "Content">
<center>
<table>
<th colspan = "3" id="h2">
<center>Famous Swedish Personalities in Gaming and Esports</center> <br>
</th>
<tr>
<td>
<center><img src = "Rekkles.jpg" width = "310px" height="195px"></center>
</td>
<td>
<center><img src = "YamatoCannon.jpg" width = "300px" height="195px"></center>
</td>
<td>
<center><img src = "Larssen.jpg" width = "300px" height="195px"></center>
</td>
</tr>
<tr>
<td>
<center><img src = "Treatz.jpg" width = "310px" height="195px"></center>
</td>
<td>
<center><img src = "Promisq.jpg" width = "300px" height="195px"></center>
</td>
<td>
<center><img src = "Olofmeister.jpg" width = "300px" height="195px"></center>
</td>
</tr>
<tr>
<td>
<center><img src = "pewdiepie.jpg" width = "300px" height="195px"></center>
</td>
<td>
<center><img src = "s4.jpg" width = "300px" height="195px"></center>
</td>
<td>
<center><img src = "jeb.jpg" width = "300px" height="195px"></center>
</td>
</tr>
<tr>
<td class="mrow">
</td>
<td>
<center><img src = "LadyAgnes.png" width = "300px"></center>
</td>
<td>
</td>
</tr>
</table>
</center>
<hr size = "1px" color = "black">
<center>
<h2>Explore the Gaming Industry! (click the image)</h2>
<table>
<tr>
<td>
<center><a href = "Valve.html"><img src = "Valve.jpg" width = "300px"></a></center>
</td>
<td>
<center><a href = "Minecraft.html"><img src = "Minecraft.png" height = "200px"></a></center>
</td>
<td>
<center><a href = "LEC.html"><img src = "LEC.jpg" width = "300px"></a></center>
</td>
</tr>
</table>
</center>
</div>
<br><br><br><br><br>
<footer>
<b>Designed by: Santillan, Lorenzo S.</b> <i>(no copyright infringement intended, for educational purposes only)</i>
</footer>
</body>
</html>