generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 2
/
services.html
272 lines (264 loc) · 13.1 KB
/
services.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
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="Virtual Reality, Augmented Reality, VR training, immersive learning">
<meta name="description" content="Virtual Reality and Augmented Reality services and use cases">
<title>Train in XR - Experts in VR and AR Learning Innovation</title>
<link rel="icon" type="image/x-icon" href="assets/favicon/favicon.ico">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"/>
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- header and navigation section -->
<header>
<nav class="navbar">
<a href="index.html">
<img src="./assets/images/txr_logo.svg" alt="Train in XR main logo" class="logo" aria-label="Train in XR logo">
</a>
<button class="hamburger-icon" id="hamburger" aria-label="menu">
<i class="fas fa-bars"></i>
</button>
<ul class="navbar-ul" id="navbar-ul">
<li><a href="services.html">Our Services</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="contact.html" class="link-demo">Book a demo</a></li>
</ul>
<a href="login.html" class="link-login">Client Login</a>
</nav>
</header>
<!-- our services page hero section -->
<section>
<div class="services-bg">
<div class="page-container">
<h1 class="page-intro">Our Services</h1>
<h3 class="page-blurb">Driven by humans. Powered by technology.</h3>
</div>
</div>
</section>
<!-- our services page intro -->
<section>
<div class="solutions-intro">
<h2>
To get started in <span class="vrar-color">Vitual Reality</span> and <span class="vrar-color">Augmented Reality</span> is less daunting, expensive or complicated than it may seem.
</h2>
<p>
We can help you know more about the lessons learned by your peers in Fortune 1000 companies who have added
immersive technologies to their learning strategies, such as:
</p>
<ul>
<li><i class="fas fa-cogs fa-fw" aria-hidden="true"></i> The best practice for using VR/AR for health and safety, procedural or soft skills training.</li>
<li><i class="fas fa-map-signs fa-fw" aria-hidden="true"></i> Roadmap to VR/AR deployment across the organization</li>
<li><i class="fas fa-shield-alt fa-fw" aria-hidden="true"></i> How to future-proof your investment in immersive technologies: 3 questions to ask before starting a VR/AR Pilot</li>
</ul>
<a href="contact.html" class="btn-large">Let's Talk</a>
</div>
</section>
<!-- our advisory & consulting services -->
<section>
<div class="advisory-container">
<div class="advisory">
<h2>Our Advisory and Consulting Services</h2>
</div>
<div class="advisory-a">
<p>Business Case Analysis and Report</p>
</div>
<div class="advisory-b">
<p>Technology Stack and Innovation Roadmap</p>
</div>
<div class="advisory-c">
<p>Procurement</p>
</div>
</div>
</section>
<!-- our services by industry using cards-->
<section>
<div class="work-intro">
<h2>Our Services by Industry</h2>
<hr class="divider">
</div>
<div class="work-container">
<article class="by-industry-card industry-list">
<div class="hospitals-img"></div>
<h4>Hospitals & Healthcare Sectors</h4>
<p>Our VR Training specific to the frontline workers enable governments and private organizations to train staff on fast-changing health & safety protocols.</p>
<a href="contact.html" class="btn-small">Schedule a demo</a>
</article>
<article class="by-industry-card industry-list">
<div class="life-sciences-img"></div>
<h4>Life Sciences & Pharmaceutical Sectors</h4>
<p>Our VR for Life Sciences industry allows users to explore and simulate working in clean room environments without any risk of contamination.</p>
<a href="contact.html" class="btn-small">Schedule a demo</a>
</article>
<article class="by-industry-card industry-list">
<div class="manufacturing-img"></div>
<h4>Manufacturing</h4>
<p>Our VR and AR training for Manufacturing enable organisations to train multiple users simultaneously, collaborate with each other and be guided by trainers remotely.</p>
<a href="contact.html" class="btn-small">Schedule a demo</a>
</article>
<article class="by-industry-card industry-list">
<div class="mining-img"></div>
<h4>Metals & Mining</h4>
<p>Our VR and AR training for the Metals & Mining sector allow for multiple participants to train simultaneously and be exposed to hazardous scenarios without risk to life or limbs.</p>
<a href="contact.html" class="btn-small">Schedule a demo</a>
</article>
<article class="by-industry-card industry-list">
<div class="oil-img"></div>
<h4>Oil & Gas</h4>
<p>Our VR and AR training for the Oil & Gas sector enable participants to train simultaneously together, be guided by trainers remotely and include multiple modules on hazard awareness.</p>
<a href="contact.html" class="btn-small">Schedule a demo</a>
</article>
<article class="by-industry-card industry-list">
<div class="transportation-img"></div>
<h4>Transportation</h4>
<p>Our immersive solutions include specific modules for the airlines, trucking and logistics sectors. These modules cover pilot training, truck drivers training and health & safety procedural training.</p>
<a href="contact.html" class="btn-small">Schedule a demo</a>
</article>
</div>
</section>
<!-- our services by VR/AR use cases using simple cards -->
<section>
<div class="use-case-intro">
<h2>Our Services by VR & AR Use Cases</h2>
<hr class="divider">
</div>
<div class="use-case-container">
<div class="use-case-card use-case-text">
<h3>Complex Manufacturing</h3>
<ol>
<li>Assembly Lines Staff</li>
<li>Engineering & Support Services</li>
<li>Health & Safety</li>
<li>GMP Personnel</li>
<li>Quality Assurance Teams</li>
<li>Technicians</li>
<li>... and more</li>
</ol>
</div>
<div class="use-case-card use-case-text">
<h3>Employee Onboarding</h3>
<ol>
<li>New Joiners (all roles)</li>
<li>New Managers (variable scenarios)</li>
<li>... and more</li>
</ol>
</div>
<div class="use-case-card use-case-text">
<h3>Gamified Learning</h3>
<ol>
<li>All Roles</li>
<li>Assembly Lines Staff</li>
<li>Client Relationship Managers</li>
<li>Customer Service</li>
<li>Health & Safety Personnel</li>
<li>Managers</li>
<li>... and more</li>
</ol>
</div>
<div class="use-case-card use-case-text">
<h3>Health & Safety Training</h3>
<ol>
<li>Frontline Workers</li>
<li>Personnel in High Risk Roles</li>
<li>... and everyone else</li>
</ol>
</div>
<div class="use-case-card use-case-text">
<h3>Leadership Skills (Conversational AI)</h3>
<ol>
<li>Aspiring Managers</li>
<li>Managers</li>
<li>... and everyone else</li>
</ol>
</div>
<div class="use-case-card use-case-text">
<h3>Management Development (Conversational AI)</h3>
<ol>
<li>Aspiring Managers</li>
<li>Managers</li>
<li>... and everyone else</li>
</ol>
</div>
<div class="use-case-card use-case-text">
<h3>Procedural Training</h3>
<ol>
<li>Assembly Line Personnel</li>
<li>Frontline Workers</li>
<li>Employees in Technical Roles</li>
<li>Engineering & Support Services</li>
<li>Technicians</li>
<li>Staff in High Risk Roles</li>
<li>... and more</li>
</ol>
</div>
<div class="use-case-card use-case-text">
<h3>AR for Remote Assistance</h3>
<ol>
<li>Engineering & Support Services</li>
<li>Technicians</li>
<li>... and more</li>
</ol>
</div>
</div>
</section>
<!-- our services page outro -->
<section>
<div class="page-outro">
<h2>Have a question? Get in touch!</h2>
<h3>We'll be pleased to answer any of your questions and talk to you about how Virtual Reality and Augmented Reality can support your business and teams.</h3>
<p>Do you have a specific immersive learning project in mind? Or you simply want to know more about immersive technologies? Drop us a note and we'll schedule a call.</p>
<a href="contact.html" class="btn-outro" id="plus">Contact Us</a>
</div>
</section>
<!-- footer section -->
<footer class="footer">
<div class="footer-container">
<div class="footer-about">
<a href="index.html">
<img src="./assets/images/txr_logo_footer.svg" class="footer-logo" alt="Train in XR logo">
</a>
<div>
<p>
We are a team of software developers, 3D modellers and learning professionals.
We're here to help solve your workforce training challenges through learning innovation.
</p>
</div>
<div class="social-networks">
<a href="https://uk.linkedin.com/" target="_blank" rel="noopener" aria-label="link to LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="https://twitter.com/" target="_blank" rel="noopener" aria-label="link to Twitter"><i class="fab fa-twitter"></i></a>
<a href="https://en-gb.facebook.com/" target="_blank" rel="noopener" aria-label="link to Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/?hl=en" target="_blank" rel="noopener" aria-label="link to Instagram"><i class="fab fa-instagram"></i></a>
<a href="https://www.youtube.com/" target="_blank" rel="noopener" aria-label="link to YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-services">
<h3>Services</h3>
<div>
<ul>
<li><a href="services.html">Advisory Consulting</a></li>
<li><a href="services.html">Learning & Development Transformation</a></li>
<li><a href="services.html">Virtual Reality</a></li>
<li><a href="services.html">Augmented Reality</a></li>
</ul>
</div>
</div>
<div class="footer-contact">
<h3>Address</h3>
<div>
<ul>
<li><i class="fas fa-map-marker-alt"></i> 123 Excel Street, London, EC2A 1BN, UK</li>
<li><i class="fas fa-phone"></i> +44 020 1234 5678</li>
<li><a href="mailto:info@txr.com" target="_blank"><i class="fas fa-at"></i> info@txr.com</a></li>
</ul>
<p class="copyright"><i>Copyright © Joy Zadan (2021)</i></p>
</div>
</div>
</div>
</footer>
<script src="assets/js/script.js"></script>
</body>
</html>