forked from students-alumni-cell-iitkgp/sac
-
Notifications
You must be signed in to change notification settings - Fork 0
/
yoy.php
158 lines (134 loc) · 6.08 KB
/
yoy.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
<html>
<head>
<title>Yearnings of Yore</title>
<link rel="icon" href="img/meet_14.png">
<link rel="stylesheet" href="css/materialize.min.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<style type="text/css">
@media only screen and (min-width: 600px) and (max-width: 800px){
.card1{
margin-top:-5%;
}
}
</style>
</head>
<body>
<div class="_wrapper">
<?php include 'navbar.php';?>
<div class="row">
<div style="padding:3% 10% 8% 10%;">
<div class=" col l12 m12 s12 z-depth-2" style="padding-top:1%">
<center> <div class="heading ac-head" style="border:3px black solid; display: inline-block; padding-top: 2px; margin: 3px;padding-right: 20px;padding-left: 20px;" >
<h4><b>Yearnings of Yore </b></h4> </div>
</center><br>
<p class="text_align" style="padding:1% 10% 6% 10%;">Few years down the road, the only thing that remains intact are the memories we create. The transition from a place completely unknown and unexplored, to a place which is synonymous to life and friendship is what we attain in the span of few years in Kharagpur. Yearnings of Yore is a magical treasury of memoirs and photographs, which provides us an insight to the life lived by the alumni in KGP. The gist is clear from the name itself which expresses an intense longing for former times. The Magazine is gifted as a souvenir to all alumni attending the meet. It aims to create a sense of nostalgia among the alumni community who relive their beautiful old memories through literary pieces related to their presence in the institute. It helps the alumni reconnect to long lost memories hidden under the veil due to the breach of time. Through this initiative, the alumni who attended the grand reunion as well as those who were not able to attend the meet due to some reasons get a chance to walk down the memory lane.
<br><br>
Hence, every alumni is requested to share articles, photos, stories or any other media relating to their memories of the institute. Literary pieces by the current batch of students are also incorporated in this collection. This incorporation assists the alumni to get an insight to the current students' perspective towards the institute The last edition of the memoir featured various mesmerizing articles by both the student and the alumni community. From a short dictionary written by an alumnus, describing words used exclusively in Kharagpur over time to a poem written by a student, describing his journey since the first year, every piece entails a unique aspect. Yearnings of Yore doesn't only serve as a memoir, rather it is a mirror which reflects the past to the present and predicts the future to the past.
<br><br>
<center><p style="font-size:130%;padding-bottom: 15px;">Send your articles and photographs at <b>[email protected]</b></p></center>
</p>
</div>
</div>
</div>
<br><br>
<div class="container" style="width:100%;">
<div class="row" style="margin:auto;width:90%;">
<div class="col s5.5 m6 l4">
<div class="card z-depth-0 _card">
<div class="card-image">
<img src="img/yoy/yoy188.jpg" height="480px">
</div>
<div class="card-content">
<p class="text_align">Yearnings of Yore 2018</p>
</div>
</div>
</div>
<div class="col s5.5 m6 l4">
<div class="card z-depth-0 _card">
<div class="card-image">
<img src="img/yoy/yoy17.jpg" height="480px">
</div>
<div class="card-content">
<p class="text_align">Yearnings of Yore 2017</p>
</div>
</div>
</div>
<div class="col s5.5 m6 l4">
<div class="card z-depth-0 _card">
<div class="card-image">
<img src="img/yoy/2016.jpg" height="480px">
</div>
<div class="card-content">
<p class="text_align">Yearnings of Yore 2016</p>
</div>
</div>
</div>
</div>
<div class="row" style="margin:auto;width:90%;">
<div class="col s5.5 m6 l4">
<div class="card z-depth-0 _card">
<div class="card-image">
<img src="img/yoy/2015.jpg" height="480px">
</div>
<div class="card-content">
<p class="text_align">Yearnings of Yore 2015</p>
</div>
</div>
</div>
<div class="col s5.5 m6 l4">
<div class="card z-depth-0 _card">
<div class="card-image">
<img src="img/yoy/2014.jpg" height="480px">
</div>
<div class="card-content">
<p class="text_align">Yearnings of Yore 2014</p>
</div>
</div>
</div>
<div class="col s5.5 m6 l4">
<div class="card z-depth-0 _card">
<div class="card-image">
<img src="img/yoy/2010.jpg" height="480px">
</div>
<div class="card-content">
<p class="text_align">Yearnings of Yore 2010</p>
</div>
</div>
</div>
</div>
<div class="row" style="margin:auto;width:90%;">
<div class="col s5.5 m6 l4">
<div class="card z-depth-0 _card">
<div class="card-image">
<img src="img/yoy/2008.jpg" height="480px">
</div>
<div class="card-content">
<p>Yearnings of Yore 2008</p>
</div>
</div>
</div>
<div class="col s5.5 m6 l4">
<div class="card card1 z-depth-0 _card">
</div>
</div>
<div class="col s5.5 m6 l4">
<div class="card z-depth-0 _card">
<div class="card-image">
<img src="img/yoy/2006.jpg" height="480px">
</div>
<div class="card-content">
<p>Yearnings of Yore 2006</p>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include 'footer.php';?>
</body>
<script type="text/javascript" src="js/style.js"></script>
</html>