WebDesignProject/crew.html at master · Galiant/WebDesignProject · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>LuxYachts</title>
  <!-- Add icon library -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  <!-- Custom CSS -->
  <link rel="stylesheet" href="css/yacht.css">
  <!-- Favicon -->
  <link rel="shotcut icon" href="img/favicon.png">
</head>

<body>
  <!-- Top navbar -->
  <div class="nav-top fixed-top">
    <div class="container">
      <div class="row justify-content-between yachts-contact">
        <div class="col-4 col-xs-6 text-left social">
          <a href="#">
            <span class="fa-stack">
              <i class="fa fa-circle-thin fa-stack-2x"></i>
              <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
            </span>
          </a>
          <a href="#">
            <span class="fa-stack">
              <i class="fa fa-circle-thin fa-stack-2x"></i>
              <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
            </span>
          </a>
          <a href="#">
            <span class="fa-stack">
              <i class="fa fa-circle-thin fa-stack-2x"></i>
              <i class="fa fa-instagram fa-stack-1x fa-inverse"></i>
            </span>
          </a>
        </div>
        <div class="col-8 col-xs-6 text-right phone">
          <span class="fa-stack">
            <i class="fa fa-circle-thin fa-stack-2x"></i>
            <i class="fa fa-mobile fa-stack-1x fa-inverse"></i>
          </span>
          <span class="phone-phone">+353 85 1234567</span>
        </div>
      </div>
    </div>
  </div>
  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg navbar-dark fixed-top nav-background head-room" id="mainNav">
    <div class="container menu">
      <a class="navbar-brand js-scroll-trigger" href="#">
        <img src="img/lux-yacht-logo.png" alt="yacht logo">
      </a>
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive" style="background-color: #153054">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="index.html">HOME</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="yachts.html">YACHTS</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="about-us.html">ABOUT</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="crew.html">CREW</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="contact-us.html">CONTACT US</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- Content -->

  <div class="crew-image col-md-12">
    <div class="crew-text">
      <h1>CREW SERVICES</h1>
      <p>LuxYachts Ltd provides a legitimate, robust and cost-effective structure through which yacht crew may be employed. Working with the captain and under the guidance of the owner we provide a full complement of crew management services.</p>
    </div>
  </div>

  <div class="container">

    <div class="crew-section">
      <div class="row crew">
        <div class="col">
          <h2 class="crew-title">Yacht Crew</h2>
        </div>
      </div>
      <div class="row crew">
        <div class="col">
          <p class="para-title">Crew are one of the most important factors when it comes to running a safe and successful yacht. LuxYachts has worked closely with thousands of crew around the world for decades and always ensures that the best crew are selected to work on our yachts.</p>
        </div>
      </div>
    </div>

    <div class="crew-section">
      <div class="row crew">
        <div class="col">
          <h2 class="crew-subtitle">Crew services</h2>
        </div>
      </div>
      <div class="row crew">
        <div class="col">
          <p>LuxYachts offers a variety of crew services to ensure that the best crew are placed on our yachts and that they are well looked after throughout their career. From crew placement, both for our yachts and the crew registered with us looking for superyacht jobs to crew administration for all the crew employed on our vessels we will take care of every aspect of employing crew. We also offer crew training services, ensuring that crew are always trained to the highest professional standards, whether for safety or personal service.</p>
        </div>
      </div>
    </div>

    <div class="crew-section">
      <div class="row crew">
        <div class="col">
          <h2 class="crew-subtitle">Crew placement</h2>
        </div>
      </div>
      <div class="row crew">
        <div class="col">
          <p>Through our ownership of The Crew Network, we can handle all of your crewing needs. With offices located in yachting hotspots around the world, we’re uniquely positioned to assist you in finding the perfect yacht crew. We work closely with owners, Captains and managers in the luxury yacht sector; finding, screening, profiling and recommending crew candidates for private vessels.</p>
        </div>
      </div>
    </div>

    <div class="crew-section">
      <div class="row crew">
        <div class="col">
          <h2 class="crew-subtitle">Crew administration</h2>
        </div>
      </div>
      <div class="row crew">
        <div class="col">
          <p>We understand that you want your Captain’s time focused on your yacht and guests. Our crew support services will manage a great proportion of the administrative tasks associated with your crew – contract administration, payroll, crew travel and document management. LuxYachts will handle it all so your Captain can concentrate on finding your next perfect cruising ground, fishing spot or secluded anchorage.</p>
        </div>
      </div>
    </div>

    <div class="crew-section no-border">
      <div class="row crew">
        <div class="col">
          <h2 class="crew-subtitle">Crew training</h2>
        </div>
      </div>
      <div class="row crew">
        <div class="col">
          <p>Whether you are a newbie looking to get your first job in yachting or a qualified Captain wanting to move onto a larger vessel, crew training is absolutely essential to ensure the safe operation of a superyacht. LuxYachts has close relationships with many training authorities around the world and also offers training through our subsidiary The Crew Network.</p>
        </div>
      </div>
    </div>

  </div>
  <!--Footer-->
  <footer>
    <div class="row col-md-12 mfooter">
      <div class="col-sm-4 footer-nav ">
        <h4>NAVIGATION</h4>
        <br>
        <ul class="list-unstyled">
          <li>
            <a href="index.html" style="color:#fff">HOME</a>
          </li>
          <li>
            <a href="yachts.html" style="color:#fff">YACHTS</a>
          </li>
          <li>
            <a href="about-us.html" style="color:#fff">ABOUT</a>
          </li>
          <li>
            <a href="crew.html" style="color:#fff">CREW</a>
          </li>
          <li>
            <a href="contact-us.html" style="color:#fff">CONTACT US</a>
          </li>
        </ul>
      </div>
      <div class="col-sm-4 text-md-center">
        <img src="img/lux-yacht-logo-footer.png" alt="yacht logo">
        <br>
        <br>
        <p>
          Welcome to the most luxurious selection of hi-end yachts on the market. Feel free to take a tour of our catalogue and make you dreams a reality.
        </p>
        <br>
        <a href="#" class="fa fa-facebook fa-2x social-nav"></a>
        <a href="#" class="fa fa-twitter fa-2x social-nav"></a>
        <a href="#" class="fa fa-instagram fa-2x social-nav"></a>
        <br>
      </div>
      <div class="col-sm-4 text-md-center footer-nav">
        <h4>LOCATION</h4>
        <a href="contact-us.html">
          <img src="img/footer-map.png" alt="map">
        </a>
      </div>
    </div>
    <!-- Copyright-->
    <div class="col-md-12 footer-copyright py-3 text-center mcopyright">
      © 2018 Copyright:
      <a href="">
        <strong> LUXYACHTS</strong>
      </a>
    </div>
    <!--/.Copyright -->

  </footer>
  <!--/.Footer-->

  <!-- jQuery -->
  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  <!-- Bootstrap Javascript -->
  <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>
  <!-- Custom Javascript -->
  <script src="/js/script.js"></script>


</body>

</html>