-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
180 lines (173 loc) · 7.48 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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
---
layout: index
title: Custom Software Solutions Development | FI
description: Bespoke software development based in the heart of Toronto’s tech community. Custom web and mobile apps, technical training, data visualization and more.
---
<div id="webgl-cubes-container"></div>
<div id="index">
<div id="cube-scenes">
<div class="cube-scene-wrapper">
<div class="cube-scene cube-scene-1">
<div class="cube-scene-content">
<div class="scene-page-header">
<h1>Evolving your business through custom software solutions</h1>
</div>
</div>
</div>
</div>
<div class="cube-scene-wrapper-alternate-colors">
<div class="cube-scene cube-scene-2 fade-out hidden alternate-colors">
<div class="cube-scene-content">
<h2 class="cube-scene-header">What We Offer</h2>
<p>Here’s what you can gain by working with the FI software engineering team. We don’t just code, we help you achieve your business goals.</p>
<div id="offering-cards">
<div class="card-wrapper">
<a href="/custom-software-solutions-services.html#scaling" class="square-no-canvas card" data-color="yellow">
<img src="" style="background-image: url({% asset_path cards/scaling_bg.png %});" alt="" class="card-image" />
<div class="card-icon icon">
<object data="{% asset_path icons/globe.svg %}" type="image/svg+xml"></object>
</div>
<div class="card-content">
<h2 class="card-title">Grow your<br>business</h2>
<ul class="card-list">
<li>Web & Mobile App Development</li>
<li>Backend Software Solutions</li>
<li>Code Review & Rescue Services</li>
</ul>
</div>
<div class="card-arrow">
<i class="fa fa-chevron-right"></i>
</div>
</a>
</div>
<div class="card-wrapper">
<a href="/custom-software-solutions-services.html#building" class="square-no-canvas card" data-color="blue">
<img src="" style="background-image: url({% asset_path cards/building_bg.png %});" alt="" class="card-image" />
<div class="card-icon icon">
<object data="{% asset_path icons/tools.svg %}" type="image/svg+xml"></object>
</div>
<div class="card-content">
<h2 class="card-title">Build your<br>capabilities</h2>
<ul class="card-list">
<li>Technical Training</li>
<li>Internal Support</li>
<li>Contract Developers</li>
</ul>
</div>
<div class="card-arrow">
<i class="fa fa-chevron-right"></i>
</div>
</a>
</div>
<div class="card-wrapper">
<a href="/custom-software-solutions-services.html#data" class="square-no-canvas card" data-color="yellow">
<img src="" style="background-image: url({% asset_path cards/data_bg.png %});" alt="" class="card-image" />
<div class="card-icon icon">
<object data="{% asset_path icons/arrows_out.svg %}" type="image/svg+xml"></object>
</div>
<div class="card-content">
<h2 class="card-title">Leverage your<br>data</h2>
<ul class="card-list">
<li>Building Data Infrastructure</li>
<li>Data Management Solutions</li>
<li>Data Visualization Solutions</li>
</ul>
</div>
<div class="card-arrow">
<i class="fa fa-chevron-right"></i>
</div>
</a>
</div>
</div>
<div class="text-center">
<a href="/contact-custom-software-solutions.html" class="call-to-action" data-color="blue">
<span>Let’s Chat</span>
<span class="inline-icon">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="cube-scene-wrapper">
<div class="cube-scene cube-scene-3">
<div class="cube-scene-content">
<h2 class="cube-scene-header">Some of Our Clients</h2>
<div class="client-logos-container">
<div class="client-logo-container">
<img src="{% asset_path logos/mcmaster.png %}" alt="" id="mcmaster" />
</div>
<div class="client-logo-container">
<img src="{% asset_path logos/canlii.png %}" alt="" id="canlii" />
</div>
<div class="client-logo-container">
<img src="{% asset_path logos/rogers.png %}" alt="" />
</div>
<div class="client-logo-container">
<img src="{% asset_path logos/fasken.png %}" alt="" />
</div>
<div class="client-logo-container">
<img src="{% asset_path logos/blackberry.png %}" alt="" />
</div>
<div class="client-logo-container">
<img src="{% asset_path logos/dodge.png %}" alt="" />
</div>
</div>
<div class="text-center">
<a href="/about/our_work.html" class="call-to-action" data-color="yellow">
<span>Learn More</span>
<span class="inline-icon">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="cube-scene-wrapper-alternate-colors">
<div class="cube-scene cube-scene-4 alternate-colors">
<div class="cube-scene-squares">
<div class="cube-scene-title-square">
<div class="square-no-canvas fill" data-color="yellow">
<h2>FI Labs</h2>
</div>
</div>
<div class="cube-scene-graphic-square">
<div class="square-no-canvas fill icon" data-type="outlined" data-color="teal">
<object data="{% asset_path icons/beaker.svg %}" type="image/svg+xml"></object>
</div>
</div>
</div>
<div class="cube-scene-squares-text">
<p>
Every quarter FI accepts applications from promising startups that just need a technical edge to hit the ground running.
</p>
<div class="text-center">
<a href="/contact-custom-software-solutions.html" class="call-to-action" data-color="yellow">
<span>Get in Touch to Learn More</span>
<span class="inline-icon">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
</span>
</a>
</div>
</div>
</div>
</div>
<div id="footer-scene-wrapper">
<div id="footer-scene" class="cube-scene">
{% include partials/footer.html %}
</div>
</div>
</div>
<div class="cube-scene-arrow-wrapper" data-direction="up">
<a href="" class="cube-scene-arrow hidden" data-color="white">
<i class="fa fa-chevron-up" aria-hidden="true"></i>
</a>
</div>
<div class="cube-scene-arrow-wrapper" data-direction="down">
<a href="" class="cube-scene-arrow" data-color="white">
<i class="fa fa-chevron-down" aria-hidden="true"></i>
</a>
</div>
</div>