-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
162 lines (134 loc) · 7.09 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
156
157
158
159
160
161
162
<!-- This HTML file is the About page of the website. -->
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<title>About: CaseIT MIS Case Competition</title>
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.png" />
<!-- Bootstrap library -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- JQuery, Popper, and Bootstrap -->
<!-- <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!-- Custom CSS -->
<link rel="stylesheet" href="res/css/base.css">
<link rel="stylesheet" href="res/css/header.css">
<link rel="stylesheet" href="res/css/footer.css">
<link rel="stylesheet" href="res/css/about.css">
<script>
$(function() {
$("#header").load("header.html");
$("#footer").load("footer.html");
});
</script>
</head>
<body>
<!-- jQuery injection -->
<div id="header"></div>
<div class="row">
<div class="col-sm-12 col-md-6 grid-text-only my-auto">
<div class="text-container">
<h1 class="pr-4 highlight-text">THE PREMIER INTERNATIONAL UNDERGRADUATE MIS BUSINESS CASE COMPETITION.</h1>
<p class="pt-4">
CaseIT is the premier international Management Information Systems (MIS) business case competition hosted each year in collaboration with the Beedie School of Business in Vancouver, Canada. CaseIT brings together top undergraduate business students, distinguished faculty members, experienced industry professionals, and a dedicated student-run organizing committee to challenge conventional thinking and build global connections. The competition provides a rigorous platform to test students’ critical business case analysis capabilities and empower students to present with confidence in front of esteemed industry professionals on an international stage.
</p>
</div>
</div> <!-- Column -->
<!-- Background image must be here, not in CSS -->
<div id="timeline-background" class="col-sm-12 col-md-6 top-right grid-background-image">
<div class="text-container">
<div class="px-3 py-2 white-highlight-rectangle">
<h2 class="m-auto black-text">TIMELINE OF COMPETITION ANNOUNCEMENTS</h2>
</div>
<!-- Using a table to set the bullets, vertical lines, and text -->
<table class="table-borderless">
<tbody>
<tr class="my-4">
<td class="text-center">
<img class="img-fluid dot" src="res/img/dot.svg">
</td>
<td><h3>OFFICIAL COMPETITION DATES</h3></td>
</tr>
<tr class="my-4">
<td class="text-center">
<img class="img-fluid line" src="res/img/line.svg">
</td>
<td>Mid August 2019</td>
</tr>
<tr class="my-4">
<td class="text-center">
<img class="img-fluid dot" src="res/img/dot.svg">
</td>
<td><h3>COMPETITION CASE STRUCTURE, SCORING, AND RULES</h3></td>
</tr>
<tr class="my-4">
<td class="text-center">
<img class="img-fluid line" src="res/img/line.svg">
</td>
<td>Early September 2019</td>
</tr>
<tr class="my-4">
<td class="text-center">
<img class="img-fluid dot" src="res/img/dot.svg">
</td>
<td><h3>COMPETITION ACCOMMODATIONS</h3></td>
</tr>
<tr class="my-4">
<td class="text-center">
<img class="img-fluid line" src="res/img/line.svg">
</td>
<td>Early September 2019</td>
</tr>
<tr class="my-4">
<td class="text-center">
<img class="img-fluid dot" src="res/img/dot.svg">
</td>
<td><h3>DETAILED COMPETITION WEEK SCHEDULE</h3></td>
</tr>
<tr class="my-4">
<td class="text-center">
<img class="img-fluid line" src="res/img/line.svg">
</td>
<td>Late September 2019</td>
</tr>
<tr class="my-4">
<td class="text-center">
<img class="img-fluid dot" src="res/img/dot.svg">
</td>
<td><h3>COMPETING UNIVERSITIES</h3></td>
</tr>
<tr class="my-4">
<td> <!-- No line here --> </td>
<td>Late Fall 2019</td>
</tr>
</tbody>
</table>
</div>
</div> <!-- Column -->
</div> <!-- Row -->
<div class="row no-pad align-items-center">
<div id="chair-welcome-background" class="col-sm-12 col-md-6">
<img class="img-fluid" src="res/img/chair-welcome.jpg">
</div>
<div class="col-sm-12 col-md-6 grid-text-only my-auto">
<div class="text-container">
<h1 class="pr-4 highlight-text">CHAIR'S WELCOME</h1>
<p class="pt-4">
It is our pleasure to welcome you to CaseIT 2020. CaseIT has welcomed 800 undergraduate competitors representing 43 universities from 18 different countries to compete in Vancouver since 2004.
</p>
<p class="pt-2">
The CaseIT 2020 Organizing Committee is comprised of top students from a multitude of faculties at Simon Fraser University and strive to work humbly, innovatively, and collaboratively to provide yet another unprecedented, world-class experience to all attendees.
</p>
<p class="pt-2">
Supported by the generosity of its corporate sponsors, CaseIT has since developed from an internal competition to one of the most prestigious undergraduate MIS case competitions in the world. Our team is ecstatic to connect with you and share with you our experiences and vision in building this competition.
</p>
</div>
</div> <!-- Column -->
</div> <!-- Row -->
<!-- jQuery injection -->
<div id="footer"></div>
</body>
</html>