forked from pathak107/aib
-
Notifications
You must be signed in to change notification settings - Fork 0
/
instructionstwo.html
171 lines (157 loc) · 8.83 KB
/
instructionstwo.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/instructions.css">
<style>
div {
background-image: url('graphics/formimg.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
</style>
<title>AIB | Acumen</title>
</head>
<body>
<div class="navbar">
<ul class="unl">
<li class="list" style="float: left;">
<a href="round-two.html">Round 2 Page</a>
</li>
<li style="float:right;">
<button id="myBtn" class="button button1">Contact Us</button>
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">×</span>
<br>
<p>
<p style="text-align: center; font-size: xx-large; color: orange; font-style: oblique;">Contact us</p>
</p>
<br>
<p style="text-align: center; color: red;">Shaurya :
<p style="align-items: center; text-align: center;"><button id="p1" class="buttononclick" onclick="p1()">+91 87573 73564</button></p>
</p>
<p style="text-align: center; color:red;">Anupriya :
<p style="align-items: center; text-align: center;"><button id="p2" class="buttononclick" onclick="p2()">+91 95701 64884</button></p>
</p>
<p style="text-align: center; color: red;">Pranav :
<p style="align-items: center; text-align: center;"><button id="p3" class="buttononclick" onclick="p3()">+91 97030 03291</button></p>
</p>
<p style="text-align: center; color: red;">Sparsh :
<p style="align-items: center; text-align: center;"><button id="p4" class="buttononclick" onclick="p4()">+91 94331 80822</button></p>
</p>
<br>
<p style="font-size: small; color:grey; text-align: center;">(Click to copy to Clipboard)</p>
<script>
function p1() {
var input = document.createElement('input');
input.value = document.getElementById('p1').innerHTML;
input.id = 'inputID';
document.body.appendChild(input);
input.select();
document.execCommand('copy');
document.body.removeChild(input);
}
function p2() {
var input = document.createElement('input');
input.value = document.getElementById('p2').innerHTML;
input.id = 'inputID';
document.body.appendChild(input);
input.select();
document.execCommand('copy');
document.body.removeChild(input);
}
function p3() {
var input = document.createElement('input');
input.value = document.getElementById('p3').innerHTML;
input.id = 'inputID';
document.body.appendChild(input);
input.select();
document.execCommand('copy');
document.body.removeChild(input);
}
function p4() {
var input = document.createElement('input');
input.value = document.getElementById('p4').innerHTML;
input.id = 'inputID';
document.body.appendChild(input);
input.select();
document.execCommand('copy');
document.body.removeChild(input);
}
</script>
</div>
<script>
// Get the modal
var modal = document.getElementById("myModal");
// Get the button that opens the modal
var btn = document.getElementById("myBtn");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks the button, open the modal
btn.onclick = function() {
modal.style.display = "block";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
</div>
</li>
</ul>
</div>
<div class="headings">
<p class="acumen">Acumen</p>
<p class="presents">presents</p>
<p class="aib" href="index.html">AIB</p>
<br>
<br>
<p class="instructions">Instructions</p>
<br>
<p class="instructions" style="font-size: large;">Round 2</p>
<br>
<br>
</div>
<div style="padding-left: 30px; padding-right: 30px; background-color: black;">
<p><span style="font-size: 22px; color: rgb(255, 255, 255);">Congratulations Crewmate! You survived the first expedition. Unfortunately the Impostor is still at large. As you are the sole survivor of the previous expedition, it is up to you to make this mission a success and save the lives of your crew.</span></p>
<p><span style="color: rgb(255, 255, 255);"><span style="font-size: 18px;"><br></span></span>
</p>
<p><span style="color: rgb(255, 255, 255);"><span style="font-size: 18px;"><strong>PLEASE READ ALL THE INSTRUCTIONS BELOW CAREFULLY:</strong></span></span>
</p>
<p><span style="color: rgb(255, 255, 255);"><span style="font-size: 18px;">1. You can fill this form <strong>ONLY ONCE</strong>.</span></span>
</p>
<p><span style="color: rgb(255, 255, 255);"><span style="font-size: 18px;">2. The form does <strong>NOT</strong> have an auto-submit feature so make sure to click on the submit button. Failure of submission will result in automatic disqualification. </span></span>
</p>
<p><span style="color: rgb(255, 255, 255);"><span style="font-size: 18px;">3. Time allotted is <strong>90</strong> <strong>mins</strong>.</span></span>
</p>
<p><span style="color: rgb(255, 255, 255);"><span style="font-size: 18px;">4. Enter all answers in lowercase British spelled word(s). Names must be lowercase as well. All abbreviations must be written in full form unless instructed by the question. Special characters are allowed. In case the answer is the name of a corporate organization, do not mention words like "corporation", "limited", "incorporated", etc.</span></span>
</p>
<p><span style="color: rgb(255, 255, 255);"><span style="font-size: 18px;">5. In case of a tie, a separate question(s) will be asked to the participants via a live session on MS Teams.</span></span>
</p>
<p><span style="color: rgb(255, 255, 255);"><span style="font-size: 18px;">6. Each question carries <strong>+2</strong> points. Try attempting all questions. There is no negative marking.</span></span>
</p>
<p><span style="font-size: 18px; color: rgb(255, 255, 255);">7. In case of any issues please contact the numbers given on the website.</span></p>
<br>
<br>
<br>
</div>
<br>
<footer>
<div class="footer">
<p>
AIB - Acumen @ TechTatva 2020, MIT Manipal.
</p>
</div>
</footer>
</body>
</html>