-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
129 lines (86 loc) · 5.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Certificate Generator-DSC</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Exo+2&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body onload="fLoad()">
<!-- Preloader -->
<div id="loader_page">
<img src="giphy.gif" alt="" class="img-fluid" width="30%">
</div>
<!-- NAVBAR -->
<nav class="navbar navbar-expand-lg navbar-light bg-light" style="overflow-x: hidden; position: fixed; top: 0; width: 100%;">
<a class="navbar-brand" href="https://dscjss.in/index.html">
<img class="logo2" src="dsc_linear.png" height="37px" width="400px">
<img class="logo1" src="logo.png" height= "37px" width="80px">
</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent" style="position: inherit; right: 2%;">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#" style="border-bottom: 2px solid #007bff;">Certificates<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://dscjss.in/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://dscjss.in/workshops.html">Workshops</a>
</li>
</ul>
</div>
<i class="material-icons" id="menu" onclick="openNav()" style=" color: black;">menu</i>
</nav>
<br><br>
<!-- Mobile menu -->
<div id="mobile__menu" class="overlay" style="z-index: 999999;">
<div class="overlay__content">
<a href="#">Certificates</a>
<a href="https://dscjss.in/">Home</a>
<a href="https://dscjss.in/workshops.html">Workshops</a>
</div>
</div>
<!-- CONTENT -->
<main>
<a name="start" id="start" class="anchor"></a>
<img src="dsc_jss.png" class="circle">
<h4 style="color: grey; font-size: 26px; letter-spacing: 1.5px; font-weight: bold;">Get your Certificates for the latest workshops organized by <span style="color: #007bff;">DSC JSSATEN</span></h4>
<label for="name">Enter your Name</label>
<input required type="text" placeholder="Enter your name" name="Name" id="name" autocomplete="name" minlength="3">
<label for="email">Enter your Email Id</label>
<input required type="email" placeholder="Enter your email" name="Email" id="email" autocomplete="email">
<label for="roll">Enter your Roll Number</label>
<input required type="text" placeholder="Enter your Roll Number" name="Roll" id="roll">
<label for="branch">Enter your Branch</label>
<input required type="text" placeholder="Enter your branch" name="Branch" id="branch">
<button id="submitBtn">Get your Certificate</button>
</main>
<!-- Footer -->
<footer style="display: flex; justify-content: center; text-align: center; flex-direction: column;" >
<div class="getintouch" style="margin-top: 15px;">
<a href="mailto:admin@dscjss.in" class="btn btn-dark">Get in Touch</a>
</div>
<div class="social" style="margin-top: 30px; margin-bottom: 15px;">
<a href="https://twitter.com/DSCJSSATEN" target="_blank" style="text-decoration: none; color: grey;"><i class='fa fa-twitter' id="links" style='font-size:36px; '></i></a>
<a href="https://www.facebook.com/dscjssnoida/" target="_blank" style="text-decoration: none; color: grey;"><i class='fa fa-facebook-square' id="links" style='font-size:36px; '></i></a>
<a href="https://github.com/DSC-JSS-NOIDA" target="_blank" style="text-decoration: none; color: grey;"><i class='fa fa-github' id="links" style='font-size:36px; '></i></a>
<a href="https://www.linkedin.com/company/dsc-jssaten/" target="_blank" style="text-decoration: none; color: grey;"><i class="fa fa-linkedin-square" style="font-size:36px" id="links"></i></a>
<a href="https://www.instagram.com/dscjssaten/?igshid=9ubqtp1ssqsi" target="_blank" style="text-decoration: none; color: grey;"><i class="fa fa-instagram" style="font-size:36px" id="links" ></i></a>
</div>
</footer>
<script src="https://unpkg.com/pdf-lib/dist/pdf-lib.min.js"></script>
<script src="https://unpkg.com/@pdf-lib/fontkit@0.0.4"></script>
<script src="https://cdn.jsdelivr.net/npm/file-saver@2.0.2/dist/FileSaver.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<script type="text/javascript" src="app.js"></script>
</body>
</html>