Skip to content

Commit a59af07

Browse files
author
shashank
committed
added
1 parent 068c83b commit a59af07

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

50 files changed

+1439
-3
lines changed

‎gallery.html

Lines changed: 65 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
54
<!-- Global site tag (gtag.js) - Google Analytics -->
65
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-178738134-1"></script>
76
<script>
@@ -11,10 +10,10 @@
1110

1211
gtag('config', 'UA-178738134-1');
1312
</script>
14-
1513
<meta name="viewport" content="width = device-width, initial-scale = 1">
1614
<title>Computer Society Of India</title>
1715
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
16+
<link rel="stylesheet" type="text/css" href="css/home.css">
1817
<link rel="stylesheet" type="text/css" href="css/gallery.css">
1918
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
2019
<link rel="stylesheet" type="text/css" href="css/ihover.css">
@@ -81,6 +80,11 @@
8180
<div class="text-center">
8281
<h1><span class="g">G</span><span class="a">A</span><span class="l1">L</span><span class="l2">L</span><span class="e">E</span><span class="r">R</span><span class="y">Y</span></h1>
8382
</div>
83+
<div class="container-fluid message" >
84+
85+
<h4 style="text-align: center;"> 2019-2020</h4>
86+
</div>
87+
<br><br>
8488
<div class="col-4 c " id="border-nill">
8589
<div class="ih-item square effect6 from_top_and_bottom" id="border-nill">
8690
<a href="gallery_csii.html">
@@ -95,7 +99,7 @@ <h3>CSI INAUGURATION</h3>
9599
<div class="col-4 c ">
96100
<div class="ih-item square effect6 from_top_and_bottom" id="border-nill">
97101
<a href="gallery_ergo.html">
98-
<div class="img" style=""><img src="images/ergonomics_cover.jpg" alt="img"></div>
102+
<div class="img" ><img src="images/ergonomics_cover.jpg" alt="img"></div>
99103
<div class="info">
100104
<h3>Talk On Ergonomics</h3>
101105
<p>Click to view all images</p>
@@ -147,6 +151,64 @@ <h3>WEB DEVELOPMENT WORKSHOP</h3>
147151
</a>
148152
</div>
149153
</div>
154+
<div class="col-4 c ">
155+
<div class="ih-item square effect6 from_top_and_bottom" id="border-nill">
156+
<a href="gallery_cloud.html">
157+
<div class="img"><img src="images/cloud.jpg" alt="img"></div>
158+
<div class="info">
159+
<h3>Cloud Computing</h3>
160+
<p>Click to view all images</p>
161+
</div>
162+
</a>
163+
</div>
164+
</div>
165+
<div class="col-4 c ">
166+
<div class="ih-item square effect6 from_top_and_bottom" id="border-nill">
167+
<a href="gallery_kahani.html">
168+
<div class="img"><img src="images/kahani.jpg" alt="img"></div>
169+
<div class="info">
170+
<h3>Kahani Mein Twist</h3>
171+
<p>Click to view all images</p>
172+
</div>
173+
</a>
174+
</div>
175+
</div>
176+
<div class="col-4 c ">
177+
<div class="ih-item square effect6 from_top_and_bottom" id="border-nill">
178+
<a href="gallery_lipsync.html">
179+
<div class="img"><img src="images/lipsync.jpg" alt="img"></div>
180+
<div class="info">
181+
<h3>LipSync</h3>
182+
<p>Click to view all images</p>
183+
</div>
184+
</a>
185+
</div>
186+
</div>
187+
<div class="col-4 c ">
188+
<div class="ih-item square effect6 from_top_and_bottom" id="border-nill">
189+
<a href="gallery_minute.html">
190+
<div class="img"><img src="images/minute.jpg" alt="img"></div>
191+
<div class="info">
192+
<h3>Minute To Win It</h3>
193+
<p>Click to view all images</p>
194+
</div>
195+
</a>
196+
</div>
197+
</div>
198+
<div class="col-4 c ">
199+
<div class="ih-item square effect6 from_top_and_bottom" id="border-nill">
200+
<a href="gallery_r_programming.html">
201+
<div class="img"><img src="images/r_programming.jpg" alt="img"></div>
202+
<div class="info">
203+
<h3>R Programming</h3>
204+
<p>Click to view all images</p>
205+
</div>
206+
</a>
207+
</div>
208+
</div>
209+
210+
211+
150212
</div>
151213
<button id="btnScrollToTop" >
152214
<i class="material-icons">arrow_upward</i>

‎gallery_cloud.html

Lines changed: 192 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,192 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<!-- Global site tag (gtag.js) - Google Analytics -->
5+
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-178738134-1"></script>
6+
<script>
7+
window.dataLayer = window.dataLayer || [];
8+
function gtag(){dataLayer.push(arguments);}
9+
gtag('js', new Date());
10+
11+
gtag('config', 'UA-178738134-1');
12+
</script>
13+
14+
<meta name="viewport" content="width = device-width, initial-scale = 1">
15+
<title>Computer Society Of India</title>
16+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
17+
<link rel="stylesheet" type="text/css" href="css/csii_gallery.css">
18+
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
19+
<link rel="stylesheet" type="text/css" href="css/ihover.css">
20+
<script type="text/javascript" src="js/jquery.js"></script>
21+
<script type="text/javascript" src="js/bootstrap.js"></script>
22+
<style>
23+
#btnScrollToTop {
24+
position: fixed;
25+
right:10px;
26+
bottom: 10px;
27+
width: 50px;
28+
height: 50px;
29+
border-radius: 50%;
30+
background: #444242;
31+
color: #ffffff;
32+
outline: none;
33+
cursor: pointer;
34+
35+
}
36+
</style>
37+
</head>
38+
<body>
39+
<!-- --------------------------------------Header---------------------------------------- -->
40+
<div class="container-fluid">
41+
<header>
42+
<div class="text-center">
43+
<img src="images/csi_header.png">
44+
</div>
45+
</header>
46+
</div>
47+
<!-- --------------------------------------Navbar---------------------------------------- -->
48+
<div class="container-fluid sticky-top">
49+
<nav class="navbar navbar-expand-lg navbar-light">
50+
<a href="index.html" class="navbar-brand">
51+
<img src="images/csilogo.png" width="50" height="50">
52+
Computer Society Of India
53+
</a>
54+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
55+
<span class="navbar-toggler-icon"></span>
56+
</button>
57+
<div class="collapse navbar-collapse" id="navbarNav">
58+
<ul class="navbar-nav">
59+
<li class="nav-item">
60+
<a href="index.html" class="nav-link">Home</a>
61+
</li>
62+
<li class="nav-item">
63+
<a href="team.html" class="nav-link">Our Team</a>
64+
</li>
65+
<li class="nav-item active">
66+
<a href="gallery.html" class="nav-link">Gallery</a><span class="sr-only">(current)</span>
67+
</li>
68+
<li class="nav-item">
69+
<a href="magazine.html" class="nav-link">Magazine</a>
70+
</li>
71+
<li class="nav-item">
72+
<a href="contact.html" class="nav-link">Contact Us</a>
73+
</li>
74+
</ul>
75+
</div>
76+
</nav>
77+
</div>
78+
<!-- --------------------------------------------------gallery--------------------------- -->
79+
<div class="container">
80+
<h1>Cloud Computing</h1>
81+
<div class="col-4" data-toggle="modal" data-target = "#image1">
82+
<img src="images/cloud/DSCN4112.JPG">
83+
</div>
84+
<div class="col-4" data-toggle="modal" data-target = "#image2">
85+
<img src="images/cloud/LRM_EXPORT_100234497021190_20200123_213340447.jpeg">
86+
87+
</div>
88+
<div class="col-4" data-toggle="modal" data-target = "#image3">
89+
<img src="images/cloud/DSCN4107.JPG">
90+
</div>
91+
<div class="col-4" data-toggle="modal" data-target = "#image4">
92+
<img src="images/cloud/IMG_20200123_110437.jpg">
93+
</div>
94+
<div class="col-4" data-toggle="modal" data-target = "#image5">
95+
<img src="images/cloud/IMG_20200123_121633.jpg">
96+
</div>
97+
<div class="col-4" data-toggle="modal" data-target = "#image6">
98+
<img src="images/cloud/LRM_EXPORT_101463015652232_20200123_215408965.jpeg">
99+
100+
</div>
101+
<div class="col-4" data-toggle="modal" data-target = "#image7">
102+
<img src="images/cloud/LRM_EXPORT_22584446595862_20200219_105420354.jpeg">
103+
</div>
104+
105+
</div>
106+
<!------------------------------------------------ Modal -------------------------------------->
107+
<div class="modal fade" id="image1" tabindex="-1" role="dialog">
108+
<a class="close" data-dismiss="modal"></a>
109+
<div class="modal-dialog" role="document">
110+
<div class="modal-content">
111+
<div class="modal-body">
112+
<img src="images/cloud/DSCN4112.JPG">
113+
</div>
114+
</div>
115+
</div>
116+
</div>
117+
<div class="modal fade" id="image2" tabindex="-1" role="dialog">
118+
<a class="close" data-dismiss="modal"></a>
119+
<div class="modal-dialog" role="document">
120+
<div class="modal-content">
121+
<div class="modal-body">
122+
<img src="images/cloud/LRM_EXPORT_100234497021190_20200123_213340447.jpeg">
123+
</div>
124+
</div>
125+
</div>
126+
</div>
127+
<div class="modal fade" id="image3" tabindex="-1" role="dialog">
128+
<a class="close" data-dismiss="modal"></a>
129+
<div class="modal-dialog" role="document">
130+
<div class="modal-content">
131+
<div class="modal-body">
132+
<img src="images/cloud/DSCN4107.JPG">
133+
</div>
134+
</div>
135+
</div>
136+
</div>
137+
<div class="modal fade" id="image4" tabindex="-1" role="dialog">
138+
<a class="close" data-dismiss="modal"></a>
139+
<div class="modal-dialog" role="document">
140+
<div class="modal-content">
141+
<div class="modal-body">
142+
<img src="images/cloud/IMG_20200123_110437.jpg">
143+
</div>
144+
</div>
145+
</div>
146+
</div>
147+
<div class="modal fade" id="image5" tabindex="-1" role="dialog">
148+
<a class="close" data-dismiss="modal"></a>
149+
<div class="modal-dialog" role="document">
150+
<div class="modal-content">
151+
<div class="modal-body">
152+
<img src="images/cloud/IMG_20200123_121633.jpg">
153+
</div>
154+
</div>
155+
</div>
156+
</div>
157+
<div class="modal fade" id="image6" tabindex="-1" role="dialog">
158+
<a class="close" data-dismiss="modal"></a>
159+
<div class="modal-dialog" role="document">
160+
<div class="modal-content">
161+
<div class="modal-body">
162+
<img src="images/cloud/LRM_EXPORT_101463015652232_20200123_215408965.jpeg">
163+
</div>
164+
</div>
165+
</div>
166+
</div>
167+
<div class="modal fade" id="image7" tabindex="-1" role="dialog">
168+
<a class="close" data-dismiss="modal"></a>
169+
<div class="modal-dialog" role="document">
170+
<div class="modal-content">
171+
<div class="modal-body">
172+
<img src="images/cloud/LRM_EXPORT_22584446595862_20200219_105420354.jpeg">
173+
</div>
174+
</div>
175+
</div>
176+
<button id="btnScrollToTop" >
177+
<i class="material-icons">arrow_upward</i>
178+
</button>
179+
<script>
180+
const btnScrollToTop =document.querySelector("#btnScrollToTop");
181+
btnScrollToTop.addEventListener("click",function(){
182+
window.scrollTo({
183+
top:0,
184+
left:0,
185+
behavior:"smooth"
186+
187+
});
188+
});
189+
</script>
190+
<!-- -------------------------------------------------------------------------------------- -->
191+
</body>
192+
</html>

0 commit comments

Comments
 (0)