-
Notifications
You must be signed in to change notification settings - Fork 0
/
about-us.html
277 lines (245 loc) · 21.4 KB
/
about-us.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
273
274
275
276
---
layout: default
title: About us - Deep Blue C
---
{% include header-page.html title="About <span>Us</span>" class="header-block__about" text="Deep Blue C Technology Ltd is a software company based in Portsmouth, UK. For 20 years we have made easy to use analysis and training software for naval and maritime personnel, with deep support for power users. Our software has been used to great effect and is highly appreciated by our international user base. We champion Open Source development, and as a consequence all our software is free to use and well documented." btn="See our work" btn-url="/#our-works" %}
{% for section in site.data.values.block %}
<section class="mb-200 mt-md-200 numbered-list">
<div class="container">
<div class="row">
<div class="col-12 col-lg-4 numbered-list__title mobile__title">
<h2 class="title-2">{{ section.title }}</h2>
<h4 class="title-4">{{ section.subtitle }}</h4>
</div>
<div class="col-12 col-lg-8">
<div class="row">
{% for item in section.list %}
<div class="col-12 col-md-6 ">
<div class="numbered-list__item d-flex flex-column mb-5">
<div class="d-flex mb-2">
<div>
{{ item.img }}
</div>
<h4 class="ml-2">{{ item.title }}</h4>
</div>
<div class="d-flex numbered-list__text-wrap ">
<p class="numbered-list__text">{{ item.text }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</section>
{% endfor %}
<section class="goals-section mb-200">
<div class="container">
<div class="row">
<div class="col-12 col-md-4 mobile__title">
<h2 class="title-2"><span>Our </span><br> Goals</h2>
</div>
<div class="col-12 col-md-8">
<img src="../assets/images/our-goals.png" srcset="../assets/images/our-goals@2x.png 2x" alt="Our Goals" class="img-fluid">
</div>
</div>
</div>
</section>
<section class="mb-200">
<div class="container-lg">
<div class="row">
<div class="col-12 col-md-4 mobile__title mb-5">
<h2 class="title-2"><span>Our </span><br> Specialities</h2>
</div>
<div class="col-12">
{% include specialities-grid.html %}
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h3 class="title-3 mb-5">Business <span>Domains</span></h3>
</div>
<div class="col-12">
<div class="row">
<div class="col-12 col-md-4 text-center mt-4">
<svg width="210" height="191" viewBox="0 0 210 191" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M51.3977 170.774L49.6843 171.805L51.3977 170.774L51.2264 170.489L12.5763 102.453C10.0843 98.0665 10.1452 92.6786 12.7356 88.3494L53.8538 19.6311C56.3923 15.3885 60.9804 12.7995 65.9243 12.8196L146.06 13.1457C151.088 13.1662 155.719 15.8817 158.192 20.2599L196.649 88.3385C199.116 92.7069 199.058 98.0617 196.495 102.375L190.866 111.85L190.862 111.857L155.407 170.939C152.871 175.166 148.3 177.747 143.371 177.736L63.3592 177.552C58.4608 177.541 53.9245 174.97 51.3977 170.774Z" stroke="#2E3690" stroke-width="4"/>
<mask id="path-2-inside-1" fill="white">
<rect x="59.7939" y="117.933" width="15.2353" height="25.0674" rx="1"/>
</mask>
<rect x="59.7939" y="117.933" width="15.2353" height="25.0674" rx="1" stroke="#222222" stroke-width="8" stroke-linejoin="round" mask="url(#path-2-inside-1)"/>
<mask id="path-3-inside-2" fill="white">
<rect x="87" y="104.854" width="15.2353" height="38.146" rx="1"/>
</mask>
<rect x="87" y="104.854" width="15.2353" height="38.146" rx="1" fill="#4CC8ED" stroke="#222222" stroke-width="8" mask="url(#path-3-inside-2)"/>
<mask id="path-4-inside-3" fill="white">
<rect x="113.117" y="91.7754" width="15.2353" height="51.2246" rx="1"/>
</mask>
<rect x="113.117" y="91.7754" width="15.2353" height="51.2246" rx="1" stroke="#222222" stroke-width="8" mask="url(#path-4-inside-3)"/>
<mask id="path-5-inside-4" fill="white">
<rect x="139.235" y="81.9658" width="15.2353" height="61.0336" rx="1"/>
</mask>
<rect x="139.235" y="81.9658" width="15.2353" height="61.0336" rx="1" stroke="#222222" stroke-width="8" mask="url(#path-5-inside-4)"/>
<line x1="52" y1="141" x2="159" y2="141" stroke="#222222" stroke-width="4" stroke-linecap="round"/>
<path d="M106.765 75.9715C106.765 86.6567 98.3518 95.2243 88.0886 95.2243C77.8253 95.2243 69.4121 86.6567 69.4121 75.9715C69.4121 65.2863 77.8253 56.7188 88.0886 56.7188C98.3518 56.7188 106.765 65.2863 106.765 75.9715Z" stroke="#222222" stroke-width="4"/>
<path d="M98.0588 77.6067C98.0588 80.1165 96.0281 82.146 93.5294 82.146C91.0307 82.146 89 80.1165 89 77.6067C89 75.0968 91.0307 73.0674 93.5294 73.0674C96.0281 73.0674 98.0588 75.0968 98.0588 77.6067Z" fill="#4CC8ED" stroke="#222222" stroke-width="4"/>
<path d="M125.265 77.6067C125.265 80.1165 123.234 82.146 120.735 82.146C118.237 82.146 116.206 80.1165 116.206 77.6067C116.206 75.0968 118.237 73.0674 120.735 73.0674C123.234 73.0674 125.265 75.0968 125.265 77.6067Z" fill="#1172BA" stroke="#222222" stroke-width="4"/>
<path d="M150.294 52.5393C150.294 55.0492 148.263 57.0786 145.765 57.0786C143.266 57.0786 141.235 55.0492 141.235 52.5393C141.235 50.0295 143.266 48 145.765 48C148.263 48 150.294 50.0295 150.294 52.5393Z" fill="#1172BA" stroke="#222222" stroke-width="4"/>
<path d="M71.9416 103.764C71.9416 106.274 69.9109 108.303 67.4122 108.303C64.9136 108.303 62.8828 106.274 62.8828 103.764C62.8828 101.254 64.9136 99.2246 67.4122 99.2246C69.9109 99.2246 71.9416 101.254 71.9416 103.764Z" fill="#1172BA" stroke="#222222" stroke-width="4"/>
<line x1="2" y1="-2" x2="5.67198" y2="-2" transform="matrix(-0.714638 0.699494 -0.698411 -0.715697 73.9824 94.0381)" stroke="#222222" stroke-width="4" stroke-linecap="round"/>
<line x1="2" y1="-2" x2="14.3305" y2="-2" transform="matrix(-0.734291 0.678835 -0.677725 -0.735315 88.7412 79.2568)" stroke="#222222" stroke-width="4" stroke-linecap="round"/>
<line x1="99.8828" y1="77.7861" x2="105.677" y2="77.7861" stroke="#222222" stroke-width="4" stroke-linecap="round"/>
<line x1="112.879" y1="78.1807" x2="115.336" y2="78.1807" stroke="#222222" stroke-width="4" stroke-linecap="round"/>
<line x1="2" y1="-2" x2="25.723" y2="-2" transform="matrix(0.706571 -0.707642 0.706571 0.707642 123.949 76.9541)" stroke="#222222" stroke-width="4" stroke-linecap="round"/>
</svg>
<h4 class="title-4 mt-4 mb-3">Maritime Operations</h4>
<p>Maritime tactical development, Maritime operational analysis</p>
</div>
<div class="col-12 col-md-4 text-center mt-4">
<svg width="210" height="191" viewBox="0 0 210 191" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M51.3977 170.774L49.6843 171.805L51.3977 170.774L51.2264 170.489L12.5763 102.453C10.0843 98.0665 10.1452 92.6786 12.7356 88.3494L53.8538 19.6311C56.3923 15.3885 60.9804 12.7995 65.9243 12.8196L146.06 13.1457C151.088 13.1662 155.719 15.8817 158.192 20.2599L196.649 88.3385C199.116 92.7069 199.058 98.0617 196.495 102.375L190.866 111.85L190.862 111.857L155.407 170.939C152.871 175.166 148.3 177.747 143.371 177.736L63.3592 177.552C58.4608 177.541 53.9245 174.97 51.3977 170.774Z" stroke="#2E3690" stroke-width="4"/>
<path d="M110.996 49.1184C110.996 52.137 108.368 54.7368 104.932 54.7368C101.497 54.7368 98.8691 52.137 98.8691 49.1184C98.8691 46.0998 101.497 43.5 104.932 43.5C108.368 43.5 110.996 46.0998 110.996 49.1184Z" stroke="#222222" stroke-width="3"/>
<circle cx="104.932" cy="99.3922" r="43.8249" stroke="#222222" stroke-width="4"/>
<path d="M138.003 84.9041C141.588 93.1973 141.95 102.53 139.017 111.076C136.085 119.621 130.07 126.766 122.148 131.111C114.227 135.456 104.969 136.689 96.1866 134.569C87.4039 132.449 79.7282 127.129 74.6611 119.649C69.5941 112.168 67.5003 103.067 68.7894 94.1241C70.0785 85.1816 74.6577 77.0419 81.6312 71.2973C88.6047 65.5527 97.4707 62.6167 106.495 63.0637C115.518 63.5106 124.051 67.3084 130.423 73.714" stroke="#222222" stroke-width="4" stroke-linecap="round"/>
<circle cx="134.741" cy="79.3714" r="1.77961" fill="#222222"/>
<path d="M104.487 63.3555V72.2535" stroke="#222222" stroke-width="4" stroke-linecap="round"/>
<path d="M104.487 126.531V135.429" stroke="#222222" stroke-width="4" stroke-linecap="round"/>
<path d="M68.8955 99.8369H77.7935" stroke="#222222" stroke-width="4" stroke-linecap="round"/>
<path d="M132.071 99.8369H140.969" stroke="#222222" stroke-width="4" stroke-linecap="round"/>
<path d="M99.1481 93.6085L121.838 82.041L110.716 105.176L87.1357 116.743L99.1481 93.6085Z" fill="#4CC8ED"/>
<path d="M99.1481 93.6085L121.838 82.041L110.716 105.176M99.1481 93.6085L87.1357 116.743L110.716 105.176M99.1481 93.6085L110.716 105.176" stroke="#222222" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M110.5 105L99 94L87 116.5L110.5 105Z" fill="#1172BA" stroke="#222222" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<h4 class="title-4 mt-4 mb-3">Anti Submarine Warfare</h4>
<p>Search, Evasion, Target Motion Analysis, Sonar Performance</p>
</div>
<div class="col-12 col-md-4 text-center mt-4">
<svg width="210" height="191" viewBox="0 0 210 191" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M143.371 177.736L63.6023 177.552C58.5894 177.541 53.9653 174.85 51.4785 170.498L12.6068 102.46C10.098 98.0693 10.1524 92.6665 12.7491 88.3269L53.8538 19.6311C56.3923 15.3885 60.9804 12.7995 65.9243 12.8196L146.06 13.1457C151.088 13.1662 155.719 15.8817 158.192 20.2599L196.649 88.3385C199.116 92.7069 199.058 98.0617 196.495 102.375L190.866 111.85L190.862 111.857L155.407 170.939C152.871 175.166 148.3 177.747 143.371 177.736Z" stroke="#2D3691" stroke-width="4"/>
<path d="M60 56.4313L102.299 42L146.069 56.4245L146.09 56.4313L146.069 56.4383L131.161 61.4654V87.782C108.43 92.532 95.5924 92.6176 72.4408 87.782V60.5782L60 56.4313Z" fill="#1172BA"/>
<path d="M72.4408 60.5782L103.294 70.8626L131.161 61.4654M72.4408 60.5782L60 56.4313L102.299 42L146.09 56.4313L131.161 61.4654M72.4408 60.5782V87.782C95.5924 92.6176 108.43 92.532 131.161 87.782V61.4654M142.109 82.8057L145.592 79.3223M145.592 79.3223L146.09 55.436M145.592 79.3223L149.573 82.8057" stroke="#222222" stroke-width="4"/>
<path d="M99.8127 95.8762C96.5289 96.9317 93.7383 99.1127 91.9477 102.023C90.1572 104.933 89.4855 108.38 90.0548 111.736C90.624 115.093 92.3963 118.137 95.0498 120.316C97.7033 122.494 101.062 123.663 104.516 123.61C107.969 123.556 111.289 122.284 113.872 120.024C116.454 117.764 118.129 114.667 118.59 111.294C119.052 107.921 118.271 104.497 116.388 101.644C114.506 98.7908 111.647 96.6974 108.331 95.7441" stroke="#222222" stroke-width="4"/>
<path d="M77.4172 95.2462C75.9183 97.8153 75.4312 99.2157 74.929 101.715L65.9717 103.706V114.156L74.929 116.147C75.6046 119.956 76.8151 121.802 78.4124 124.606L73.4361 132.071L81.3982 140.033L88.365 134.559C91.1044 136.972 93.8266 137.881 97.3224 138.54L98.8153 147H109.763L111.256 138.54C115.511 137.225 117.289 136.433 119.716 134.559L127.678 139.535L135.142 132.071L130.166 124.606C132.085 121.538 132.916 119.631 133.649 116.147L142.607 114.156V103.208L133.649 101.715C133.228 98.5518 132.134 96.9484 130.664 94.251" stroke="#222222" stroke-width="4"/>
<path d="M60 56.5L102.023 42L146 56.5L103.5 71L60 56.5Z" fill="#4CC8ED" stroke="#222222" stroke-width="4"/>
</svg>
<h4 class="title-4 mt-4 mb-3">Knowledge Management</h4>
<p>Knowledge Capture, Sharing, Exploitation, including Lessons Learned</p>
</div>
</div>
</div>
</div>
</div>
</section>
{% include history.html %}
<section class="mb-200">
<div class="container">
<div class="row">
<div class="col-12 col-md-4 mobile__title mb-5">
<h2 class="title-2"><span>Our </span><br> Accreditations</h2>
</div>
</div>
<div class="row mb-7 mt-4">
<div class="col-12 col-md-9 col-lg-8">
<h3 class="title-3 mb-32">ISO 9001</h3>
<p>Deep Blue C has been ISO 9001 accredited since September 2011.</p>
<p>We are particularly pleased to have achieved ISO 9001 certification as it underlines our commitment to our customers and our focus on quality. Not many customers get to see their suppliers’ ‘back-office’ activities, but this recognition provides independent verification that we can provide a quality solution from quotation to delivery.</p>
</div>
<div class="col-12 col-md-3 text-center offset-lg-1">
<img src="../assets/images/iso_9001.png" srcset="../assets/images/iso_9001@2x.png 2x" alt="ISO 9001 certification" class="img-fluid">
</div>
</div>
<div class="row mb-7">
<div class="col-12 col-md-9 col-lg-8">
<h3 class="title-3 mb-32">MoD FATS/4 & FATS/D&E Accreditation</h3>
<p>In 2012, and 2015 we received FATS/4 and FATS/D&E procurement accreditations. The Ministry of Defence (MoD) uses FATS to procure specialist technical support to its defence equipment programmes to support MoD Project Teams and other Government Departments and Public Bodies.</p>
</div>
<div class="col-12 col-md-3 text-center offset-lg-1">
</div>
</div>
<div class="row mb-6 highlighting-block highlighting-block--left">
<div class="highlighting-block__hex highlighting-block__hex--left">
<svg width="364" height="326" viewBox="0 0 364 326" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M289.124 19.5165L361.115 173.312C362.185 175.597 361.942 178.282 360.479 180.338L259.851 321.724C258.423 323.73 256.047 324.838 253.592 324.643L80.8487 310.871C78.3403 310.671 76.1323 309.14 75.0654 306.861L2.88302 152.685C1.81376 150.401 2.05559 147.718 3.51607 145.662L103.95 4.28994C105.38 2.27684 107.765 1.1662 110.227 1.36722L283.354 15.5074C285.857 15.7119 288.059 17.2418 289.124 19.5165Z" stroke="#E0E0E0" stroke-width="2"/>
</svg>
</div>
<div class="col-12 col-md-11 offset-md-1 col-lg-10 offset-lg-2 col-xl-9 offset-xl-3 mt-6 mb-6">
<h3 class="title-3 mb-32">We’re accredited to deliver these services:</h3>
<h4 class="mb-4">Electrical and Mechanical</h4>
<h4 class="mb-4">Through Life Support</h4>
<h4 class="mb-4">Front Line/Operational Information Technology</h4>
<h4 class="mb-4">Transport</h4>
</div>
<div class="col-12 col-md-3 text-center offset-lg-1">
</div>
</div>
<div class="row mb-7">
<div class="col-12 col-md-9 col-lg-8">
<h3 class="title-3 mb-32">DSTL R-Cloud</h3>
<p>In 2015 Deep Blue C registered in the DSTL R-Cloud framework within the Platform Systems, C4ISR (Command, Control, Communications, Computers, Intelligence, Surveillance and Reconnaissance), and CT & S (Counter-terrorism & security) capability areas.</p>
<p>DSTL (Defence Science and Technology Laboratory), which is part of the UK MoD, has established commercial frameworks for Science and Technology (S&T) research contracts, known as R-Cloud (Research Cloud). R-Cloud offers direct access to DSTL current and future research requirements.</p>
<p>This framework will provide easy-to-use, direct access to current and future research requirements. It is currently being rolled out across all of DSTL capability areas.</p>
</div>
<div class="col-12 col-md-3 text-center offset-lg-1">
</div>
</div>
</div>
</section>
<section class="mb-200">
<div class="container">
<div class="row">
<div class="col-12 col-md-4 mobile__title mb-5">
<h2 class="title-2"><span>Our </span><br> Team</h2>
</div>
</div>
{% for item in site.data.team.top %}
<div class="row mb-7 mt-4">
<div class="col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2 mb-7">
<div class="team-card d-flex justify-content-center flex-column align-items-center text-center">
<div>
<svg class="team-card__img" width="269" height="243" viewBox="0 0 269 243" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="{{ item.image_id }}" patternUnits="userSpaceOnUse" width="269" height="243">
<image xlink:href="{{ item.image }}" x="{{ item.image_x }}" y="{{ item.image_y }}" width="{{ item.image_width }}" height="{{ item.image_height }}" />
</pattern>
</defs>
<path d="M265.238 126.515L214.444 18.0797C212.922 14.8312 209.777 12.6466 206.202 12.3548L83.9481 2.37674C80.4335 2.08989 77.0275 3.67535 74.9843 6.5494L4.07393 106.294C1.98531 109.232 1.63948 113.066 3.16878 116.331L54.0996 225.039C55.6244 228.294 58.7783 230.48 62.3609 230.765L184.338 240.483C187.844 240.762 191.238 239.18 193.278 236.316L264.327 136.558C266.42 133.62 266.768 129.782 265.238 126.515Z" fill="url(#{{ item.image_id }})" stroke="#2E3690" stroke-width="4"/>
</svg>
</div>
<h3 class="title-3 mt-3 mb-4">{{ item.title }}</h3>
<h5>{{ item.subtitle }}</h5>
<div class="divider-primary mt-3 mb-4"></div>
{% for entry in item.text %}
<p>{{ entry.paragraph }}</p>
{% endfor %}
</div>
</div>
</div>
<div id="team-members" class="row">
{% for member in item.team %}
<div id="{{member.image_id}}" class="col-12 col-md-6 col-lg-4 mb-7">
<div class="team-card d-flex justify-content-center flex-column align-items-center text-center">
<div>
<svg class="team-card__img" width="269" height="243" viewBox="0 0 269 243" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="{{ member.image_id }}" patternUnits="userSpaceOnUse" width="269" height="243">
<image xlink:href="{{ member.image }}" x="{{ member.image_x }}" y="{{ member.image_y }}" width="{{ member.image_width }}" height="{{ member.image_height }}" />
</pattern>
</defs>
<path d="M265.238 126.515L214.444 18.0797C212.922 14.8312 209.777 12.6466 206.202 12.3548L83.9481 2.37674C80.4335 2.08989 77.0275 3.67535 74.9843 6.5494L4.07393 106.294C1.98531 109.232 1.63948 113.066 3.16878 116.331L54.0996 225.039C55.6244 228.294 58.7783 230.48 62.3609 230.765L184.338 240.483C187.844 240.762 191.238 239.18 193.278 236.316L264.327 136.558C266.42 133.62 266.768 129.782 265.238 126.515Z" fill="url(#{{ member.image_id }})" stroke="#2E3690" stroke-width="4"/>
</svg>
</div>
<h4 class="title-4 mt-4 mb-2">{{ member.title }}</h4>
<p class="team-card__subtitle mb-3">{{ member.subtitle }}</p>
{% for entry in member.text %}
<p>{{ entry.paragraph }}</p>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</section>