-
Notifications
You must be signed in to change notification settings - Fork 6
/
outing.html
130 lines (122 loc) · 4.68 KB
/
outing.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="css/gallery.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@500&display=swap" rel="stylesheet">
</head>
<body>
<nav class="nav">
<div class="container">
<div class="logo">
<a href="#" style="font-weight: bolder"> IEEE DTU</a>
</div>
<div id="mainListDiv" class="main_list">
<ul class="navlinks">
<!-- <li><a href="#">Competitions</a></li>
<li><a href="#">Hackathons</a></li>
<li><a href="#delhi-section">IEEE Delhi Section Awards</a></li>
<li><a href="#">Rank Holders</a></li>
<li><a href="#">Research Papers</a></li>
-->
<li><a href="index.html">Main Page</a></li>
</ul>
</div>
<span class="navTrigger">
<i></i>
<i></i>
<i></i>
</span>
</div>
</nav>
<!-- <h1 class="text-light">Pure CSS Animated Gradient Background</h1> -->
<!-- <div class="btn-group mt-2 mb-4" role="group" aria-label="actionButtons">
<a href="https://codepen-api-export-production.s3.us-west-2.amazonaws.com/zip/PEN/pyBNzX/1578778289271/pure-css-gradient-background-animation.zip" class="d-block btn btn-outline-light" download><i class="fas fa-file-download mr-2"></i>Download Source</a>
<a href="https://manuelpinto.in" target="_blank" class="d-block btn btn-outline-light">Visit my Website<i class="fas fa-external-link-square-alt ml-2"></i></a>
</div> -->
<!-- <h6 class="text-light small font-weight-bold"><i class="fas fa-code"></i> with <i class="fas fa-heart"></i> by Manuel Pinto</h6> -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/js/all.min.js" integrity="sha256-qM7QTJSlvtPSxVRjVWNM2OfTAz/3k5ovHOKmKXuYMO4=" crossorigin="anonymous"></script> -->
<section id="index-gallery">
<p>Outing and Fun Activities</p>
<h2>'Event finalise ho gya, sponsor agya'
<br>
These lines are rarely heard but IEEE gives an opportunity to it's member to organise fun event.
To blow off steam after a hectic and long semester every year the members of IEEE organise the ultimate fun events.
</h2>
<div id="space" >
<!-- <img class="logo" src="https://ece.ucdavis.edu/sites/g/files/dgvnsk8091/files/styles/sf_landscape_16x9/public/images/article/ieee_logo_official.jpg?h=cdc713a0&itok=IgLW5-9f" alt=""> -->
</div>
<div class="gallery-img img1">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img2">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img3">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img4">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img5">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img6">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img7">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img8">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img9">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img10">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img11">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img12">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img13">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img14">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img15">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img16">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img17">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img18">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img19">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img20">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img21">
<div><a href="#">This is a Squad</a></div>
</div>
<div class="gallery-img img22">
<div><a href="#">Ajmer Fort</a></div>
</div>
</section>
<script src="js/gallery.js"></script>
</body>
</html>