This repository has been archived by the owner on Dec 12, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
contact.html
36 lines (35 loc) · 2.29 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
---
layout: default
title: Contact WAC
permalink: /contact/
---
<div class="container">
<div class="card card-block">
<h1>Need to talk?</h1>
<p class="lead">The World Affairs Conference has staff ready to talk to you about anything, whether it's registration, conference information, or world affairs in general! If you'd like to contact us, you can check out all of the down below. We normally respond on social media and emails by the next business day.</p>
</div>
<div class="hidden-sm-down">
<div class="card-deck mt-2">
<div class="card card-block card-danger card-inverse card-full">
<h2 class="card-title"><a class="contact-color" href="{{site.email}}"><span class="fa fa-fw fa-envelope"></span> wac@ucc.on.ca</a></h2>
</div>
<div class="card card-block card-primary card-inverse card-full">
<h2 class="card-title"><a class="contact-color" href="{{site.facebook}}"><span class="fa fa-fw fa-facebook"></span> World Affairs Conference</a></h2>
</div>
</div>
<div class="card-deck mt-2">
<div class="card card-block card-inverse bg-instagram card-full">
<h2 class="card-title"><a class="contact-color" href="{{site.instagram}}"><span class="fa fa-fw fa-instagram"></span> @WorldAffairsCon</a></h2>
</div>
<div class="card card-block card-info card-inverse card-full">
<h2 class="card-title"><a class="contact-color" href="{{site.twitter}}"><span class="fa fa-fw fa-twitter"></span> @WorldAffairsCon</a></h2>
</div>
</div>
</div>
<div class="hidden-md-up mt-2">
<button type="button" class="btn btn-danger btn-lg btn-block"><a class="contact-color" href="{{site.email}}"><span class="fa fa-fw fa-envelope"></span> wac@ucc.on.ca</a></button>
<button type="button" class="btn btn-primary btn-lg btn-block"><a class="contact-color" href="{{site.facebook}}"><span class="fa fa-fw fa-facebook"></span> WAC</a></button>
<button type="button" class="btn btn-inverse bg-instagram btn-lg btn-block"><a class="contact-color" href="{{site.instagram}}"><span class="fa fa-fw fa-instagram"></span> @WorldAffairsCon</a></button>
<button type="button" class="btn btn-info btn-lg btn-block"><a class="contact-color" href="{{site.twitter}}"><span class="fa fa-fw fa-twitter"></span> @WorldAffairsCon</a></button>
</div>
</div>