-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
155 lines (128 loc) · 5.12 KB
/
about.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UTSAM</title>
<!-- INCONSCOUT CDN -->
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css">
<!-- Google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">
<link rel = "stylesheet" href="css/style.css">
<link rel = "stylesheet" href="css/about.css">
</head>
<body>
<nav>
<div class="container nav__container">
<a href="index.html" class="logo-link">
<img src="images/logo.png" alt="UTSAM Logo" style="width: 5rem;">
<h1>UTSAM</h1></a>
<ul class="nav__menu">
<li><a href="index.html">Home</a></li>
<li class=current__nav><a href="about.html">Who We Are</a></li>
<li><a href="involve.html">Get Involved</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<button class ="nav_button" id="open-menu-btn"><i class="uil uil-bars"></i></button>
<button class ="nav_button" id="close-menu-btn"><i class="uil uil-multiply"></i></button>
</div>
</nav>
<section class = "about">
<div class="container about__container">
<div class="container about__left">
<h1>About Us</h1><br>
<p>
We are your event planners, content creaters and visionaries.
Join us as we bring people together through food, dance, movies and so much
more.
</p>
</div>
<div class="container about__right">
<img src="./images/IMG_5702.JPG" alt="group photo">
</div>
</div>
</section>
<section class="team">
<h2>Meet Our Team</h2>
<div class="container team__container">
<article class = "team__memeber">
<div class="team__member-image">
<img src="images/diya.jpg" alt="">
</div>
<div class="team__member-info">
<h4>Diya Anna Jinu</h4>
<p>President</p>
</div>
</article>
<article class = "team__memeber">
<div class="team__member-image">
<img src="images/annette.jpeg" alt="">
</div>
<div class="team__member-info">
<h4>Annette Leny</h4>
<p>Vice President</p>
</div>
</article>
<article class = "team__memeber">
<div class="team__member-image">
<img src="images/niranjana.jpeg" alt="">
</div>
<div class="team__member-info">
<h4>Niranjana Nair</h4>
<p>Treasurer</p>
</div>
</article>
<article class = "team__memeber">
<div class="team__member-image">
<img src="images/sebeena.jpg" alt="">
</div>
<div class="team__member-info">
<h4>Sebeena Seby</h4>
<p>Social Media Manager</p>
</div>
</article>
<article class = "team__memeber">
<div class="team__member-image">
<img src="images/sneha.jpg" alt="">
</div>
<div class="team__member-info">
<h4>Sneha Sonyl</h4>
<p>Social Media Manager</p>
</div>
</article>
<article class = "team__memeber">
<div class="team__member-image">
<img src="images/Aabha.jpg" alt="">
</div>
<div class="team__member-info">
<h4>Aabha Joseph</h4>
<p>Events Coordinator</p>
</div>
</article>
<article class = "team__memeber">
<div class="team__member-image">
<img src="images/raashi.jpeg" alt="">
</div>
<div class="team__member-info">
<h4>Raashi Nair</h4>
<p>Events Coordinator</p>
</div>
</article>
</article>
<article class = "team__memeber">
<div class="team__member-image">
<img src="images/asmi.jpeg" alt="">
</div>
<div class="team__member-info">
<h4>Asmi George</h4>
<p>Admin Specialist</p>
</div>
</article>
</div>
</section>
<footer class = "footer"></footer>
<script src="./main.js"></script>
</body>
</html>