-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
243 lines (237 loc) · 14.4 KB
/
index.html
File metadata and controls
243 lines (237 loc) · 14.4 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
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, maximum-scale=1">
<title>MileStep</title>
<link rel="icon" href="favicon.png" type="image/png">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/font.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="js/respond-1.1.0.min.js"></script>
<script src="js/html5shiv.js"></script>
<script src="js/html5element.js"></script>
<![endif]-->
</head>
<body>
<header>
<section id="header">
<div id="header" class="container">
<div class="col-md-2 col-xs-12">
<div class="logo">
<img src="img/320-132.png" style="position: absolute;">
</div>
</div>
<div id="menu" class="header-nav col-md-7 col-md-offset-3 col-xs-12 col-xs-offset-0">
<a href="#" id="touch-menu" class="text-center">menu</a>
<ul class="top_menu">
<li><a href="#header" class="menu-item">home</a></li>
<li><a href="#aboutUs" class="menu-item">about us</a></li>
<li><a href="#skills" class="menu-item">skills</a></li>
<li><a href="#services" class="menu-item">services</a></li>
<li><a href="#portfolio" class="menu-item">portfolio</a></li>
<li><a href="#team" class="menu-item">team</a></li>
<li><a href="#contact" class="menu-item">contact</a></li>
</ul>
</div>
<div class="welcome col-md-6 col-md-offset-3 col-xs-12 col-xs-offset-0">
<h1>We create <span style="font-family:BebasBold;">awesome</span></h1>
<h2>web and mobile applications</h2>
</div>
<div class="col-md-4 col-md-offset-4 col-xs-12 col-xs-offset-0">
<div class="button btn-header animated fadeInUp wow animated" style="margin-left: 50px; margin-right: 50px;"><a href="#contact">contact us</a></div>
</div>
</div>
</section>
</header>
<section id="aboutUs">
<div class="about">
<div class="container">
<h2>about us</h2>
<div class="col-md-10">
<h3>Why milestep?</h3>
<p>Foremost, we're the team of web app developers, united by mutual ideas and interests. Our passion is Ruby, fundamental value is friendship relationship. Our web development agency success pillars are based on customized approach, contribution to the Rails framework and sharing our experience.
</p>
<ul class="about-list">
<li><i class="fa fa-check" aria-hidden="true"></i> More than 30 top-level web developers </li>
<li><i class="fa fa-check" aria-hidden="true"></i> One of the top 15 in the list of IT companies in Ukraine (1-50empl.)</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Two weeks of trial codding </li>
<li><i class="fa fa-check" aria-hidden="true"></i> More than 6 years experience in web development across a variety of industries. </li>
<li><i class="fa fa-check" aria-hidden="true"></i> Team management solutions are key to keeping projects on track and workers on task </li>
<li><i class="fa fa-check" aria-hidden="true"></i> Every one of our products runs fast, easily scalable and deployment process runs smoothly with no server interruptions </li>
<li><i class="fa fa-check" aria-hidden="true"></i> We implement the best industry standards and practices, like SCRUM and Agile, depending on the project size and complexity. </li>
<li><i class="fa fa-check" aria-hidden="true"></i> By means of hourly wages you control payments for completed work</li>
<li><i class="fa fa-check" aria-hidden="true"></i> We work using BBD model and have strong knowledge in Rspec and Cucumber. We use Continuous Integration tools such as: Travis CI, TeamCity, Jenkins CI.</li>
</ul>
</div>
<div class="clearfix"></div>
<div class="col-md-4 col-md-offset-4">
<div class="button btn-about"><a href="#contact">contact us</a></div>
</div>
</div>
</div>
</section>
<div class="split-side">
<a href="#aboutUs"><i class="fa fa-chevron-up fa-4x" aria-hidden="true"></i></a>
</div>
<section id=skills>
<div class="container skills-wrapper">
<h2>Skills</h2>
<div class="col-xs-12" align="center"><img class="img-responsive" src="./img/frontend.jpg"></div>
<div class="col-xs-12 col-md-6 pull-right"><h3>frontend</h3><p>
Our software developers use standard tools to create an outstanding site such as HTML, Haml, Slim, CSS (including preprocessors SASS, LESS, Compass) and JavaScript. We are able to work with JS frameworks such as CoffeeScript, jQuery, AngularJS, Ember.js, Backbone.js. That set of skills enables us to make the сross-browser, practical and functional site.Consequently, our website creators make your website more responsive for multiple screen sizes. For example, there can be a specific layout for mobile phones, tablets, and desktop computers</p>
</div>
<div class="clearfix"></div>
<div class="col-xs-12" align="center"><img class="img-responsive" src="./img/backend.jpg"></div>
<div class="col-xs-12 col-md-6 col-md-offset-1 pull-left"><h3 style="margin-top: 80px">backend</h3><p>
The MileStep Team uses MVC framework Ruby on Rails to implement the server side of the site. This framework is more dynamic, interpretive and convenient, in comparison with other server languages. Besides, this technology allows us to integrate and provide default structured databases such as MySQL, PostgreSQL, MongoDB and Redis, and link them to the front-end side. Finally, RoR it’s a rich platform with an ability to perform more things with lesser expenses.</p>
</div>
</div>
</section>
<div class="clearfix"></div>
<div class="split-side">
<a href="#skills" align="center"><i class="fa fa-chevron-up fa-4x" aria-hidden="true"></i></a>
</div>
<section id="services">
<h2>Services</h2>
<div id="servises" class="services">
<div class="container">
<div class="col-md-4 col-xs-12 animated fadeInDown wow animated">
<div class="service-card">
<i class="fa fa-code fa-3x" aria-hidden="true"></i>
<h4>Web Development</h4>
<p>Our main advantage is understanding your requirement and selection of developers who have practical experience in software development using Ruby on Rails technology.</p>
</div>
</div>
<div class="col-md-4 col-xs-12 animated fadeInDown wow animated">
<div class="service-card">
<i class="fa fa-bar-chart fa-3x" aria-hidden="true"></i>
<h4>Free Code Audit</h4>
<p>Developers test and perform code audits during the whole process of work. This approach allows you to get a quality work product in accordance with all the standards of Ruby.</p>
</div>
</div>
<div class="col-md-4 col-xs-12 animated fadeInDown wow animated">
<div class="service-card">
<i class="fa fa-tachometer fa-3x" aria-hidden="true"></i>
<h4>Maintenance & Support</h4>
<p>After the implementation of the software we offer our customers the maintenance and support through web analytics and special tools.</p>
</div>
</div>
</div>
</div>
</section>
<div class="split-side" style="background-image: url(./img/bg-3.png);">
<a href="#services"><i class="fa fa-chevron-up fa-4x" aria-hidden="true"></i></a>
</div>
<section id="portfolio">
<div class="portfolio">
<div class="container">
<h2>portfolio</h2>
<div class="col-md-4 animated fadeInLeft wow animated"><a href=""><img class="img-responsive" src="./img/example-1.png"></a></div>
<div class="col-md-4 col-md-4 col-md-4 animated fadeInDown wow animated"><a href=""><img class="img-responsive" src="./img/example-2.png"></a></div>
<div class="col-md-4 animated fadeInRight wow animated"><a href=""><img class="img-responsive" src="./img/example-3.png"></a></div>
<div class="col-md-4 col-md-4 col-md-4 animated fadeInUp wow animated"><a href=""><img class="img-responsive" src="./img/example-4.png"></a></div>
<div class="col-md-4 animated fadeInUp wow animated"><a href=""><img class="img-responsive" src="./img/example-5.png"></a></div>
<div class="col-md-4 col-md-4 animated fadeInUp wow animated"><a href=""><img class="img-responsive" src="./img/example-6.png"></a></div>
<div class="col-md-2 col-md-offset-5">
<div class="button btn-portfolio"><a href="">more</a></div>
</div>
</div>
</div>
</section>
<div class="split-side" style="background-image: url(./img/bg-3.png);">
<a href="#portfolio"><i class="fa fa-chevron-up fa-4x" aria-hidden="true"></i></a>
</div>
<!--
<div id="clients" class="clients">
<div class="container">
<h2>clients</h2>
<div class="col-md-5 col-md-offset-1"><a href=""><img src="./img/active-bridge.png"></a></div>
<div class="col-md-5 col-md-offset-1"><a href=""><img src="./img/naprok.png"></a></div>
</div>
</div>
-->
<section id="team">
<h2>team</h2>
<h4 style="font-family: 'BebasLight'; text-align: center">Lorem ipsum dolor sit amet, consectetur adipiscing.</h4>
<div class="team">
<div class="container">
<div class="col-md-4 animated fadeInDown wow animated">
<div class="employee">
<img src="./img/team_pic1.jpg" alt="">
<h3>Tom Rensed</h3>
<p>fullstack web developer</p>
</div>
</div>
<div class="col-md-4 animated fadeInDown wow animated">
<div class="employee">
<img src="./img/team_pic2.jpg" alt="">
<h3>Kathren Mory</h3>
<p>frontend devefoper</p>
</div>
</div>
<div class="col-md-4 animated fadeInDown wow animated">
<div class="employee">
<img src="./img/team_pic3.jpg" alt="">
<h3>Lancer Jack</h3>
<p>designer</p>
</div>
</div>
</div>
</div>
</section>
<div class="split"></div>
<footer>
<section id="contact">
<div class="container">
<h1>Contact us</h1>
<div class="col-md-5">
<h3><span>MileStep LLC</span></h3>
<h3>62, European Street, Uman, Cherkasy Region,</h3>
<h3>Ukraine</h3>
<h3><span>call us</span></h3>
<h3>+380977535731</h3>
<h3><span>Email us</span></h3>
<h3><a class="mail-to" href="mailto:eugene@milestep.io">eugene@milestep.io</a></h3>
</div>
<div class="col-md-7 animated fadeInLeft wow animated">
<!-- Do not change the code! -->
<!-- <a id="foxyform_embed_link_882703" href="http://www.foxyform.com/">foxyform</a>
<script type="text/javascript">
(function(d, t){
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src = "http://www.foxyform.com/js.php?id=882703&sec_hash=71e0aa1dd8a&width=350px";
s.parentNode.insertBefore(g, s);
}(document, "script"));
</script> -->
<!-- Do not change the code! -->
<form form id="form" action="https://formspree.io/eugene@milestep.io" method="POST" >
<input type="text" placeholder="full name" required="required">
<input type="email" placeholder="email" required="required">
<textarea name="text" placeholder="message" required="required"></textarea>
<button class="btn-submit" type="submit">send</button>
</form>
</div>
<div class="btn-top"><a href="#header"><i class="fa fa-chevron-up fa-3x" aria-hidden="true"></i></a></div>
<p style="font-size: 14px; text-align: center">Copyright © 2017, MileStep Outsourcing</p>
</div>
</section>
</footer>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery-scrolltofixed.js"></script>
<script type="text/javascript" src="js/jquery.nav.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/wow.js"></script>
<script src="contact/jqBootstrapValidation.js"></script>
<script src="contact/contact_me.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script src="js/menu-responsive.js"></script>
<!-- <script src="common.js"></script> -->
</body>
</html>