-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (121 loc) · 7.15 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
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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="src/stylesheets/index-style.css">
<link rel="stylesheet" href="src/stylesheets/navbar.css">
<link rel="icon" href="./src/images/favicon.png" />
<title>Tinkerhub | Registration</title>
</head>
<body>
<!-- Navbar -->
<section class="nav-bk-blue">
<div class="container">
<nav class="navbar navbar-dark navbar-expand-lg pb-4">
<img src="src/images/logo.png" width="200px" class="nav-logo">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#home">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">ABOUT</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">TEAM</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#team">EVENTS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#clients">BLOGS</a>
</li>
</ul>
</div>
</nav>
</div>
</section>
<div class="container">
<div id="instruction" class="row" style="height:30vh;">
<div class="row d-flex justify-content-center align-items-center">
<div style="width: 30rem;" align="center">
<h6 class="d-flex justify-content-center align-items-center">Please note that the registration in
this portal is for TinkerHub SJCET. As a prerequisite for this registration, you have to be a
member of the TinkerHub Foundation.</h6>
</div>
</div>
</div>
<div class="row">
<div class="container d-flex justify-content-center align-items-center">
<div class="card main-card" style="width: 30rem;">
<div class="card-body" id="main-page">
<h5 class="card-title mt-2 mb-4">Are you a TinkerHub Foundation Member?</h5>
<p class="card-link links" onclick="display('yes')">Yes 😃</p>
<p class="card-link links" onclick="display('no')">No 😞</p>
<p class="card-link links" onclick="display('confused')">Not Sure 🤔</p>
</div>
<div class="card-body d-none" id="yes-page">
<h5 class="card-title mt-2 mb-5">Follow these steps carefully</h5>
<p class="steps">1. Go to this <a class="links" href="https://join.tinkerhub.org"
target="_blank">link</a>
</p>
<p class="steps">2. Enter your registered mobile number in the input field provided. Then your
membership ID will be displayed on the screen.</p>
<p class="steps">3. Copy the Membership ID and paste it into this <a class="links"
href="desktop-form.html" target="_blank">form</a></p>
<p class="steps">4. Proceed</p>
<p class="card-link links back" onclick="display('back')">Back</p>
</div>
<div class="card-body d-none" id="no-page">
<h5 class="card-title mt-2 mb-5">Follow these steps carefully</h5>
<p class="steps">1. Go to this <a class="links" href="https://join.tinkerhub.org"
target="_blank">link</a>
</p>
<p class="steps">2. Register in the portal using your mobile number. A unique membership ID will
be
displayed upon your successful registration.</p>
<p class="steps">3. Copy the Membership ID and paste it into this <a class="links"
href="desktop-form.html" target="_blank">form</a></p>
<p class="steps">4. Proceed</p>
<p class="card-link links back" onclick="display('back')">Back</p>
</div>
<div class="card-body d-none" id="confused-page">
<h5 class="card-title mt-2 mb-5">Follow these steps carefully</h5>
<p class="steps">1. Go to this <a class="links" href="https://join.tinkerhub.org"
target="_blank">link</a>
</p>
<p class="steps">2. Try inputting your mobile number.</p>
<p class="steps">3. Check whether : <br>
  a. If a unique membership ID pops up, then you are registered.
<br>
  b. If a new registration portal opens up then you are not registered. Continue
the process of
registration in the portal. A unique membership ID will be displayed upon your successful
registration.
</p>
<p class="steps">4. Copy the Membership ID and paste it into this <a class="links"
href="desktop-form.html" target="_blank">form</a></p>
<p class="card-link links back" onclick="display('back')">Back</p>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<script src="src/scripts/index-script.js"></script>
</body>
</html>