-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
69 lines (54 loc) · 2.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
if (screen.width <= 699) {
document.location = "mobile.html";
}
</script>
<meta charset="UTF-8">
<title>MetSec</title>
<link rel="stylesheet" href="res/css/style.css">
<link rel="stylesheet" href="res/css/index.css">
<!--This page was designed on 1920x1080 screens so rip anyone on 4k i can't test on your monster screens pls no bulli-->
</head>
<body>
<div class="container">
<div class="flex" id="r1">
<a href="index.html"> <div class="content">MetSec</div> </a>
</div>
<div class="flex" id="r2">
<img class="content scale" src="res/Red Panda Walking.jpg" alt="A red panda"/>
<div class="content">
<span>I'm a Security Engineer based in Cardiff</span> <br><br>
<span>Most of the time I break computers, sometimes I fix them</span>
</div>
</div>
<div class="flex" id="r3">
<div class="content">
<span>I also like making Capture the Flag events to teach people
the basics of hacking and incident response!</span>
<span>If you want to get involved as a contributor or participant in the metsec CTF, get in touch!</span>
</div>
</div>
<div class="flex" id="r4">
<div class="content">
<span>Did you know:</span> <br><br>
<span>If cornered, a red panda will stand up on its hind legs and extend its claws to appear larger and more threatening.</span>
</div>
<img class="content scale" src="res/redpandastanding.jpg" alt="Also a red panda"/>
</div>
<footer class="flex" id="r5">
<div class="content">
<span><a href="/ctf.html">Next CTF event</a></span>
</div>
<div class="content">
<span>Check out my <a href="https://github.com/met-sec">Git Repos</a>!</span>
</div>
<div class="content">
<span>Follow me <a href="https://twitter.com/met_sec">@met_sec</a>!</span>
</div>
</footer>
</div>
</body>
</html>