-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
163 lines (155 loc) · 7.14 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Datacon</title>
<link rel="icon" href="img/Logo.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
<style>
iframe {
/* background-color: aqua; */
height: 250vh;
width: 100vw;
overflow: unset;
overflow-x: unset;
/* background: linear-gradient(112.26559516336806deg, rgba(231, 244, 245,1) 5.533854166666667%,rgba(78, 240, 250,1) 96.67968749999999%); */
}
</style>
</head>
<body>
<section id="home">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid d-flex">
<a class="navbar-brand text-light" href="#">
<!-- <img src="img/Matlab_Logo.png" alt="Matlab logo" width="30" height="24" class="d-inline-block align-text-top"> -->
Datacon
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0" id="nav">
<li class="nav-item">
<a class="nav-link text-light" aria-current="page" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" aria-current="page" href="#about">About</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link text-light" aria-current="page" href="https://www.ieeesbnitdgp.com/" target="_blank">About Us</a>
</li> -->
<!-- <li class="nav-item">
<a class="nav-link text-light" aria-current="page" href="#reg">Register</a>
</li> -->
</ul>
<a href="#reg"><button class="btn btn-light me-2" type="button">Register NOW!</button></a>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-md-6 text-light">
<h1>DATACON</h1>
<p><i>
Datacon'22 ~ Bring your data to life, is your chance to foray into the research domains of IoT and ML/AI, while having your curiosity piqued with world-class sessions from some of the leading professional minds in these realms.
</i></p>
<a href="#reg"><button class="btn btn-lg btn-light me-2" type="button">Register NOW!</button></a>
</div>
<div class="col-md-6">
<!-- <img src="img/matlab_logo.svg" alt="Matlab logo"> -->
</div>
</div>
</div>
</section>
<section id="about">
<div class="bg">What</div>
<div class="container head text-light">
<h2>What is <span>IoT</span> and <span>ML</span>?</h2>
<hr>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 flex-box">
<img src="img/ml.png" alt="ML">
</div>
<div class="col-md-6 text-light desc">
<p>
The term IoT, or <span>Internet of Things</span>, refers to the collective network of connected devices and the technology that facilitates communication between devices and the cloud, as well as between the devices themselves.
<br/>
<span>Machine learning</span> is a branch of artificial intelligence (AI) and computer science which focuses on the use of data and algorithms to imitate the way that humans learn, gradually improving its accuracy.
</p>
</div>
</div>
</div>
<div class="white-dots">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</section>
<section id="reg" class="flex-box">
<div class="lines" id="lines1">
<div class="l1"></div>
<div class="l2"></div>
<div class="l3"></div>
</div>
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLScenrVGWFCNePqh9kNxbKShHtjo6RXCUP1alBLmnegzFmVbxA/viewform?embedded=true" width="640" height="1638" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
<div class="lines" id="lines2">
<div class="l1"></div>
<div class="l2"></div>
<div class="l3"></div>
</div>
</section>
<footer>
<div class="container text-light">
<div class="row">
<div class="col-sm-6 flex-box column">
<a href="https://www.ieeesbnitdgp.com/" target="_blank"><img src="img/ieee-logo-light.png" alt="IEEE logo"></a>
<div class="container">
<p>
The IEEE Student Branch, NIT Durgapur is a society of enthusiasts aimed at promoting research-related activities in the campus.
Comprising of bright researchers, developers, speakers, and other contributors we are a society that welcomes in the era of better research prospects, on the campus.
</p>
</div>
</div>
<div class="col-sm-6 flex-box column">
<div class="container">
<h3>For further details contact -</h3>
<ul>
<li><h5><i class="fa fa-whatsapp" aria-hidden="true"></i> - +91 83487 93053 (Abhishek Basu) <br> </h5></li>
<li><h5><i class="fa fa-envelope-o" aria-hidden="true"></i> - ieeesb.nitdgp@gmail.com</h5></li>
</ul>
<div class="flex-box row social-link-container">
<h5><a href="https://www.facebook.com/nitdgpieeesociety" target="_blank"><i class="fa fa-facebook-square" aria-hidden="true"></i></a></h5>
<h5><a href="https://www.linkedin.com/company/ieeesbnitdgp" target="_blank"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a></h5>
<h5><a href="https://www.instagram.com/ieeesb_nitdgp/" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></h5>
</div>
</div>
</div>
<p class="copyright-container"> © Copyright IEEE SB NIT Durgapur </br>
All Rights Reserved</p>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
<script src="script.js"></script>
</body>
</html>