-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathForm.html
134 lines (116 loc) · 4.84 KB
/
Form.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>
<html>
<head>
<title>Treasure Hunt</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="icon" href="logo.png">
<?!= include('Design'); ?>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<base target="_top">
</head>
<body>
<nav class= "navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#my-nav-button" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<img src="https://i.imgur.com/zYSZuyn.png" id="con-icon"alt="C" class="navbar-brand"/><a href="https://www.concetto.tech" class="navbar-brand">ONCETTO'18</a>
</div>
<div class="collapse navbar-collapse" id="my-nav-button">
<ul class="nav navbar-nav navbar-right">
<li><a href="#" data-toggle="modal" data-target="#about">About</a></li>
<li><a href="#" data-toggle="modal" data-target="#help">Help</a></li>
<li><a href="#" data-toggle="modal" data-target="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<div id="help" class="modal fade" role="dialog">
<div class="modal-dialog modal-md">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h2>Help</h2>
</div>
<div class="modal-body">
<ul>
<li>
A team can consist of maximum 3 members. Each team will be provided with a mobile application, Aurasma which is compatible with both Android and IOS devices.
</li>
<li>
Team will be provided with first clue with which they have to look for the object.
</li>
<li>
They'll have to point their camera towards the guessed answer. If they are right, a quiz screen will pop up containing a logical puzzle, solving which will give the team clue about the next object. </li>
<li>
Fastest team to collect all clues wins the game.
</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div id="about" class="modal fade" role="dialog">
<div class="modal-dialog modal-sm">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h2>About ARTH</h2>
</div>
<div class="modal-body">
<p>
You would have heard of traditional treasure hunt in which players have to collect clues and reach to the final treasure. What if we involve existing advance technology into the old game and make it even cool? Our event aims the same.
Heard of Augmented Reality? No? Still you would have heard of Pokemon Go. Unlike virtual reality, which creates a totally artificial environment, augmented reality uses the existing environment and overlays new information on top of it.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div id="contact" class="modal fade" role="dialog">
<div class="modal-dialog modal-sm">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h2>Contact Details</h2>
</div>
<div class="modal-body">
<ul>
<li>Priyanshu Kumar (+91-9128784355)</li>
<li>Aadarsh Singh (+91-7007151296)</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div id="content">
<h1>Augmented Reality: Treasure Hunt</h1>
<h2>Press the button below to generate a question.</h2><hr>
<button class="btn btn-danger btn-lg" onclick="act()"><span class="glyphicon glyphicon-share"></span>Get Question</button>
</div>
</div>
</div>
</div>
<?!= include('Check'); ?>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>