-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (119 loc) · 5.93 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- Spectral Font -->
<link href='https://fonts.googleapis.com/css?family=Spectral' rel='stylesheet'>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<!-- Custom CSS -->
<link href="css/common.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<link href="css/navbar.css" rel="stylesheet">
<title>TCCSA</title>
<link rel="icon" href="images/logo.jpg">
</head>
<div class="banner">
<img class="logo" src="images/logo.jpg" alt=" logo did not load">
<h1>TCCSA <span class="nowrap-title"> 三一華人</span> </h1>
<h3>Trinity College Chinese Students Association</h3>
</div>
<nav class="navbar navbar-expand-sm navbar-dark bg-theme">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-fill w-100">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="events.html">Events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="team.html">Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
<body>
<div class="background-image-container">
<img id="bg-image" src="images/background/trinity2.jpg" class="blur">
<!--<div class="centered-text"><h1>Welcome <span class="nowrap-title">
歡迎 ! </span></h1></div>-->
<div class="img-location"><p>Trinity College</p></div>
</div>
<script type="text/javascript" src="js/common.js">
</script>
<script type="text/javascript">
loadFullImage(fullImageSrc="images/background/trinity2.jpg")
</script>
<div class="container">
<div class="page-title">
<h2>Glad you came! We're happy to have you.
<i class="far fa-smile-wink"></i></h2>
</div>
<p>
Welcome to the Trinity College Chinese Students Association's
newly launched website! We will be posting everything TCCSA here
so stay tuned (bookmark) and check often!
</p>
<p>
2018-2019 was another fruitful academic year for us. We oversaw a number
of successful events, such as the third ever Chinese New Year High Table
dinner at Trinity College, which was one of the biggest events in the
college this year, featuring record numbers of participants. We
hope to better our success this following academic year and work
on the continued growth and expansion of our club.
</p>
<p>
And of course, we need to thank all of you that came to our events.
All of our events would not have been possible if it weren't for
you lot. The more that come, the better the events become for
everyone.
</p>
<p>
In return for your awesomeness and support, this year
we promise you the biggest and most badass events to date.
<i class="fas fa-hand-peace"></i>
</p>
<div class="home-card">
<img src="images/team19.jpg">
</div>
<h3>
<i class="fas fa-thumbs-up"></i> Best Wishes
</h3>
<h3>
<h4>
- TCCSA Team
</h4>
</div>
<footer class="custom-footer">
<!-- U of T Student Group Disclaimer -->
<p class="disclaimer">DISCLAIMER: The content of this web site is entirely the responsibility of a campus organization which is independent from the University of Toronto. The opinions expressed do not necessarily reflect those of the University. The University of Toronto shall not be liable for any damage resulting from the use or misuse of the contents of this web site.
</p>
<div class="social-media">
<a href="mailto:[email protected]" class="fas fa-envelope-square"></a>
<a href="https://www.facebook.com/trinitychinese/" class="fab fa-facebook" target="_blank"></a>
<a class="fab fa-weixin" href="images/wechatQR.jpg" target="_blank"> </a>
</div>
<p class="copyright">Copyright© 2020 Trinity College Chinese Students Association</p>
<!-- <span class="copyright">Copyright© 2019 Trinity College Chinese Students Association<span> -->
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<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>
</body>
</html>