-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
323 lines (281 loc) · 27.3 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
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
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
---
layout: default
title: Deep Blue C Technology Ltd
---
{% include header-page.html title="Deep <span>Blue</span> C" class="header-block__home" text="Deep Blue C Technology Ltd makes demonstrably effective, easy to use software for naval defence analysts, with deep support for power users. Our open source model ensures our products are always free to use and highly documented, while our international user base and 20 year track record demonstrates our ability to keep up with the industry’s proven best practices " btn="Our works" btn-url="#our-works" link-url="/about-us" link-text="Learn more about us " link-symbol="→" %}
<section class="pf-nav-section">
<a name="our-works"></a>
<div class="container mt-100">
<h2 class="title-2 mb-7"><span>App</span> Portfolio</h2>
<div class="pf-nav pt-5">
<div class="row">
<div class="col-6 col-md-4 mb-6 text-center">
<a href="/#debrief" class="pf-nav__link">
<svg class="pf-nav__item--bg" viewbox="0 0 267 307" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M136.515 3.065L261.45 75.6661C263.298 76.7401 264.435 78.7162 264.435 80.8538V226.146C264.435 228.284 263.298 230.26 261.45 231.334L136.515 303.935C134.651 305.018 132.349 305.018 130.485 303.935L5.55047 231.334C3.70231 230.26 2.56509 228.284 2.56509 226.146V80.8538C2.56509 78.7162 3.70231 76.7401 5.55047 75.6661L130.485 3.06501C132.349 1.98192 134.651 1.98191 136.515 3.065Z" stroke="#2E3690" stroke-width="4" fill="#2E3690"/>
</svg>
<svg class="pf-nav__item" viewbox="0 0 267 307" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="pf-nav-1" patternUnits="userSpaceOnUse" width="267" height="307">
<image xlink:href="../assets/images/debrief-app.jpg" x="-70" width="487" height="325" />
</pattern>
</defs>
<polygon points="136.515 3.065, 261.450 75.666, 264.435 80.854, 264.435 226.146, 261.450 231.334, 136.515 303.935, 130.485 303.935, 5.550 231.334, 2.565 226.146, 2.565 80.854, 5.550 75.666, 130.485 3.065, 136.515 3.065" fill="url(#pf-nav-1)"/>
<path d="M136.515 3.065L261.45 75.6661C263.298 76.7401 264.435 78.7162 264.435 80.8538V226.146C264.435 228.284 263.298 230.26 261.45 231.334L136.515 303.935C134.651 305.018 132.349 305.018 130.485 303.935L5.55047 231.334C3.70231 230.26 2.56509 228.284 2.56509 226.146V80.8538C2.56509 78.7162 3.70231 76.7401 5.55047 75.6661L130.485 3.06501C132.349 1.98192 134.651 1.98191 136.515 3.065Z" stroke="#2E3690" stroke-width="4" fill="none"/>
</svg>
<h4 class="pf-nav__title title-4 mb-0 mt-2 mt-lg-4">Debrief</h4>
<h6 class="pf-nav__subtitle title-6">App</h6>
</a>
</div>
<div class="col-6 col-md-4 mb-6 text-center">
<a href="/#subtrack90" class="pf-nav__link">
<svg class="pf-nav__item--bg" viewbox="0 0 267 307" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M136.515 3.065L261.45 75.6661C263.298 76.7401 264.435 78.7162 264.435 80.8538V226.146C264.435 228.284 263.298 230.26 261.45 231.334L136.515 303.935C134.651 305.018 132.349 305.018 130.485 303.935L5.55047 231.334C3.70231 230.26 2.56509 228.284 2.56509 226.146V80.8538C2.56509 78.7162 3.70231 76.7401 5.55047 75.6661L130.485 3.06501C132.349 1.98192 134.651 1.98191 136.515 3.065Z" stroke="#2E3690" stroke-width="4" fill="#2E3690"/>
</svg>
<svg class="pf-nav__item" viewbox="0 0 267 307" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="pf-nav-2" patternUnits="userSpaceOnUse" width="267" height="307">
<image xlink:href="../assets/images/Sub-Track-90.jpg" x="-150" width="600" height="600" />
</pattern>
</defs>
<polygon points="136.515 3.065, 261.450 75.666, 264.435 80.854, 264.435 226.146, 261.450 231.334, 136.515 303.935, 130.485 303.935, 5.550 231.334, 2.565 226.146, 2.565 80.854, 5.550 75.666, 130.485 3.065, 136.515 3.065" fill="url(#pf-nav-2)"/>
<path d="M136.515 3.065L261.45 75.6661C263.298 76.7401 264.435 78.7162 264.435 80.8538V226.146C264.435 228.284 263.298 230.26 261.45 231.334L136.515 303.935C134.651 305.018 132.349 305.018 130.485 303.935L5.55047 231.334C3.70231 230.26 2.56509 228.284 2.56509 226.146V80.8538C2.56509 78.7162 3.70231 76.7401 5.55047 75.6661L130.485 3.06501C132.349 1.98192 134.651 1.98191 136.515 3.065Z" stroke="#2E3690" stroke-width="4" fill="none"/>
</svg>
<h4 class="pf-nav__title title-4 mb-0 mt-2 mt-lg-4">SubTrack90</h4>
<h6 class="pf-nav__subtitle title-6">App</h6>
</a>
</div>
<div class="col-6 col-md-4 mb-6 text-center">
<a href="/#serge" class="pf-nav__link">
<svg class="pf-nav__item--bg" viewbox="0 0 267 307" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M136.515 3.065L261.45 75.6661C263.298 76.7401 264.435 78.7162 264.435 80.8538V226.146C264.435 228.284 263.298 230.26 261.45 231.334L136.515 303.935C134.651 305.018 132.349 305.018 130.485 303.935L5.55047 231.334C3.70231 230.26 2.56509 228.284 2.56509 226.146V80.8538C2.56509 78.7162 3.70231 76.7401 5.55047 75.6661L130.485 3.06501C132.349 1.98192 134.651 1.98191 136.515 3.065Z" stroke="#2E3690" stroke-width="4" fill="#2E3690"/>
</svg>
<svg class="pf-nav__item" viewbox="0 0 267 307" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="pf-nav-3" patternUnits="userSpaceOnUse" width="267" height="307">
<image xlink:href="../assets/images/Serge.png" x="-400" y="-70" width="759" height="400" />
</pattern>
</defs>
<polygon points="136.515 3.065, 261.450 75.666, 264.435 80.854, 264.435 226.146, 261.450 231.334, 136.515 303.935, 130.485 303.935, 5.550 231.334, 2.565 226.146, 2.565 80.854, 5.550 75.666, 130.485 3.065, 136.515 3.065" fill="url(#pf-nav-3)"/>
<path d="M136.515 3.065L261.45 75.6661C263.298 76.7401 264.435 78.7162 264.435 80.8538V226.146C264.435 228.284 263.298 230.26 261.45 231.334L136.515 303.935C134.651 305.018 132.349 305.018 130.485 303.935L5.55047 231.334C3.70231 230.26 2.56509 228.284 2.56509 226.146V80.8538C2.56509 78.7162 3.70231 76.7401 5.55047 75.6661L130.485 3.06501C132.349 1.98192 134.651 1.98191 136.515 3.065Z" stroke="#2E3690" stroke-width="4" fill="none"/>
</svg>
<h4 class="pf-nav__title title-4 mb-0 mt-2 mt-lg-4">Serge</h4>
<h6 class="pf-nav__subtitle title-6">Wargame</h6>
</a>
</div>
<div class="col-6 col-md-4 mb-6 text-center">
<a href="/#pepys" class="pf-nav__link">
<svg class="pf-nav__item--bg" viewbox="0 0 267 307" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M136.515 3.065L261.45 75.6661C263.298 76.7401 264.435 78.7162 264.435 80.8538V226.146C264.435 228.284 263.298 230.26 261.45 231.334L136.515 303.935C134.651 305.018 132.349 305.018 130.485 303.935L5.55047 231.334C3.70231 230.26 2.56509 228.284 2.56509 226.146V80.8538C2.56509 78.7162 3.70231 76.7401 5.55047 75.6661L130.485 3.06501C132.349 1.98192 134.651 1.98191 136.515 3.065Z" stroke="#2E3690" stroke-width="4" fill="none"/>
</svg>
<svg class="pf-nav__item" viewbox="0 0 267 307" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="pf-nav-4" patternUnits="userSpaceOnUse" width="267" height="307">
<image xlink:href="../assets/images/Samuel_Pepys_white.svg" x="20" y="10" width="324" height="300" />
</pattern>
</defs>
<polygon points="136.515 3.065, 261.450 75.666, 264.435 80.854, 264.435 226.146, 261.450 231.334, 136.515 303.935, 130.485 303.935, 5.550 231.334, 2.565 226.146, 2.565 80.854, 5.550 75.666, 130.485 3.065, 136.515 3.065" fill="url(#pf-nav-4)"/>
<path d="M136.515 3.065L261.45 75.6661C263.298 76.7401 264.435 78.7162 264.435 80.8538V226.146C264.435 228.284 263.298 230.26 261.45 231.334L136.515 303.935C134.651 305.018 132.349 305.018 130.485 303.935L5.55047 231.334C3.70231 230.26 2.56509 228.284 2.56509 226.146V80.8538C2.56509 78.7162 3.70231 76.7401 5.55047 75.6661L130.485 3.06501C132.349 1.98192 134.651 1.98191 136.515 3.065Z" stroke="#2E3690" stroke-width="4" fill="none"/>
</svg>
<h4 class="pf-nav__title title-4 mb-0 mt-2 mt-lg-4">Pepys</h4>
<h6 class="pf-nav__subtitle title-6">Library</h6>
</a>
</div>
<div class="col-6 col-md-4 mb-6 text-center">
<a href="/#flnt" class="pf-nav__link">
<svg class="pf-nav__item--bg" viewbox="0 0 267 307" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M136.515 3.065L261.45 75.6661C263.298 76.7401 264.435 78.7162 264.435 80.8538V226.146C264.435 228.284 263.298 230.26 261.45 231.334L136.515 303.935C134.651 305.018 132.349 305.018 130.485 303.935L5.55047 231.334C3.70231 230.26 2.56509 228.284 2.56509 226.146V80.8538C2.56509 78.7162 3.70231 76.7401 5.55047 75.6661L130.485 3.06501C132.349 1.98192 134.651 1.98191 136.515 3.065Z" stroke="#2E3690" stroke-width="4" fill="#2E3690"/>
</svg>
<svg class="pf-nav__item" viewbox="0 0 267 307" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="pf-nav-5" patternUnits="userSpaceOnUse" width="267" height="307">
<image xlink:href="../assets/images/feet-narrative-tool.jpg" x="-110" width="500" height="600" y="-10"/>
</pattern>
</defs>
<polygon points="136.515 3.065, 261.450 75.666, 264.435 80.854, 264.435 226.146, 261.450 231.334, 136.515 303.935, 130.485 303.935, 5.550 231.334, 2.565 226.146, 2.565 80.854, 5.550 75.666, 130.485 3.065, 136.515 3.065" fill="url(#pf-nav-5)"/>
<path d="M136.515 3.065L261.45 75.6661C263.298 76.7401 264.435 78.7162 264.435 80.8538V226.146C264.435 228.284 263.298 230.26 261.45 231.334L136.515 303.935C134.651 305.018 132.349 305.018 130.485 303.935L5.55047 231.334C3.70231 230.26 2.56509 228.284 2.56509 226.146V80.8538C2.56509 78.7162 3.70231 76.7401 5.55047 75.6661L130.485 3.06501C132.349 1.98192 134.651 1.98191 136.515 3.065Z" stroke="#2E3690" stroke-width="4" fill="none"/>
</svg>
<h4 class="pf-nav__title title-4 mb-0 mt-2 mt-lg-4">Fleet Narrative</h4>
<h6 class="pf-nav__subtitle title-6">Tool</h6>
</a>
</div>
<div class="col-6 col-md-4 mb-6 text-center">
<a href="/#flms" class="pf-nav__link">
<svg class="pf-nav__item--bg" viewbox="0 0 267 307" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M136.515 3.065L261.45 75.6661C263.298 76.7401 264.435 78.7162 264.435 80.8538V226.146C264.435 228.284 263.298 230.26 261.45 231.334L136.515 303.935C134.651 305.018 132.349 305.018 130.485 303.935L5.55047 231.334C3.70231 230.26 2.56509 228.284 2.56509 226.146V80.8538C2.56509 78.7162 3.70231 76.7401 5.55047 75.6661L130.485 3.06501C132.349 1.98192 134.651 1.98191 136.515 3.065Z" stroke="#2E3690" stroke-width="4" fill="#2E3690"/>
</svg>
<svg class="pf-nav__item" viewbox="0 0 267 307" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="pf-nav-6" patternUnits="userSpaceOnUse" width="267" height="307">
<image xlink:href="../assets/images/fleet-lessons-management-system.png" x="-70" width="487" height="325" />
</pattern>
</defs>
<polygon points="136.515 3.065, 261.450 75.666, 264.435 80.854, 264.435 226.146, 261.450 231.334, 136.515 303.935, 130.485 303.935, 5.550 231.334, 2.565 226.146, 2.565 80.854, 5.550 75.666, 130.485 3.065, 136.515 3.065" fill="url(#pf-nav-6)"/>
<path d="M136.515 3.065L261.45 75.6661C263.298 76.7401 264.435 78.7162 264.435 80.8538V226.146C264.435 228.284 263.298 230.26 261.45 231.334L136.515 303.935C134.651 305.018 132.349 305.018 130.485 303.935L5.55047 231.334C3.70231 230.26 2.56509 228.284 2.56509 226.146V80.8538C2.56509 78.7162 3.70231 76.7401 5.55047 75.6661L130.485 3.06501C132.349 1.98192 134.651 1.98191 136.515 3.065Z" stroke="#2E3690" stroke-width="4" fill="none"/>
</svg>
<h4 class="pf-nav__title title-4 mb-0 mt-2 mt-lg-4">Fleet Lessons</h4>
<h6 class="pf-nav__subtitle title-6">Management System</h6>
</a>
</div>
</div>
</div>
</div>
</section>
{% for item in site.data.pf-block.section %}
<section class="pf-section">
<div class="container">
<a name="{{ item.id-nav }}"></a>
<div class="row pf-section__row">
<div {% if item.img_first == true %}class="col-md-6 order-md-1 text-center d-flex"{% else %}class="col-md-6 order-md-2 text-center d-flex"{% endif %}>
<div class="align-self-md-center pf-section__img">
<svg viewbox="0 0 302 270" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="{{ item.image_id }}" patternUnits="userSpaceOnUse" width="302" height="270">
<image xlink:href="{{ item.image }}" x="{{ item.image_x }}" y="{{ item.image_y }}" width="{{ item.image_width }}" height="{{ item.image_height }}" />
</pattern>
</defs>
<polygon points="16.123 117.824, 92.835 12.874, 98.305 10.448, 228.387 24.089, 233.234 27.597, 286.506 146.177, 285.877 152.176, 209.165 257.126, 203.696 259.553, 73.613 245.912, 68.766 242.403, 15.494 123.823, 16.123 117.824" fill="url(#{{ item.image_id }})"/>
</svg>
</div>
</div>
<div {% if item.img_first == false %}class="col-md-6 order-md-1 d-flex"{% else %}class="col-md-6 order-md-2 d-flex"{% endif %}>
<div class="align-self-center d-flex flex-column">
<h3 class="title-3 mb-5 text-right {% if item.img_first == false %}align-self-end{% endif %}">{{ item.title }}</h3>
{% for entry in item.text %}
<p class="pf-section__text">{{ entry.paragraph }}</p>
{% endfor %}
</div>
</div>
</div>
</div>
</section>
{% endfor %}
<section class="clients-section--md mt-200 mb-200">
<div class="container-lg">
<div class="hex-grid">
<div class="hex-grid__row justify-content-center d-flex">
<div class="hex-grid__item hex-grid__item--gap">
<img src="../assets/images/royal_navy-logo.png" srcset="../assets/images/royal_navy-logo@2x.png 2x" alt="Royal Navy" class="hex-grid__content img-fluid" style="width: 44%; left: 28%; top: 20%;" />
<svg viewBox="0 0 278 242" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.06747 124.016C1.9832 122.152 1.9832 119.848 3.06747 117.984L68.4154 5.60634C69.4896 3.75903 71.4653 2.62247 73.6022 2.62247L204.398 2.62247C206.535 2.62247 208.51 3.75903 209.585 5.60632L274.933 117.984C276.017 119.848 276.017 122.152 274.933 124.016L209.585 236.394C208.51 238.241 206.535 239.378 204.398 239.378L73.6022 239.378C71.4653 239.378 69.4897 238.241 68.4154 236.394L3.06747 124.016Z" stroke="#2E3690" stroke-width="4"/>
</svg>
</div>
<div class="hex-grid__item">
<img src="../assets/images/mwc-logo.png" srcset="../assets/images/mwc-logo@2x.png 2x" alt="Maritimee Warfare Center" class="hex-grid__content img-fluid" style="width:56%; left: 23%; top: 19%;"/>
<svg viewBox="0 0 278 242" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.06747 124.016C1.9832 122.152 1.9832 119.848 3.06747 117.984L68.4154 5.60634C69.4896 3.75903 71.4653 2.62247 73.6022 2.62247L204.398 2.62247C206.535 2.62247 208.51 3.75903 209.585 5.60632L274.933 117.984C276.017 119.848 276.017 122.152 274.933 124.016L209.585 236.394C208.51 238.241 206.535 239.378 204.398 239.378L73.6022 239.378C71.4653 239.378 69.4897 238.241 68.4154 236.394L3.06747 124.016Z" stroke="#2E3690" stroke-width="4"/>
</svg>
</div>
</div>
<div class="hex-grid__row justify-content-center d-flex hex-grid__row--gap">
<div class="hex-grid__item hex-grid__item--gap">
<img src="../assets/images/dstl-logo.png" srcset="../assets/images/dstl-logo@2x.png 2x" alt="DSTL" class="hex-grid__content img-fluid" style="width:58%; left: 21%; top: 30%;" />
<svg viewBox="0 0 278 242" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.06747 124.016C1.9832 122.152 1.9832 119.848 3.06747 117.984L68.4154 5.60634C69.4896 3.75903 71.4653 2.62247 73.6022 2.62247L204.398 2.62247C206.535 2.62247 208.51 3.75903 209.585 5.60632L274.933 117.984C276.017 119.848 276.017 122.152 274.933 124.016L209.585 236.394C208.51 238.241 206.535 239.378 204.398 239.378L73.6022 239.378C71.4653 239.378 69.4897 238.241 68.4154 236.394L3.06747 124.016Z" stroke="#2E3690" stroke-width="4"/>
</svg>
</div>
<div class="hex-grid__item hex-grid__item--gap">
<h2 class="title-2 hex-grid__content hex-grid__title text-center" style="width:90%; left: 4%; top: 22%;" ><span>Our</span> Clients</h2>
<svg viewBox="0 0 278 242" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.06747 124.016C1.9832 122.152 1.9832 119.848 3.06747 117.984L68.4154 5.60634C69.4896 3.75903 71.4653 2.62247 73.6022 2.62247L204.398 2.62247C206.535 2.62247 208.51 3.75903 209.585 5.60632L274.933 117.984C276.017 119.848 276.017 122.152 274.933 124.016L209.585 236.394C208.51 238.241 206.535 239.378 204.398 239.378L73.6022 239.378C71.4653 239.378 69.4897 238.241 68.4154 236.394L3.06747 124.016Z" stroke="#2E3690" stroke-width="4"/>
</svg>
</div>
<div class="hex-grid__item">
<img src="../assets/images/mod-logo.png" srcset="../assets/images/mod-logo@2x.png 2x" alt="Ministry of Defence" class="hex-grid__content img-fluid" style="width:40%; left: 30%; top: 14%;"/>
<svg viewBox="0 0 278 242" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.06747 124.016C1.9832 122.152 1.9832 119.848 3.06747 117.984L68.4154 5.60634C69.4896 3.75903 71.4653 2.62247 73.6022 2.62247L204.398 2.62247C206.535 2.62247 208.51 3.75903 209.585 5.60632L274.933 117.984C276.017 119.848 276.017 122.152 274.933 124.016L209.585 236.394C208.51 238.241 206.535 239.378 204.398 239.378L73.6022 239.378C71.4653 239.378 69.4897 238.241 68.4154 236.394L3.06747 124.016Z" stroke="#2E3690" stroke-width="4"/>
</svg>
</div>
</div>
<div class="hex-grid__row justify-content-center d-flex hex-grid__row--gap">
<div class="hex-grid__item hex-grid__item--gap">
<img src="../assets/images/transas-logo.png" srcset="../assets/images/transas-logo@2x.png 2x" alt="Transas" class="hex-grid__content img-fluid" style="width:66%; left: 17%; top: 44%;" />
<svg viewBox="0 0 278 242" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.06747 124.016C1.9832 122.152 1.9832 119.848 3.06747 117.984L68.4154 5.60634C69.4896 3.75903 71.4653 2.62247 73.6022 2.62247L204.398 2.62247C206.535 2.62247 208.51 3.75903 209.585 5.60632L274.933 117.984C276.017 119.848 276.017 122.152 274.933 124.016L209.585 236.394C208.51 238.241 206.535 239.378 204.398 239.378L73.6022 239.378C71.4653 239.378 69.4897 238.241 68.4154 236.394L3.06747 124.016Z" stroke="#2E3690" stroke-width="4"/>
</svg>
</div>
<div class="hex-grid__item">
<img src="../assets/images/atlas_elektronik-logo.png" srcset="../assets/images/atlas_elektronik-logo@2x.png 2x" alt="Atlas Elektronik" class="hex-grid__content img-fluid" style="width:76%; left: 11%; top: 40%;"/>
<svg viewBox="0 0 278 242" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.06747 124.016C1.9832 122.152 1.9832 119.848 3.06747 117.984L68.4154 5.60634C69.4896 3.75903 71.4653 2.62247 73.6022 2.62247L204.398 2.62247C206.535 2.62247 208.51 3.75903 209.585 5.60632L274.933 117.984C276.017 119.848 276.017 122.152 274.933 124.016L209.585 236.394C208.51 238.241 206.535 239.378 204.398 239.378L73.6022 239.378C71.4653 239.378 69.4897 238.241 68.4154 236.394L3.06747 124.016Z" stroke="#2E3690" stroke-width="4"/>
</svg>
</div>
</div>
</div>
</div>
</section>
<section class="clients-section--sm mt-200 mb-200">
<div class="container-lg">
<div class="hex-grid">
<div class="hex-grid__row justify-content-start d-flex">
<div class="hex-grid__item">
<h2 class="title-2 hex-grid__content hex-grid__title text-center" style="width:90%; left: 4%; top: calc(50% - 44px);" ><span>Our</span><br> Clients</h2>
<svg viewbox="0 0 278 242" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M212.394 5.15712L276.099 116.663C277.172 118.543 277.151 120.855 276.042 122.714L208.758 235.497C207.677 237.308 205.724 238.419 203.614 238.423L72.404 238.617C70.2476 238.621 68.2553 237.466 67.1855 235.594L3.31168 123.808C2.23868 121.93 2.25937 119.62 3.36584 117.762L70.5024 5.00423C71.5848 3.18628 73.5447 2.07281 75.6605 2.07377L207.187 2.13348C209.34 2.13446 211.326 3.28825 212.394 5.15712Z" stroke="#2E3690" fill="none" stroke-width="4"/>
</svg>
</div>
</div>
<div class="hex-grid__row justify-content-end d-flex hex-grid__row--gap">
<div class="hex-grid__item">
<img src="../assets/images/royal_navy-logo.png" srcset="../assets/images/royal_navy-logo@2x.png 2x" alt="Royal Navy" class="hex-grid__content" style="width: 44%; left: 28%; top: 19%;" />
<svg viewbox="0 0 278 242" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M212.394 5.15712L276.099 116.663C277.172 118.543 277.151 120.855 276.042 122.714L208.758 235.497C207.677 237.308 205.724 238.419 203.614 238.423L72.404 238.617C70.2476 238.621 68.2553 237.466 67.1855 235.594L3.31168 123.808C2.23868 121.93 2.25937 119.62 3.36584 117.762L70.5024 5.00423C71.5848 3.18628 73.5447 2.07281 75.6605 2.07377L207.187 2.13348C209.34 2.13446 211.326 3.28825 212.394 5.15712Z" stroke="#2E3690" fill="none" stroke-width="4"/>
</svg>
</div>
</div>
<div class="hex-grid__row justify-content-start d-flex hex-grid__row--gap">
<div class="hex-grid__item">
<img src="../assets/images/mwc-logo.png" srcset="../assets/images/mwc-logo@2x.png 2x" alt="Maritimee Warfare Center" class="hex-grid__content" style="width:56%; left: 23%; top: 19%;"/>
<svg viewbox="0 0 278 242" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M212.394 5.15712L276.099 116.663C277.172 118.543 277.151 120.855 276.042 122.714L208.758 235.497C207.677 237.308 205.724 238.419 203.614 238.423L72.404 238.617C70.2476 238.621 68.2553 237.466 67.1855 235.594L3.31168 123.808C2.23868 121.93 2.25937 119.62 3.36584 117.762L70.5024 5.00423C71.5848 3.18628 73.5447 2.07281 75.6605 2.07377L207.187 2.13348C209.34 2.13446 211.326 3.28825 212.394 5.15712Z" stroke="#2E3690" fill="none" stroke-width="4"/>
</svg>
</div>
</div>
<div class="hex-grid__row justify-content-end d-flex hex-grid__row--gap">
<div class="hex-grid__item">
<img src="../assets/images/dstl-logo.png" srcset="../assets/images/dstl-logo@2x.png 2x" alt="DSTL" class="hex-grid__content" style="width:58%; left: 21%; top: 30%;" />
<svg viewbox="0 0 278 242" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M212.394 5.15712L276.099 116.663C277.172 118.543 277.151 120.855 276.042 122.714L208.758 235.497C207.677 237.308 205.724 238.419 203.614 238.423L72.404 238.617C70.2476 238.621 68.2553 237.466 67.1855 235.594L3.31168 123.808C2.23868 121.93 2.25937 119.62 3.36584 117.762L70.5024 5.00423C71.5848 3.18628 73.5447 2.07281 75.6605 2.07377L207.187 2.13348C209.34 2.13446 211.326 3.28825 212.394 5.15712Z" stroke="#2E3690" fill="none" stroke-width="4"/>
</svg>
</div>
</div>
<div class="hex-grid__row justify-content-start d-flex hex-grid__row--gap">
<div class="hex-grid__item">
<img src="../assets/images/mod-logo.png" srcset="../assets/images/mod-logo@2x.png 2x" alt="Ministry of Defence" class="hex-grid__content" style="width:40%; left: 30%; top: 14%;"/>
<svg viewbox="0 0 278 242" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M212.394 5.15712L276.099 116.663C277.172 118.543 277.151 120.855 276.042 122.714L208.758 235.497C207.677 237.308 205.724 238.419 203.614 238.423L72.404 238.617C70.2476 238.621 68.2553 237.466 67.1855 235.594L3.31168 123.808C2.23868 121.93 2.25937 119.62 3.36584 117.762L70.5024 5.00423C71.5848 3.18628 73.5447 2.07281 75.6605 2.07377L207.187 2.13348C209.34 2.13446 211.326 3.28825 212.394 5.15712Z" stroke="#2E3690" fill="none" stroke-width="4"/>
</svg>
</div>
</div>
<div class="hex-grid__row justify-content-end d-flex hex-grid__row--gap">
<div class="hex-grid__item">
<img src="../assets/images/atlas_elektronik-logo.png" srcset="../assets/images/atlas_elektronik-logo@2x.png 2x" alt="Atlas Elektronik" class="hex-grid__content" style="width:76%; left: 11%; top: 40%;"/>
<svg viewbox="0 0 278 242" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M212.394 5.15712L276.099 116.663C277.172 118.543 277.151 120.855 276.042 122.714L208.758 235.497C207.677 237.308 205.724 238.419 203.614 238.423L72.404 238.617C70.2476 238.621 68.2553 237.466 67.1855 235.594L3.31168 123.808C2.23868 121.93 2.25937 119.62 3.36584 117.762L70.5024 5.00423C71.5848 3.18628 73.5447 2.07281 75.6605 2.07377L207.187 2.13348C209.34 2.13446 211.326 3.28825 212.394 5.15712Z" stroke="#2E3690" fill="none" stroke-width="4"/>
</svg>
</div>
</div>
<div class="hex-grid__row justify-content-start d-flex hex-grid__row--gap">
<div class="hex-grid__item">
<img src="../assets/images/transas-logo.png" srcset="../assets/images/transas-logo@2x.png 2x" alt="Transas" class="hex-grid__content" style="width:66%; left: 17%; top: 44%;" />
<svg viewbox="0 0 278 242" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M212.394 5.15712L276.099 116.663C277.172 118.543 277.151 120.855 276.042 122.714L208.758 235.497C207.677 237.308 205.724 238.419 203.614 238.423L72.404 238.617C70.2476 238.621 68.2553 237.466 67.1855 235.594L3.31168 123.808C2.23868 121.93 2.25937 119.62 3.36584 117.762L70.5024 5.00423C71.5848 3.18628 73.5447 2.07281 75.6605 2.07377L207.187 2.13348C209.34 2.13446 211.326 3.28825 212.394 5.15712Z" stroke="#2E3690" fill="none" stroke-width="4"/>
</svg>
</div>
</div>
</div>
</div>
</section>
<section class="get_in_touch-section pb-4 pt-4">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-md-6 col-xl-4 offset-md-3 offset-xl-4">
<div class="align-items-center d-flex flex-column get_in_touch-section__wrap text-center">
<h3 class="title-3-simple mb-4">Get in touch <br><span>with us</span> </h3>
<p class="mr-4 ml-4 mb-4">If you’d like to learn more about Deep Blue C, just send an email to <br> <b class="text-info font-weight-bolder">support<span style="display:none">foo</span>@DeepBlueC.com</b> <br>or click button below. and we’ll get back to you as soon as we can</p>
<a href="mailto:support@DeepBlueC.com" class="btn btn-lg btn-primary">Contact Us</a>
</div>
</div>
</div>
</div>
</section>