forked from Ananyakumar186/dscjnnce
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
236 lines (188 loc) · 8.87 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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1">
<link rel = "stylesheet" type = "text/css" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css"><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" type=text/css href="./style.css">
<title>DSC JNNCE</title>
</head>
<body>
<div id="background-wrap">
<div class="bub b1"></div>
<div class="bub b2"></div>
<div class="bub b3"></div>
<div class="bub b4"></div>
<div class="bub b5"></div>
<div class="bub b6"></div>
<div class="bub b7"></div>
<div class="bub b8"></div>
<div class="bub b9"></div>
<div class="bub b10"></div>
</div>
<main>
<!-- Main Navigation Bar -->
<nav class="main-nav" id="#Nav">
<!-- DSC JNNCE Logo -->
<div class="main-logo">
<img src="img/dsc.png" alt="DSC Logo JNNCE">
</div>
<ul class="main-ul">
<li class="menu-class a-hover-effect" id="home-id" ><a href="#">Home</a></li>
<li class="menu-class a-hover-effect" id="team-id"><a href="card.html">Team</a></li>
<li class="menu-class a-hover-effect" id="blog-id"><a href="feed.html">Projects</a></li>
<li class="menu-class a-hover-effect" id="eureka-id"><a href="eureka.HTML">Eureka</a></li>
<li class="menu-class a-hover-effect" id="video-id"><a href="videos.html">Video</a></li>
<li class="menu-class a-hover-effect" id="contact-id"><a href="#cont">Contact Us</a></li>
</ul>
<!-- Mobile Navigation -->
<div class="burger-logo">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</nav>
<script type=text/javascript src="home.js"></script>
</main>
<div class="container">
<!-- Creating a SVG image -->
<svg viewBox="0 0 500 100"
preserveAspectRatio="xMidYMid meet">
<path d="M0, 50 C0, 150 500,
0 700, 100 L500, 00 L00, 0 Z",
style="stroke:none; fill:#D2E3FC;">
</path>
</svg>
</div>
<div class="container-0">
<h1 class="start">What is Developers Student Club?</h1>
<p class="intro"><br> <b>DSC JNNCE</b> is a group of student developers with a same motive of make life easier <br>and by bringing new innovative ideas and to make others understand.
We are more focused on Web development, Web designing, Graphic designing, Android app development,<br> UI/UX designing, Research and Communication. Here, in DSC JNNCE we believe in learning<br> and grow together so that we can teach other students what we have learnt so far. So that they can be trainers in the future.</p>
</div>
<br>
<br>
<img id="work" src="./img/workplace5.jpeg" alt="workplace" style="display: block; margin-left: auto; margin-right: auto; width: 100%; height: 100%;">
<div class = "container-1">
<h1 class="start2">Team</h1>
<br>
<p class="intro2">
Every individual contribution, dedication and commitment towards building the<br> community deserves
to be recognised. Our team comprises of <br> invaluable people who have made it possible for us to build,
create and<br> innovate and this is our way of thanking them for their zeal and dedication towards the
community.<br></p>
<br>
<br>
<br>
<div class="con-but">
<button type="button" id="button" onclick="window.location='card.html'">Click Me!</button>
</div>
</div>
<div class = "container-1o1">
<br>
<br>
<br>
<h1 class="start3">Our Solutions</h1>
<br>
<p class="intro3">Welcome to the page where we celebrate our inventions and innovations. Here you'll be able to
see our previous and upcoming projects and how we challenge ourselves for every new exposure.
If you have the solution, just paste the code here and get a chance to shine on webpage of
DSC-JNNCE.
</p>
<br>
<br>
<div class="con-but">
<button type="button" id="button"
onclick="window.location='eureka.HTML'">Click Me!</button>
</div>
</div>
<div class = "container-2">
<h1 class = "start4">Videos</h1>
<br>
<br>
<p class="intro4">Dive into the mesmerising world of our DSC JNNCE
community by exploring the videos <br>of the awesome
events conducted by us. Get an insight of what we
will be<br> developing, technologies involved, events held
and more through this visual platform.
</p>
<br>
<br>
<div class="con-but">
<button type="button" id="button" onclick="window.location='videos.html'">Click Me!</button>
</div>
</div>
<div class = "container-3">
<h1 class="start5">Projects</h1>
<p class="intro5">This page includes our ongoing,upcoming
<br>past projects.To explore more,press
the below button to find interesting projects</p>
<div class="con-but">
<button type="button" id="button" onclick="window.location='feed.html'">Click Me!</button>
</div>
</div>
<h2 id="cont">We would love to connect wih you <br>CLICK HERE </br><i class="fa fa-hand-o-down" aria-hidden="true"></i> </h2>
<div class = "container-4">
</div>
<div class = "center" >
<div class = "share-menu">
<div class = "share-btn" onclick="togglesharemenu()">
<img src = "img/dsc.png" alt="dsclogo">
</div>
<div class = "social-btn">
<a href="https://www.facebook.com/dsc.jnnce" target="_blank"><i class="fab fa-facebook-square"></i></a>
</div>
<div class = "social-btn">
<a href="mailto:[email protected]" target="_blank"><i class="fa fa-envelope-o" aria-hidden="true"></i></a>
</div>
<div class = "social-btn">
<a href="https://twitter.com/dscjnnce?s=08" target="_blank"><i class="fab fa-twitter"></i></a>
</div>
<div class = "social-btn">
<a href="https://www.behance.net/dscjnnce" target="_blank"><i class="fab fa-behance"></i></a>
</div>
<div class = "social-btn">
<a href="https://www.instagram.com/dscjnnce/" target="_blank"><i class="fa fa-instagram"
aria-hidden="true"></i></a>
</div>
<div class = "social-btn">
<a href="https://github.com/dscjnnce" target="_blank"><i class="fab fa-github"></i></a>
</div>
<div class = "social-btn">
<a href="https://youtube.com/channel/UCgWeCzjo3ltIZEkAvqILR1g" target="_blank"><i
class="fab fa-youtube"></i></a>
</div>
<div class = "social-btn">
<a href="https://www.linkedin.com/company/dsc-jnnce/about/" target="_blank"><i
class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<hr class="line1">
<footer>
<div class = "wrapper">
<div class="row">
<div class="cell"><a href="#"><strong>About us</strong></a></div>
<div class="cell"><a href="https://medium.com/@dscjnnce"><strong>Blog</strong></a></div>
<div class="cell"><a href="index.html" target="_blank"><strong>Projects</strong></a></div>
<div class="cell">
<a href="card.html" target="_blank"><strong>Our Team</strong></a>
</div>
<div class="cell">
<a href="index.html#cont" target="_blank"><strong>Contact us</strong></a>
</div>
</div>
</div>
</footer>
</body>
</html>