-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (148 loc) · 6.67 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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
---
# Template variables
title: Homepage
layout: default
hero: false
custom_css:
- /assets/css/page-specific/index.css
- https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css
custom_js:
- /assets/js/instagram-fetch.js
- https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js
- /assets/js/carousel-of-partners.js
---
<div id="homepageCover">
<div class="py-5 container px-4 px-md-0">
<div class="row">
<div class="col-sm-3 col-md-4 p-0" data-aos="fade-left">
<div class="px-5 px-sm-0">
<img src="/assets/img/homepage/live-icon.png" alt="LIVE Competition Icon" class="img-fluid px-5 px-sm-0" />
</div>
</div>
<div class="col-sm-9 col-md-8 p-0" data-aos="fade-right">
<div class="pt-0 pt-md-5 text-center text-sm-left">
<h1 class="display-1 d-lg-inline">Live</h1>
<h2 class=" display-1 d-none d-lg-inline"><br/>Competition</h2>
<h1 class="d-lg-none">Competition</h1>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="p-5 container py-5 text-center">
<div class="px-md-5" data-aos="fade-up" data-aos-duration="1600" data-aos-offset="80">
<div class="px-md-5">
<div class="px-lg-5">
<h2 class="font-secondary text-primary h1">Countdown to Live</h2>
</div>
</div>
</div>
</div> -->
<div class="bg-white p-5">
<div class="container text-center">
<div class="px-md-5" data-aos="fade-up" data-aos-duration="1600" data-aos-offset="80">
<div class="px-md-5">
<div class="px-lg-5">
<h2 class="font-secondary text-primary text-uppercase h1">Join the <span class="text-secondary">LIVE XV</span> Team</h2>
<a target="_blank" href="https://drive.google.com/drive/folders/1003nKm7UWk7xAhgSVB2XCA7xTFV82jL0?usp=sharing" class="btn btn-outline-primary">View Open Positions</a>
</div>
</div>
</div>
</div>
</div>
<div class="bg-light p-5">
<div class="container py-md-5 text-center">
<div class="px-md-5" data-aos="fade-up" data-aos-duration="1600" data-aos-offset="80">
<div class="px-md-5">
<div class="px-lg-5">
<h2 class="font-secondary text-primary text-uppercase h1">Leading Innovative Visions To Execution</h2>
<p class="m-0 mt-4">Entering our fourteenth year of operations, LIVE hosts the best and brightest students from all over Canada in an immersive business case competition.</p>
</div>
</div>
</div>
</div>
</div>
<div class="py-5 text-center">
<div class="container px-md-5">
<h2 class="font-secondary text-primary h1" data-aos="fade-up">Our Events</h2>
<div class="row px-lg-5 pt-4">
<div class="col-md text-left pr-md-4" data-aos="fade-right">
<img src="/assets/img/homepage/flc-thumbnail.png" class="img-fluid" />
<p class="mt-4 pb-2" data-aos="zoom-out-right">Future Leaders Challenge (FLC) is an innovative business case competition designed to give high school students, with a passion for business, the opportunity to face the risk, challenges, and rewards of managing their own companies.</p>
</div>
<div class="col-md text-left pl-md-4" data-aos="fade-left">
<img src="/assets/img/homepage/live-thumbnail.png" class="img-fluid" />
<p class="mt-4" data-aos="zoom-out-left">LIVE Competition is a two-day multidisciplinary case competition that brings together elite talent for delegates to showcase their academic and professional skills while gaining practical knowledge in a realistic and interactive business environment.</p>
</div>
</div>
</div>
</div>
<div class="bg-light py-5">
<div class="container px-md-5 text-center">
<h2 class="font-secondary text-primary h1" data-aos="fade-up">The Stats</h2>
<div class="row pt-4">
<div class="col-sm" data-aos="fade-left">
<div class="px-5 px-sm-0">
<img src="/assets/img/icons/employee-final-g.png" class="img-fluid px-5 px-sm-0 px-md-5">
</div>
<span class="font-secondary h2 d-block m-0 mt-3">120</span>
<span class="stat-item">Delegates</span>
</div>
<div class="col-sm" data-aos="fade-up">
<div class="px-5 px-sm-0 pt-5 pt-sm-0">
<img src="/assets/img/icons/university-final-g.png" class="img-fluid px-5 px-sm-0 px-md-5">
</div>
<span class="font-secondary h2 d-block m-0 mt-3">10+</span>
<span class="stat-item">Universities</span>
</div>
<div class="col-sm" data-aos="fade-right">
<div class="px-5 px-sm-0 pt-5 pt-sm-0">
<img src="/assets/img/icons/trophy-final-g.png" class="img-fluid px-5 px-sm-0 px-md-5">
</div>
<span class="font-secondary h2 d-block m-0 mt-3">$6000</span>
<span class="stat-item">Dollars in Prizing</span>
</div>
</div>
</div>
</div>
<div class="py-5 text-center">
<div class="container px-md-5" data-aos="fade-up">
<h2 class="font-secondary text-primary h1">Our Mission</h2>
<p class="pt-3">LIVE believes in being a platform to showcase elite talent amongst partners and delegates.</p>
</div>
</div>
<div class="py-5 text-center" id="judgesCover">
<div class="py-5 container" data-aos="zoom-out-up" data-aos-duration="1500">
<h2 class="font-secondary text-white display-4 mb-4">Get Involved</h2>
<a href="/get-involved/partner-with-us" class="btn btn-primary">Corporate Sponsorship</a>
</div>
</div>
<div class="container py-5 text-center" data-aos="fade-up">
<h2 class="font-secondary text-primary h1 mb-4">Past Partners</h2>
<div class="px-3 px-md-0">
{% include carousel-of-partners.html %}
</div>
</div>
<div class="container py-5" id="letsGetSocial">
<h2 class="font-secondary text-primary h1 m-0" data-aos="fade-left">Let's Get Social</h2>
<p class="m-0" data-aos="fade-up"><a href="https://www.instagram.com/livecompetition/" target="_blank" class="text-muted text-decoration-none"><i class="fab fa-instagram fa-lg"></i> @livecompetition</a></p>
<div data-aos="fade-up" id="instagramFetchLoading" class="text-center mt-5 p-5 bg-light">
<img src="/assets/branding/live/icon.png" alt="LIVE Competition Icon" class="loading-animation" />
<p class="m-0 mt-3"><strong>Loading...</strong></p>
</div>
<div id="instagramFeed" style="display:none;" class="pb-5">
<style>
.ig-post img:hover {
opacity: 0.6;
}
</style>
<div class="row">
<div class="ig-post col-6 col-md-4 pt-5"></div>
<div class="ig-post col-6 col-md-4 pt-5"></div>
<div class="ig-post col-6 col-md-4 pt-5"></div>
<div class="ig-post col-6 col-md-4 pt-5"></div>
<div class="ig-post col-6 col-md-4 pt-5"></div>
<div class="ig-post col-6 col-md-4 pt-5"></div>
</div>
</div>
</div>