-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
238 lines (230 loc) · 11 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Roave</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="canonical" href="https://roave.com/"/>
<link href="dist/images/favicon.png" rel="shortcut icon">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="dist/style.css"/>
</head>
<body>
<nav id="mainNav" class="navbar navbar-expand-lg navbar-light fixed-top py-3">
<div class="container">
<a class="navbar-brand" href="/">
<img src="dist/images/roave-logo.svg" width="auto" height="30px" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse mr-auto" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#introSection">Intro</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#aboutUs">About us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#conferences">Conferences</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<section id="introSection">
<div class="container h-100">
<div class="row h-100 align-items-center justify-content-center text-center">
<div class="col-lg-10 align-self-end">
<h1 class="text-uppercase text-white font-weight-bold">Web development and PHP experts</h1>
<hr class="divider my-4">
</div>
<div class="col-lg-8 align-self-baseline">
<p class="text-white font-weight-light mb-5">Roave is a full-service web development firm, offering services such as consulting, training, software development, and more.</p>
<!--<a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>-->
</div>
</div>
</div>
</section>
<section class="page-section" id="services">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="mt-0">What we can help you with</h2>
<hr class="divider light my-4">
<p class="mb-4">Roave enables organizations to have access to the high caliber talent they need, when they need it.</p>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-laptop-code text-primary mb-4"></i>
<h3 class="h4 mb-2">Software development</h3>
<p class="text-muted mb-0">Full fledged software development services crafting bespoke business applications. The Roave team has expertise in the full software development lifecycle, and can help improve all aspects.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-user-friends text-primary mb-4"></i>
<h3 class="h4 mb-2">Consulting</h3>
<p class="text-muted mb-0">Roave team members have provided consulting services on hundreds of challenging and exiting software development projects, on many different aspects of business and commercial software development.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-running text-primary mb-4"></i>
<h3 class="h4 mb-2">Training</h3>
<p class="text-muted mb-0">We provide flexible training services that are customised to your company needs. Anything from short mentoring sessions on video calls, to on-site intensive training spanning multiple days.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-heart text-primary mb-4"></i>
<h3 class="h4 mb-2">Conferences</h3>
<p class="text-muted mb-0">We love spreading the knowledge, many of the Roave team are accomplished conference speakers, presenting talks and workshops across the world.</p>
</div>
</div>
</div>
</div>
</section>
<section class="page-section" id="aboutUs">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="mt-0">A few words about us</h2>
<hr class="divider light my-4">
<p class="mb-4 about-text">Roave employs some of the most recognized and accomplished experts in the industry to ensure that organizations have access to the talent they need, when they need it.</p>
<p class="mb-4 about-text">Roave is a full-service web development and consulting firm, specializing in PHP, Java and more.</p>
<p class="about-text">Each team member at Roave is hand-picked for their considerable experience, expertise, and proven record of success, both professionally, and in the open source community.</p>
</div>
</div>
</div>
</section>
<section class="page-section" id="conferences">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="mt-0">Conferences – Presenting & Workshops</h2>
<hr class="divider light my-4">
<p class="mb-5 about-text">Our experts love attending and speaking at conferences. Here are some that we attended or presented at:</p>
</div>
</div>
<div class="row justify-content-center text-center conferences-container">
<div class="col-md-3 col-sm-4 mb-5">
<img class="img-fluid mb-2" src="dist/images/conferences/dutch_php.png" />
<p>Dutch PHP</p>
</div>
<div class="col-md-3 col-sm-4 mb-5">
<img class="img-fluid mb-2" src="dist/images/conferences/forum_php.png" />
<p>Forum PHP</p>
</div>
<div class="col-md-3 col-sm-4 mb-5">
<img class="img-fluid mb-2" src="dist/images/conferences/php_ce.png" />
<p>PHP Central Europe</p>
</div>
<div class="col-md-3 col-sm-4 mb-5">
<img class="img-fluid mb-2" src="dist/images/conferences/php_day.jpg" />
<p>PHP Days</p>
</div>
<div class="col-md-3 col-sm-4 mb-5">
<img class="img-fluid mb-2" src="dist/images/conferences/php_yorkshire.jpg" />
<p>PHP Yorkshire</p>
</div>
<div class="col-md-3 col-sm-4 mb-5">
<img class="img-fluid mb-2" src="dist/images/conferences/phpBenelux.png" />
<p>PHP Benelux</p>
</div>
<div class="col-md-3 col-sm-4 mb-5">
<img class="img-fluid mb-2" src="dist/images/conferences/symfony_live.png" />
<p>Symfony Live</p>
</div>
<div class="col-md-3 col-sm-4 mb-5">
<img class="img-fluid mb-2" src="dist/images/conferences/php_dev_day.png" />
<p>PHP Dev Days</p>
</div>
</div>
</div>
</section>
<section class="page-section" id="contact">
<div class="container">
<div class="row justify-content-center mb-5">
<div class="col-lg-8 text-center">
<h2 class="mt-0">Contact</h2>
<hr class="divider light my-4">
<p class="mb-4 about-text">Roave is currently accepting new clients. If you are interested in inquiring about our services, please contact us.</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 ml-auto text-center mb-5 mb-lg-0">
<i class="fab fas fa-phone fa-3x mb-3 text-muted"></i>
<a class="d-block" href="tel:18855576283">1-855-55-ROAVE</a>
</div>
<div class="col-lg-4 mr-auto text-center mb-5">
<i class="fas fa-envelope fa-3x mb-3 text-muted"></i>
<a class="d-block" href="mailto:[email protected]">[email protected]</a>
</div>
<div class="col-lg-4 mr-auto text-center">
<i class="fab fa-twitter fa-3x mb-3 text-muted"></i>
<a class="d-block" href="https://twitter.com/RoaveTeam">@RoaveTeam</a>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-4 mb-4">
<img id="footer-logo" src="dist/images/roave-logo.svg" width="auto" height="30px" alt="">
<hr class="divider-footer my-2 ml-0" />
<p>We're a team of freelance software developers you can hire to consult, train and develop on your projects. We take on anything from incredible new ideas to struggling projects and make them succeed. Talk to us today to find how we can help you!</p>
</div>
<div class="col-md-4 mb-4">
<h5 class="text-white">Contact</h5>
<hr class="divider-footer my-2 ml-0" />
<div>
<i class="fas fa-phone mr-2 text-primary"></i>
<a href="tel:18855576283" class="text-white">1-855-55-ROAVE</a>
</div>
<div>
<i class="fas fa-envelope mr-2 text-primary"></i>
<a class="text-white" href="mailto:[email protected]">[email protected]</a>
</div>
<div>
<i class="fab fa-twitter mr-2 text-primary"></i>
<a class="text-white" href="https://twitter.com/RoaveTeam">@RoaveTeam</a>
</div>
</div>
<div class="col-md-4 mb-4">
<h5 class="text-white">Quick Nav</h5>
<hr class="divider-footer light my-2 ml-0" />
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#introSection">Intro</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#aboutUs">About us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#conferences">Conferences</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<script src="dist/main.bundle.js"></script>
</body>
</html>