-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathyear18.html
93 lines (89 loc) · 6.02 KB
/
year18.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
<!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/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<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">18</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 src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>