-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
378 lines (369 loc) · 18.9 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
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Vermilion Tech: IT for Humans</title>
<meta name="description" content="We deliver unrivaled IT services and support to companies like yours across the country. We watch for potential hiccups, and fix them before they impact your business. Our proactive approach is geared toward your growth and prosperity." />
<meta name="keywords" content="albuquerque it services, msp, nyc it services, albuquerque tech support, nyc tech support, albuquerque it, brooklyn tech support" />
<meta name="author" content="" />
<!-- Bootstrap -->
<script src="js/modernizr.custom.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/jquery.fancybox.css" rel="stylesheet">
<link href="css/flickity.css" rel="stylesheet" >
<link href="css/animate.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Nunito:400,300,700' rel='stylesheet' type='text/css'>
<link href="css/styles.css" rel="stylesheet">
<link href="css/queries.css" rel="stylesheet">
<!-- Facebook and Twitter integration -->
<meta property="og:title" content="Vermilion Tech | IT for humans."/>
<meta property="og:image" content=""/>
<meta property="og:url" content="http://vermilion.tech"/>
<meta property="og:site_name" content="Vermilion Tech"/>
<meta property="og:description" content="Managed I.T. services for businesses of all sizes."/>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script src='https://www.google.com/recaptcha/api.js'></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-123371913-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-123371913-2');
</script>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- open/close -->
<header>
<section class="hero">
<div class="texture-overlay"></div>
<div class="container">
<div class="row nav-wrapper">
<div class="col-md-6 col-sm-6 col-xs-6 text-left">
<a href="#"><img src="img/vt-logo-small.png" alt="Vermilion Tech logo"></a>
</div>
<div class="col-md-6 col-sm-6 col-xs-6 text-right navicon">
<p>MENU</p><a id="trigger-overlay" class="nav_slide_button nav-toggle" href="#"><span></span></a>
</div>
</div>
<div class="row hero-content">
<div class="col-md-12">
<h1 class="animated fadeInDown">We provide unrivaled IT services and support for small-to-medium sized businesses.</h1>
<h2 class="animated fadeInDown">As testament to our vision to grow with you, "IT for humans" is a banner we proudly fly at Vermilion Tech. From troubleshooting networks to web development, we will swoop in with our tailored-tech services and work with your team to close the loop, and future-proof your digital assets for good measure!</h2>
<a href="#clients" class="learn-btn animated fadeInUp">Learn more <i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
</section>
</header>
<section class="clients-list" id="clients">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="animated fadeInDown">We support thousands of users in industries ranging from real estate to manufacturing, publishing, and more.</h1>
<div class="client-logos">
<img src="img/bklyn-commons.png" alt="Brooklyn Commons">
<img src="img/brooklyn-bridge-realty.png" alt="Brooklyn Bridge Realty">
<img src="img/dancesafe.png" alt="DanceSafe">
<img src="img/drink-plg.png" alt="Drink PLG">
<img src="img/kavi.png" alt="Kings Against Violence Initiative">
<img src="img/levy-nyc.png" alt="Levy NYC">
<img src="img/narativ.png" alt="Narativ">
<img src="img/quest-basics-corp.png" alt="Quest Basics Corp">
<img src="img/samsung.png" alt="Samsung">
</div>
</div>
</div>
</div>
</section>
<section class="services-list" id="services">
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- Managed IT -->
<div class="col-md-4 service-1 wp2">
<div class="service-icon">
<i class="fa fa-rocket"></i>
</div>
<div class="service-content">
<h1>Managed I.T.</h1>
<p>We go beyond traditional break/fix operations by offering proactive IT support at a flat-rate monthly fee. We’ll keep your systems running smoothly so that you and your team can focus on what’s most important – your business.</p>
</div>
</div>
<!-- Software Development -->
<div class="col-md-4 service-3 wp2 delay-05s">
<div class="service-icon">
<i class="fa fa-code"></i>
</div>
<div class="service-content">
<h1>Software Development</h1>
<p>Implementing a nationwide service? Looking to develop a digital product? When unique challenges require a customized solution, we will work with you to create an application that fits your needs.</p>
</div>
</div>
<!-- Security and Compliance -->
<div class="col-md-4 service-3 wp2 delay-05s">
<div class="service-icon">
<i class="fa fa-key"></i>
</div>
<div class="service-content">
<h1>Security & Compliance</h1>
<p>Keep viruses, spam, and spyware off your networks with our reliable security services. We’ll equip you with impenetrable firewalls, top-notch antivirus and anti-spam software, and encryption tools that safeguard the privacy of your communications and data.</p>
</div>
</div>
<!-- Business Continuity Planning -->
<div class="col-md-4 service-3 wp2 delay-1s">
<div class="service-icon">
<i class="fa fa-clipboard-list"></i>
</div>
<div class="service-content">
<h1>Business Continuity Planning</h1>
<p>Business continuity strategies will keep your company up and running through interruptions of any type — like power outages, IT system failures, natural disasters, malfunctioning software and other unexpected occurrences that would otherwise halt operations.</p>
</div>
</div>
<!-- Tailored Integrations -->
<div class="col-md-4 service-3 wp2 delay-1s">
<div class="service-icon">
<i class="fa fa-bullseye"></i>
</div>
<div class="service-content">
<h1>Tailored Integration</h1>
<p>We love making applications talk to one another. Our experience covers everything from integrating websites to in-store point of sales systems through writing custom APIs for complex data migrations.</p>
</div>
</div>
<!-- Cloud Computing -->
<div class="col-md-4 service-2 wp2 delay-1s">
<div class="service-icon">
<i class="fa fa-cloud"></i>
</div>
<div class="service-content">
<h1>Cloud Computing</h1>
<p>Hardware-based IT infrastructure can be expensive and prohibitively complex. With our comprehensive cloud services, you can leave your tech debt behind. Vermilion Tech can quickly deploy enterprise-class applications without the associated hassles.</p>
</div>
</div>
<!-- Strategic Consulting -->
<!--
<div class="col-md-4 service-1 wp2">
<div class="service-icon">
<i class="fa fa-puzzle-piece"></i>
</div>
<div class="service-content">
<h1>Stategic Consulting</h1>
<p>We work diligently with our clients to enhance revenue opportunities, accelerate project implementation and craft aesthetically beautiful solutions to complex problems.</p>
</div>
</div>-->
<!-- Creative Consulting -->
<!--<div class="col-md-4 service-2 wp2 delay-05s">
<div class="service-icon">
<i class="fa fa-paint-brush"></i>
</div>
<div class="service-content">
<h1>Creative</h1>
<p>We use industry insights to uncover each client’s unique challenges — whether you’re looking to bring in new talent or outsource project deliverables. It has always been important to have creative thinking behind problems and hurdles.</p>
</div>
</div>-->
</div>
</div>
</div>
</section>
<section class="services-intro">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 nopadding services-intro-img">
<div class="services-bg">
<div class="texture-overlay"></div>
</div>
</div>
<div class="col-md-6 nopadding">
<div class="services-slider">
<ul class="slides" id="servicesSlider">
<li>
<h1>Testimonial: Quest Basics Corp</h1>
<p>"Quest USA Corp has been working with Vermilion Tech for about 2 years now and the partnership has lifted a huge weight off our shoulders. The Vermilion Team is fast, reliable and efficient. They just don't get the job done they go above and beyond to make sure you have the best possible solution... Vermilion is a key part of our operation and will continue to be as we grow our company!"<br>
- Liz Orbay, Project Manager at Quest Basics Corp</p>
</li>
<li>
<h1>Testimonial: Green Life Health Care Staffing</h1>
<p>"I have had the pleasure of working with Mark [at Vermilion] for long enough to know that you never want to lose someone like him. His stellar reputation is clearly demonstrated in his work ethic and his long list of happy clients."<br>
- Jenille Harris, President of Green Life Health Care Staffing</p>
</li>
<li>
<h1>Testimonial: Advanced Computers</h1>
<p>"I chose Vermilion Tech because they created such a close relationship so quickly with us that made them incredibly flexible and easy to work with. Mark Hylas (Vermilion Tech' CTO) is a tech ninja and has been fantastic to work with."<br>
- Mark Lombardi, Advanced Computers Founder</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="services-list" id="location">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h2>Our offices are located in Brooklyn, NY and Albuquerque, NM — but our clients are everywhere.</h2>
<img src="img/vermilion-tech-locations.png">
</div>
</div>
</div>
</section>
<section class="showcase" id="contact">
<div class="showcase-wrap">
<div class="texture-overlay"></div>
<div class="container">
<div class="row">
<div class="contactcol-md-10 col-md-offset-1">
<h1>Drop us a line and we'll contact you within the hour — guaranteed!</h1>
<div class="contact-wrap col-md-8 col-md-offset-2">
<a class="contact-inf" href="tel:+19177271758"><i class="fa fa-phone"></i>+1 (917) 727-1768</a>
<a class="contact-inf" href="mailto:[email protected]?subject=VT General Inquiry"><i class="fa fa-envelope"></i>[email protected]</a>
</div>
<br />
<form id="contact-form" method="post" action="contact.php" role="form">
<div class="messages"></div>
<div class="controls">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="form_name">Name *</label>
<input id="form_name" type="text" name="name" class="form-control" placeholder="Please enter your name." required="required" data-error="Name is required.">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="form_company">Company *</label>
<input id="form_company" type="text" name="Company" class="form-control" placeholder="Please enter your company." required="required" data-error="Company is required.">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="form_email">Email *</label>
<input id="form_email" type="email" name="email" class="form-control" placeholder="Please enter your email." required="required" data-error="Valid email is required.">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="form_phone">Phone</label>
<input id="form_phone" type="tel" name="phone" class="form-control" placeholder="Please enter your phone number.">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="form_message">Message *</label>
<textarea id="form_message" name="message" class="form-control" placeholder="Enter a message for us here." rows="4" required="required" data-error="Don't forget your message!"></textarea>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-12" style="text-align: center;">
<input type="submit" class="learn-btn" value="Send message">
</div>
</div>
</div>
</form>
</div>
<!-- Modal -->
<div class="modal fade" id="privacyPolicy" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title" style="text-align:center;">Vermilion Tech Privacy Policy</h2>
</div>
<div class="modal-body">
<h3>Your privacy is critical to us. Likewise, we have built up this Policy with the end goal you should see how we gather, utilize, impart and reveal and make utilization of individual data. The following blueprints our privacy policy.</h3>
<ul style="margin:1em;">
<li>Before or at the time of collecting personal information, we will identify the purposes for which information is being collected.</li>
<li>We will gather and utilization of individual data singularly with the target of satisfying those reasons indicated by us and for other good purposes, unless we get the assent of the individual concerned or as required by law.</li>
<li>We will just hold individual data the length of essential for the satisfaction of those reasons.</li>
<li>We will gather individual data by legal and reasonable means and, where fitting, with the information or assent of the individual concerned.</li>
<li>Personal information ought to be important to the reasons for which it is to be utilized, and, to the degree essential for those reasons, ought to be exact, finished, and updated.</li>
<li>We will protect individual data by security shields against misfortune or burglary, and also unapproved access, divulgence, duplicating, use or alteration.</li>
<li>We will promptly provide customers with access to our policies and procedures for the administration of individual data.</li>
<h3>We are focused on leading our business as per these standards with a specific end goal to guarantee that the privacy of individual data is secure and maintained.</h3>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<ul class="footer-nav">
<li><a href="#services">Services</a></li>
<li><a href="#location">Location</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="http://vermilion.screenconnect.com" target="_blank">Support</a></li>
</ul>
</div>
<div class="col-md-8 col-md-offset-2">
<h1 class="footer-logo">
<img src="img/vt-logo-small.png" alt="Vermilion Tech logo">
</h1>
<p>495 Flatbush Ave. | Office 51 | Brooklyn, NY 11225<br>
Vermilion Tech © 2018. All rights reserved.</p>
</div>
</div>
</div>
</footer>
<div class="overlay overlay-boxify">
<nav>
<ul>
<li><a href="#services"><i class="fa fa-cogs"></i>Services</a></li>
<li><a href="#location"><i class="fa fa-globe"></i>Location</a></li>
</ul>
<ul>
<li><a href="#contact"><i class="fa fa-paper-plane"></i>Contact</a></li>
<li><a href="http://vermilion.screenconnect.com"><i class="fa fa-life-ring"></i>Support</a></li>
</ul>
</nav>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/min/toucheffects-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/flickity.pkgd.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/retina.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/min/scripts-min.js"></script>
<script src="js/contact.js"></script>
<script>
$(document).ready(function() {
if(window.location.href.indexOf('#privacyPolicy') != -1) {
$('#privacyPolicy').modal('show');
}
});
</script>
</body>
</html>