forked from punit121/SAC_WEBSITE
-
Notifications
You must be signed in to change notification settings - Fork 3
/
yearbook.php
159 lines (151 loc) · 7.33 KB
/
yearbook.php
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
<html>
<head>
<title>Students' Alumni Cell · IIT Kharagpur</title>
<?php include 'css_include.php'; ?>
<style>
.foo{
background-image:url('img/vinay.png');width:1330px;background-repeat:no-repeat;margin-left:15px; }
</style>
</head>
<body>
<div class="container">
<?php include 'topheader.php'; ?>
<?php include 'navbar.php'; ?>
<h2 style="text-align:center;margin-top:80px;">YearBook</h2>
<p style="text-align:justify;padding:20px;">The yearbook is a hardbound book that attempts to capture memories for the graduating batches of any institute. ‘Where would we be in thirty years?’ ‘How would I remember my friends with whom I have studied, played, laughed, cried, partied, fought and lived for the past four or five odd years of my life.' These are the questions that bog the minds of the senior year students. This is where the yearbook emerges as the savior. In nostalgic moments of looking back, the yearbook supplements the alumni with visuals to those fleeting memories, photographs of their batch-mates, stills from the events that took place, inspiring words from that professor they looked up to. It gives them an opportunity to relive their golden days.<br>
The Students’ Alumni Cell works throughout the year to produce three separate yearbooks, one for each of the graduating batches of the Undergraduate, Post Graduate and Research Scholar programs. The Director, the Dean of Alumni Affairs and International Relations, are among many professors who wish the graduating batches well for their lives after KGP in their own ways. Sections, dedicated to each of the departments include a message from the Head Of Departments other than mentioning the names and photographs of its graduating students. The yearbooks also showcase all the events that IIT Kharagpur organized in the year that passed. It features what the societies, cells, and organizations have been up to, the same societies that used up most of their evenings at Kharagpur, which as KGpians would agree weren’t always to their liking.<br>
Each year, the Students’ Alumni Cell strives to make the yearbook as wholesome and eliciting of emotion and spirit for the alumni.</p>
<div class="row" >
<div class="col-md-6" >
<div class="image" style="padding:8px;">
<a data-toggle="modal" data-target="#myModal1"><img src="img\yearbook\12.jpg" height="300" /></a>
<br>
Yearbook 2015
<div class="modal fade" id="myModal1" role="dialog">
<div class="modal-dialog ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Yearbook 2015</h4>
</div>
<div class="modal-body">
<button type="button" class="btn btn-primary btn-md" style="width:75px;">UG</button>
<button type="button" class="btn btn-primary btn-md" style="width:75px;">PG</button>
<button type="button" class="btn btn-primary btn-md" style="width:75px;">RS</button>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div></div>
<div class="col-md-6">
<div class="image" style=";padding:8px;">
<a data-toggle="modal" data-target="#myModal2"><img src="img\yearbook\13.jpg" height="300" ></a>
<br>
Yearbook 2014
<div class="modal fade" id="myModal2" role="dialog">
<div class="modal-dialog ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Yearbook 2014</h4>
</div>
<div class="modal-body">
<button type="button" class="btn btn-primary btn-md" style="width:75px;" >UG</button>
<button type="button" class="btn btn-primary btn-md" style="width:75px;">PG</button>
<button type="button" class="btn btn-primary btn-md" style="width:75px;">RS</button>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div></div>
</div>
<div class="row">
<div class="col-md-6" >
<div class="image" style="text-align:center;">
<a data-toggle="modal" data-target="#myModal3"><img src="img\yearbook\7.jpg" width="225px" height="300" style="border:1px solid black;"></a>
<br>
Yearbook 2013
<div class="modal fade" id="myModal3" role="dialog">
<div class="modal-dialog ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Yearbook 2012</h4>
</div>
<div class="modal-body">
<button type="button" class="btn btn-primary btn-md" style="width:75px;" >UG</button>
<button type="button" class="btn btn-primary btn-md" style="width:75px;" >PG</button>
<button type="button" class="btn btn-primary btn-md" style="width:75px;">RS</button>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div></div>
<div class="col-md-6">
<div class="image" style="padding:8px;">
<a data-toggle="modal" data-target="#myModal4"><img src="http://placehold.it/225x300" height="300" ></a>
<br>
Yearbook 2012
<div class="modal fade" id="myModal4" role="dialog">
<div class="modal-dialog ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Yearbook 2012</h4>
</div>
<div class="modal-body">
<button type="button" class="btn btn-primary btn-md" style="width:75px;">UG</button>
<button type="button" class="btn btn-primary btn-md" style="width:75px;">PG</button>
<button type="button" class="btn btn-primary btn-md" style="width:75px;">RS</button>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div></div>
</div>
<div class="row">
<div class="col-md-12" >
<div class="image" style="text-align:center;">
<a data-toggle="modal" data-target="#myModal5"><img src="img\yearbook\9.jpg" height="250" ></a>
<br>
Yearbook 2011
<div class="modal fade" id="myModal5" role="dialog">
<div class="modal-dialog ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Yearbook 2011</h4>
</div>
<div class="modal-body">
<button type="button" class="btn btn-primary btn-md" style="width:75px;">UG</button>
<button type="button" class="btn btn-primary btn-md" style="width:75px;">PG</button>
<button type="button" class="btn btn-primary btn-md" style="width:75px;">RS</button>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div>
<div class="foo">
<?php include 'spons-slider.php' ;?>
<?php include 'footer.php';?>
</div>
<?php include 'js_include.php';?>
</body>
</html>