forked from iveytechclub/iveytechclub.ca
-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
148 lines (147 loc) · 5.06 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap"
rel="stylesheet"
/>
<!-- Stylesheets -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
crossorigin="anonymous"
/>
<link rel="stylesheet" type="text/css" href="./global.css" />
<link
rel="stylesheet"
type="text/css"
href="pages/ContactPage/contact.css"
/>
<!-- Font Awesome -->
<script
src="https://kit.fontawesome.com/a1f2f06675.js"
crossorigin="anonymous"
></script>
<link rel="icon" type="image/png" href="./assets/favicon.png" />
<title>ITC Contact</title>
</head>
<body>
<div class="container">
<div id="react-navbar"></div>
<div class="contact-page">
<h1>Contact Us</h1>
<h2 class="primary text-center">Connect with us online:</h2>
<div class="row">
<div class="col-lg-4 col-md-12 mb-5 mb-md-5 mb-lg-0">
<div class="online-item fb shine">
<div class="shine-img">
<i class="fas fa-desktop"></i>
<i class="fab fa-facebook-f"></i>
</div>
<h2 class="online-item-header primary">Facebook</h2>
<p class="online-item-description">
Join us for events & updates, send us a message, and more!
</p>
<a
href="https://www.facebook.com/IveyTechnologyClub"
target="_blank"
>
<button class="secondary">Connect</button>
</a>
</div>
</div>
<div class="col-lg-4 col-md-12 mb-5 mb-md-5 mb-lg-0">
<div class="online-item exec shine">
<div class="shine-img">
<i class="fas fa-user-friends"></i>
</div>
<h2 class="online-item-header primary">Leadership</h2>
<p class="online-item-description">
Send our executive team an email about partnerships,
opportunities, or other official biz.
</p>
<a href="mailto:[email protected]">
<button class="secondary">Connect</button>
</a>
</div>
</div>
<div class="col-lg-4 col-md-12 mb-5 mb-md-5 mb-lg-0">
<div class="online-item comms shine">
<div class="shine-img">
<i class="fas fa-bullhorn"></i>
</div>
<h2 class="online-item-header primary">Comms</h2>
<p class="online-item-description">
Reach out to be featured in our newsletter and more!
</p>
<a href="mailto:[email protected]">
<button class="secondary">Connect</button>
</a>
</div>
</div>
</div>
<h2 class="primary text-center second">
Afraid of tech? Reach us in-person:
</h2>
<div class="ivey-container shine d-flex">
<div class="ivey-img shine-img"></div>
<div
class="
d-flex
flex-column
ms-0 ms-md-5
align-items-center
justify-content-center
flex-grow-1
"
>
<h2 class="primary">The Richard Ivey Building</h2>
<p class="text-center">
Western University <br />
1255 Western Road <br />
London, Ontario, Canada <br />
N6G 0N1 <br />
(519) 661-3206
</p>
<a href="https://goo.gl/maps/44izypfgtsnuhgvC8" target="_blank">
<button class="secondary">Visit</button>
</a>
</div>
</div>
</div>
<section id="footer-target"></section>
</div>
<!-- Bootstrap JS -->
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
crossorigin="anonymous"
></script>
<!-- Load React. -->
<script
crossorigin
src="https://unpkg.com/react@17/umd/react.production.min.js"
></script>
<script
crossorigin
src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"
></script>
<!-- Define nav location for navbar -->
<script>
const PAGE = "contact";
</script>
<!-- Load compiled React components and their styles. -->
<script src="build/NavBar/navbar.js"></script>
<script src="build/Footer/footer.js"></script>
<link
rel="stylesheet"
type="text/css"
href="components/NavBar/navbar.css"
/>
</body>
</html>