Repository navigation
Expand file tree
/
Copy pathresources.html
More file actions
159 lines (129 loc) · 7.02 KB
/
Copy pathresources.html
File metadata and controls
159 lines (129 loc) · 7.02 KB
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
<!doctype html>
<html lang="en">
<head>
<title>Our Resources</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="style.css">
<!-- Bootstrap CSS -->
<!-- MDB -->
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> </head>
<body style="background: #000;">
<style>
a.resourceslink{
color: #01C9EB !important;
}
</style>
<!-- Header -->
<!--Navigation bar-->
<div id="nav-placeholder">
</div>
<script>
$(function(){
$("#nav-placeholder").load("nav.html");
});
</script>
<!--end of Navigation bar-->
<!-- <section class="resoucesemain heromainbody py-5">
<div class="container my-5">
<div class="row my-5 py-5 justify-content-center align-items-center aboutctahead text-center text-white ">
<div class="col-sm-7 mt-5">
<div class="retitlecontent wow animate__animated animate__fadeInUp">
<p class="fontexo">We work hard to find barges and vessels with the best upkeep in the industry. Our survey vessels and barges are equipped with the best tools for the job. We take great pride in our craftsmanship and customer service. </p>
<br>
<p class="fontexo wow animate__animated animate__fadeInUp animate__delay-1s">Our surveys are equipped with the best tools for the job. We take great pride in our craftsmanship and customer service.</p>
</div>
</div>
</div>
</div>
</section> -->
<section class="resources pt-sm-5" style="margin-top: 6rem;">
<div class="container">
<div class="reexphead text-center fontexo text-white">
<div class="aboutxptitle wow animate__animated animate__fadeIn ">
<h1>Our Resources</h1>
<img class="w-50" src="img/stroke.png" alt="">
</div>
</div>
<div class="row my-5 justify-content-around align-items-center" >
<div class="col-sm-6 wow animate__animated animate__backInRight">
<div class="resourceonetitle spanorange">
<h4>DSV Triana</h4>
</div>
<div class="resourceonecontent" style="opacity: 0.7; color: #fff;">
<p>DSV Triana is our custom built ten metre diving support vessel which is powered by twin 60hp four stroke motors and has its own trailer for road travel + launching and retrieving.
</p>
</div>
</div>
<div class="col-sm-6 my-4 order-sm-0 order-2 col-12 my-4 text-center">
<img class="w-100 wow animate__animated animate__backInLeft" src="img/resource1.jpg" alt="">
</div>
</div>
<div class="row my-5 justify-content-around align-items-center " >
<div class="col-sm-6 text-center order-sm-0 order-2">
<img class="w-100 wow animate__animated animate__backInRight" src="img/resource2.jpg" alt="">
</div>
<div class="col-sm-6 my-4 wow animate__animated animate__backInLeft">
<div class="resourceonetitle spanorange">
<h4>BlueROV2 subsea Remotely Operated Vehicle (ROV)
</h4>
</div>
<div class="resourceonecontent " style="opacity: 0.7; color: #fff;">
<p>A BlueROV2 subsea Remotely Operated Vehicle (ROV) which we use for some underwater inspections where it isn't possible to safely inspect with divers.
</p>
</div>
</div>
</div>
<div class="row my-5 justify-content-around align-items-center" >
<div class="col-sm-6 wow animate__animated animate__backInRight">
<div class="resourceonetitle spanorange">
<h4>Cavitcleaner underwater cleaning system</h4>
</div>
<div class="resourceonecontent" style="opacity: 0.7; color: #fff;">
<p>The only Cavitcleaner cavitational underwater cleaning system in Victoria which uses the revolutionary power of cavitational cleaning to enable thorough inspections to take place but doesn't do the damage to surfaces that high pressure cleaners or wire brushes do.
</p>
</div>
</div>
<div class="col-sm-6 my-4 order-sm-0 order-2 col-12 my-4 text-center" style=" -webkit-transform: scaleX(-1);
transform: scaleX(-1);">
<img class="w-100 wow animate__animated animate__backInLeft" src="img/resource3.jpg" alt="">
</div>
</div>
</div>
<div class="container text-center text-white wow animate__animated animate__fadeInUp">
<p class="fontexo">Whatever you need inspected, we're ready to dive in and inspect it - anywhere in the world.
</p>
</div>
</section>
<section class="resourcescta mt-4 py-3">
<div class="container ">
<div class="row py-5 justify-content-center align-items-center aboutctahead text-center text-white ">
<div class="col-sm-7">
<div class="abouteqptitle fontexo wow animate__animated animate__fadeIn ">
<h1>Need Underwater Inspection Services?</h1>
<img class="w-50" src="img/stroke.png" alt="">
</div>
<div class="orangebtn wow animate__animated animate__backInUp my-3 ">
<a class=" fontexo" href="contact.html">Contact Our Team</a>
</div>
</div>
</div>
</div>
</section>
<!--Footer-->
<div id="footer-placeholder">
</div>
<script>
$(function(){
$("#footer-placeholder").load("footer.html");
});
</script>
<!--Footer-->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html