-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwelcome.html
114 lines (109 loc) · 4.14 KB
/
welcome.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
<!doctype html>
<html>
<head>
<title>welcome</title>
<style>
.fixed-button {
position: fixed;
top: 10px; /* Adjust the distance from the top */
right: 1px; /* Adjust the distance from the left */
padding: 10px 20px;
background-color: #0b0c0e;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
z-index: 1000; /* Ensure it's above other content */
}
.fixed-back {
position: fixed;
top: 10px; /* Adjust the distance from the top */
right: 10; /* Adjust the distance from the left */
padding: 10px 10px;
background-color: #0b0c0e;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
z-index: 1000; /* Ensure it's above other content */
}
.end-button {
position: fixed;
bottom: 10px; /* Adjust the distance from the top */
right: 1px; /* Adjust the distance from the left */
padding: 10px 20px;
background-color: #0b0c0e;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
z-index: 1000; /* Ensure it's above other content */
}
.up-button {
position: fixed;
bottom: 10px; /* Adjust the distance from the top */
left: 50%; /* Adjust the distance from the left */
padding: 10px 20px;
background-color: #0b0c0e;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
z-index: 1000; /* Ensure it's above other content */
}
.previous-button {
position: fixed;
bottom: 10px; /* Adjust the distance from the top */
left: 1px; /* Adjust the distance from the left */
padding: 10px 20px;
background-color: #0b0c0e;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
z-index: 1000; /* Ensure it's above other content */
}
</style>
</head>
<body>
<p> <img src="welcome1.png">
<h1>what are rooms?</h1>
<p><hr>
this talk about rooms and no need answer that say
Think of a room like a virtual classroom that teaches a
security topic.You'll use a mixture of guides
and challenges to upskill in different areas
cyber security.<hr>
<img src="welcome1_1.png">
</p>
<h1>hackable machines</h1>
<p><hr>
this one is connect to
vpn or use an in browser linux machine<br><hr>
<img src="welcome2_1.png">
<br><hr><br>
<img src="welcome2_2.png">
</p>
<h1>access your first machine</h1><hr>
this is talk about access when
connecting via vpn or linux machine his question is <hr><img src="welcome3_1.png" ><hr>
Go to your machines website - What is the flag text shown
on the machines webpage?<hr>
<img src="welcome3_2.png">
<h1>next steps</h1>
<p>
<hr>
after that is finished <hr>
<img src="welcome4.png">
</p>
<a href="#top" class="up-button"><input type="button" value="up " id="myButton" ></a></a><nav></nav>
<a href="introtoresearch.html" class="end-button"><input type="button" value="NEXT " id="myButton" ></a></a><nav></nav>
<a href="openvpn.html" class="previous-button"><input type="button" value="PREVIOUS " id="myButton" ></a></a><nav></nav>
<a href="cover.html" class="fixed-button">
Go to First Page</a>
<a href="cover.html" class="fixed-back">
back</a>
</ol>
</p>
</body>
</html>