forked from glitch-user/students.iiitr.ac.in
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathevents.html
75 lines (58 loc) · 1.85 KB
/
events.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
---
title: Events
layout: default
---
<style>
.update-section {
background-color: #1D1D27;
}
.update-cards {
box-shadow: 5px 8px 32px 20px rgba(31, 38, 135, 0.37);
margin-bottom: 20px;
}
.update-cards img {
width: 100%;
}
.update-cards p {
height: 80px;
overflow-y: hidden;
}
.button1 {
background-color: hsl(246, 32%, 51%);
color: black;
}
.button1:hover {
background-color: #2c2f7f;
color: white;
}
@media only screen and (min-width: 600px) {
.update-cards img {
height: 250px;
}
}
</style>
<!-- CLASS -->
<section class="class section update-section" id="class">
<div class="container">
<div class="row">
<div class="col-lg-12 col-12 text-center mb-5">
<h6 data-aos="fade-up"></h6>
<h2 style="color: white;" data-aos="fade-up" data-aos-delay="200"><b>Events</b></h2>
</div>
{% assign update = site.categories['updates'] %}
{% for post in update %}
<div class="col-lg-4 col-md-6 col-12" data-aos="fade-up" data-aos-delay="400">
<div class="class-thumb update-cards">
<img src="/assets/images/updates/{{ post.img_1 }}" class="img-fluid" alt="Class">
<div class="class-info">
<h3 style="color:black">{{ post.title }}</h3>
<h5 style="color: rgb(0, 0, 0);">{{ post.date | date: "%d %b %Y" }}</h5>
<!-- <p>{{ post.content }}</p> -->
<a href="{{ post.url | absolute_url }}"><button class="btn button1">More</button></a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</section>