-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathyear20.html
More file actions
93 lines (89 loc) · 6.02 KB
/
year20.html
File metadata and controls
93 lines (89 loc) · 6.02 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="year21.css">
<link rel="icon" type="image/png" href="img/osaicon.png"/>
</head>
<body>
<section id="about" class="about section-bg">
<div class="container" data-aos="fade-up">
<div class="about-us">
<h1>20<span id="year">20</span></h1>
<br><br>
<!-- <h3>Who We Are</h3> -->
<!-- <p>Established in September of 2017, the JIIT-OSA Student Chapter is Jaypee Institute of Information Technology’s only internationally recognised scientific body. We are a group of science enthusiasts that are hungry for impact. We conduct workshops on the latest skills in STEM, go for industry visits, compete in hackathons, do some research and attend international conferences.</p> -->
</div>
<div class="row">
<div class="col-lg-6" data-aos="fade-right" data-aos-delay="100">
<img src="img.jpg" class="img-fluid image-stl" alt="">
</div>
<div class="col-lg-6 pt-4 pt-lg-0 content d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="100">
<h2>Event 1</h2>
<h4>Date</h4>
<p class="fst-italic">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam alias minima repudiandae. Natus assumenda, quis
autem obcaecati sequi odit doloremque totam animi soluta, hic ullam magnam! Quam repellendus corrupti recusandae!
Reprehenderit dolores quo architecto magni dolorum cupiditate provident eos sint impedit? Est maxime, possimus perferendis
ab natus laboriosam consequuntur amet vero necessitatibus ipsa, voluptates, a ipsum velit sunt voluptate iste!
</p>
</div>
</div>
<div class="row">
<div class="col-lg-6 pt-4 pt-lg-0 content d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="100">
<h2>Event 2</h2>
<h4>Date</h4>
<p class="fst-italic">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam alias minima repudiandae. Natus assumenda, quis
autem obcaecati sequi odit doloremque totam animi soluta, hic ullam magnam! Quam repellendus corrupti recusandae!
Reprehenderit dolores quo architecto magni dolorum cupiditate provident eos sint impedit? Est maxime, possimus perferendis
ab natus laboriosam consequuntur amet vero necessitatibus ipsa, voluptates, a ipsum velit sunt voluptate iste!
</p>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="80">
<img src="img.jpg" class="img-fluid image-stl" alt="">
</div>
</div>
<div class="row">
<div class="col-lg-6" data-aos="fade-right" data-aos-delay="100">
<img src="img.jpg" class="img-fluid image-stl" alt="">
</div>
<div class="col-lg-6 pt-4 pt-lg-0 content d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="100">
<h2>Event 3</h2>
<h4>Date</h4>
<p class="fst-italic">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam alias minima repudiandae. Natus assumenda, quis
autem obcaecati sequi odit doloremque totam animi soluta, hic ullam magnam! Quam repellendus corrupti recusandae!
Reprehenderit dolores quo architecto magni dolorum cupiditate provident eos sint impedit? Est maxime, possimus perferendis
ab natus laboriosam consequuntur amet vero necessitatibus ipsa, voluptates, a ipsum velit sunt voluptate iste!
</p>
</div>
</div>
<div class="row">
<div class="col-lg-6 pt-4 pt-lg-0 content d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="100">
<h2>Event 4</h2>
<h4>Date</h4>
<p class="fst-italic">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam alias minima repudiandae. Natus assumenda, quis
autem obcaecati sequi odit doloremque totam animi soluta, hic ullam magnam! Quam repellendus corrupti recusandae!
Reprehenderit dolores quo architecto magni dolorum cupiditate provident eos sint impedit? Est maxime, possimus perferendis
ab natus laboriosam consequuntur amet vero necessitatibus ipsa, voluptates, a ipsum velit sunt voluptate iste!
</p>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="80">
<img src="img.jpg" class="img-fluid image-stl" alt="">
</div>
</div><br><br>
</section>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script>
AOS.init();
</script>
</body>
</html>