-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
287 lines (244 loc) · 14.3 KB
/
home.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
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
<!DOCTYPE html>
<html>
<head>
<title>
Home
</title>
<link rel="stylesheet" href="style.css">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="./materialize/css/materialize.min.css" media="screen,projection"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/fontawesome.css"/>
<meta charset="utf-8"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta charset="utf-8"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body class="x_body">
<!--navbar-->
<div class="navbar-fixed">
<nav class="white">
<div class="nav-wrapper nav_colour">
<a href="#!" class="brand-logo">Logo</a>
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li ><a href="home.html"class="navhead">Home</a></li>
<li ><a href="Radiance.html" class="navhead">Radiance</a></li>
<li ><a href="domain.html" class="navhead">Domains </a></li >
<li ><a href="gallery.html" class="navhead">Gallery</a></li>
<li ><a href="contactUs.html" class="navhead">Contact Us</a></li>
</ul>
</div>
</nav>
</div>
<ul class="sidenav" id="mobile-demo">
<li><a href="home.html">Home</a></li>
<li><a href="Radiance.html">Radiance</a></li>
<li><a href="domain.html">Domains</a></li>
<li><a href="m.html">Gallery</a></li>
<li><a href="contactUs.html">Contact Us</a></li>
</ul>
<!------particle js-------
<div id="particles-js">
<p id="ph1">PICT ACM Student Chapter-Women</p>
</div>
<script type="text/javascript" src="particles.js"></script>
<script type="text/javascript" src="app2.js"></script>--->
<div id="background" >
<p id="ph1">PICT ACM Student Chapter-Women</p>
</div>
<div class="icon-bar trans socialcolour iconside icondesk">
<a href="https://www.facebook.com/acmpict/" target="_blank" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="" target="_blank" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="https://pict.acm.org/#/home" target="_blank" class="google"><i class="fa fa-google"></i></a>
<a href="https://www.linkedin.com/company/pict-acm-student-chapter" target="_blank" class="linkedin"><i class="fa fa-linkedin"></i></a>
</div>
<!---------------------------------ABOUT US----------------------------->
<!-------informative polaroids-------->
<div class="container-fluid">
<p id="headabout">ABOUT US</p>
<div class="row" style="width: 100vw;">
<div class="col-lg-4">
<div class="wrapper">
<div class="item">
<div class="polaroid"><img src="https://image.ibb.co/hQaarc/antique_blur_camera_828378.jpg">
<div class="caption abouttitle">ACM-W </div>
</div>
</div>
</div>
</div>
<div class="col-lg-8">
<p class="aboutpara">Association for Computing Machinery's Council on Women in Computing is an exclusive woman's only wing of ACM which supports & commemorates
the participation, contribution and achievements of women in the technical domain.<br><br>Encouraging gender equality and women empowerment, ACM W promotes full engagement of women in the technical domain. Through its collaborations and initiatives, ACM W provides a large range of services to all ACM members
along with pushing the advancement of contribution of women in the field of computing</p>
</div>
</div>
<div class="row" style="width: 100vw;">
<div class="col-lg-8">
<p class="aboutpara">Association for Computing Machinery's Council on Women in Computing is an exclusive woman's only wing of ACM which supports & commemorates
the participation, contribution and achievements of women in the technical domain.<br><br>Encouraging gender equality and women empowerment, ACM W promotes full engagement of women in the technical domain. Through its collaborations and initiatives, ACM W provides a large range of services to all ACM members
along with pushing the advancement of contribution of women in the field of computing</p>
</div>
<div class="col-lg-4">
<div class="wrapper">
<div class="item sizing">
<div class="polaroid"><img src="https://image.ibb.co/hQaarc/antique_blur_camera_828378.jpg">
<div class="caption abouttitle">PASC-W </div>
</div>
</div>
</div>
</div>
</div>
<div class="row" style="width: 100vw;">
<div class="col-lg-4">
<div class="wrapper">
<div class="item">
<div class="polaroid"><img src="https://image.ibb.co/hQaarc/antique_blur_camera_828378.jpg">
<div class="caption abouttitle">ACM </div>
</div>
</div>
</div>
</div>
<div class="col-lg-8">
<p class="aboutpara">Founded by Richard Hamming in 1947, ACM brings together computing educators, researchers, and professionals to inspire dialogue, share resources, and address the field's challenges.<br><br>
As the world’s largest computing society, ACM strengthens the profession's collective voice through strong leadership, promotion of the highest standards, and recognition of technical excellence. ACM supports
the professional growth of its members by providing opportunities for life‐long learning, career development, and professional networking.</p>
</div>
</div>
<div class="row" style="width: 100vw;">
<div class="col-lg-8">
<p class="aboutpara">
ACM PICT is a student chapter organization subsidiary of Association for Computing Machinery a worldwide learning society for computing. The chapter was founded in March 1, 2011.
It was started with a vision to carry on ACM international's intentions on a grass root level in PICT.<br><br> Our main focus has been on holding numerous events which are to spread computing and technical knowledge in the undergraduate level.We always have the vision to give the best of our capabilities to help an individual
to grow in all aspects and also to make ACM student chapter an ideal platform for students</p>
</div>
<div class="col-lg-4">
<div class="wrapper">
<div class="item sizing">
<div class="polaroid"><img src="https://image.ibb.co/hQaarc/antique_blur_camera_828378.jpg">
<div class="caption abouttitle">PASC</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--highlights-->
<!----------something new---------------->
<div class="container">
<h1 id="headmeet">MEET OUR TEAM</h1>
<div class="row">
<div class="card-group">
<div class="underlay cardpad">
<div class="card ">
<div class="card-img-top" style="src: local();"></div>
<div class="card-block" >
<h5 class="card-title ch5" style="font-family: 'Anton', sans-serif">Canon Unveils New Lens<hr></h5>
</div>
</div>
</div>
<div class="underlay cardpad">
<div class="card ">
<div class="card-img-top" style="background-image: url('https://i.imgur.com/tT6Bxay.png')"></div>
<div class="card-block" >
<h5 class="card-title ch5" style="font-family: 'Anton', sans-serif">Madhura Avchat<br><br>Chair<hr></h5>
</div>
</div>
</div>
<div class="underlay cardpad">
<div class="card">
<div class="card-img-top" style="background-image: url('https://i.imgur.com/n6b2rib.png')"></div>
<div class="card-block" >
<h5 class="card-title ch5" style="font-family: 'Anton', sans-serif">Shivani Pahade<br><br>Vice Chair<hr></h5>
</div>
</div>
</div>
<div class="underlay cardpad">
<div class="card">
<div class="card-img-top" style="background-image: url('https://i.imgur.com/ssMsuUO.png')"></div>
<div class="card-block" >
<h5 class="card-title ch5" style="font-family: 'Anton', sans-serif">Dhwani Shah<br><br>Secretary<hr></h5>
</div>
</div>
</div>
<div class="underlay cardpad">
<div class="card">
<div class="card-img-top" style="background-image: url('https://i.imgur.com/yAFDnZ1.png')"></div>
<div class="card-block" >
<h5 class="card-title ch5" style="font-family: 'Anton', sans-serif">Tanvi Bhargaw<br><br>Treasure<hr></h5>
</div>
</div>
</div>
<div class="underlay cardpad">
<div class="card">
<div class="card-img-top" style="background-image: url('https://i.imgur.com/5rgwfW6.png')"></div>
<div class="card-block" >
<h5 class="card-title ch5" style="font-family: 'Anton', sans-serif">Shreya Narkar<br><br>PRO<hr></h5>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<br>
<footer class="page-footer" style="background-color: #003a78;">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Footer Content</h5>
<p class="grey-text text-lighten-4">You can use rows and columns here to organize your footer content.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Links</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="#!">Link 1</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Link 2</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Link 3</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Link 4</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2014 Copyright Text
<a class="grey-text text-lighten-4 right" href="#!">More Links</a>
</div>
</div>
</footer>
<!-- Compiled and minified JavaScript -->
<script src = "app.js"> </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!--JavaScript at end of body for optimized loading-->
<script type="text/javascript" src="./materialize/js/materialize.min.js"></script>
<!------------------------>
<!--=======Scripts======-->
<script src="jquery-3.1.1.min.js"></script>
<script name="toggle-grid" type="text/javascript">
$(document).ready(function(){
$(document).on("keypress", function(event) {
// If 'alt + g' keys are pressed:
if (event.which === 169){
$('#toggle-grid').toggle();
}
});
$('#toggle-grid').on("click"
function() {
$('.pixel-grid').toggle();
$('#toggle-grid').toggleClass('orange');
});
});
</body>
</html>
<!-------------------https://codepen.io/elg-n-heydrli/pen/LYEzBZw------------------->