-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
242 lines (230 loc) · 7.8 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
<!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">
<meta name="description" content="App development company website">
<meta name="keywords" content="app, developer, developers, ios, android, web design">
<meta name="author" content="Sarif Design">
<script src="js/main.js" defer></script>
<title>SkyWire | iOS and Android Apps Development</title>
<link rel="shortcut icon" type="image/jpg" href="img/favicon.png"/>
<script src="js/smoothscrollpolyfills.min.js"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Menu -->
<nav>
<ul>
<li><a href="#home" onclick="toggle()">Home</a></li>
<li><a href="#about" onclick="toggle()">About</a></li>
<li><a href="#services" onclick="toggle()">Services</a></li>
<li><a href="#technology" onclick="toggle()">Technology</a></li>
<li><a href="#client" onclick="toggle()">Clients</a></li>
<li><a href="#testimonials" onclick="toggle()">Testimonials</a></li>
<li><a href="#contact" onclick="toggle()">Contact</a></li>
</ul>
</nav>
<!-- Menu END -->
<!-- Banner -->
<div class="banner" id="home">
<header>
<a href="#" class="logo">
<h2>SkyWire.</h2>
</a>
<div class="toggle" onclick="toggle()"></div>
</header>
<img src="img/bg.jpg">
<div class="content">
<h1>Mobile App Development</h1>
<h2>Success by Design<span>.</span></h2>
<p>
iOS and Android app development.<br />
We design, create and develop the apps for small and mid-size businesses.<br />
</p>
<div class="btn-container">
<a href="#services" class="btn">Our Services</a>
<a href="#contact" class="btn">Contact Us</a>
</div>
</div>
</div>
<!-- Banner END -->
<!-- About -->
<section class="about" id="about">
<div class="contentBx">
<h2 class="heading">About Us</h2>
<p class="text">
A young, diverse team of ambitious web developers, designer, SEO experts and marketeers,<br />
Teamed up under a single idea - to provide the very best quality of service and products for our clients.
<br /><br />
Contact us and let us open up the window to your new business oportunities.
</p>
</div>
<div class="imgBx"></div>
</section>
<!-- About END -->
<!-- Services -->
<section class="services" id="services">
<h2 class="heading">Our Services</h2>
<p class="text">
We provide our services in three easy steps.<br />
Nothing is improvised or eye-balled. We do the work to your specifications and deliver the result to your desires.
</p>
<div class="container">
<div class="serviceBx">
<div>
<img src="img/icon1.png">
<h2>Design</h2>
<p>We plan everything meticulously, every detail is drawn and revised to make sure we deliver exactly what you want.</p>
</div>
</div>
<div class="serviceBx">
<div>
<img src="img/icon2.png">
<h2>Development</h2>
<p>We develop your app to your specifications and requirements, following the standards of the latest technologies.</p>
</div>
</div>
<div class="serviceBx">
<div>
<img src="img/icon3.png">
<h2>Branding</h2>
<p>We go extra mile to market your app and help you get a large user base from the start.</p>
</div>
</div>
</div>
</section>
<!-- Services END -->
<!-- Technology -->
<section class="technology" id="technology">
<div class="contentBx">
<h2 class="heading">We Use Cutting Edge Technology</h2>
<p class="text">
We make sure we always use latest and greatest the tech has to offer, to deliver you a quality product.
Fast, easy to use apps are the key to great user experience and customer satisfactions.<br />
As the technology moves forward, so do we.
</p>
</div>
<div class="imgBx">
<img src="img/tech.png" />
</div>
</section>
<!-- Technology END -->
<!-- CLient -->
<section class="client" id="client">
<h2 class="heading">Our Clients</h2>
<p class="text">
During our work, we had business with the biggest of the names in the IT industry.<br />
We had fun working for our big clients and we certainly learned a lot from the experience.<br />
Now we use that experience to provide you with the highest of the quality products.
</p>
<div class="imgBx">
<img src="img/brand1.png"/>
<img src="img/brand2.png"/>
<img src="img/brand3.png"/>
<img src="img/brand4.png"/>
</div>
</section>
<!-- Client END -->
<!-- Testimonials -->
<section class="testimonials" id="testimonials">
<h2 class="heading">What Our Clients Say</h2>
<div class="container">
<div class="contentBx">
<div>
<p>
Increadible! I wanted a delivery app for my restaurant, team SkyWire delivered just that. Quickly, professionaly and
at decent price. Amazing job people! I will recommend SkyWire to anyone interested in having thir own perosnal apps done right.
</p><br />
<h3>Lorenzo Simonetti</h3>
<p class="contentBx-title">Chef / Restaurant Owner</p>
</div>
</div>
<div class="contentBx">
<div>
<p>
I've been looking for a team which could develop my personal training program app
quickly and within a reasonable price range. SkyWire is all that. Professional, forthcoming and friendly. Amazing team!<br /><br />
</p><br />
<h3>Linda Brandenauer</h3>
<p class="contentBx-title">Personal Trainer</p>
</div>
</div>
<div class="contentBx">
<div>
<p>
I have requested quite a challenging task from SkyWire team. An app for my business venture.
I am happy to say, SkyWire delivered the final product within the agreed time frame. The app itself is working flawlessly.<br />
Five stars.
</p><br />
<h3>Joshua Lichtenfelds</h3>
<p class="contentBx-title">CEO / Entrepreneur</p>
</div>
</div>
</div>
</section>
<!-- Testimonials END -->
<!-- Contact -->
<section class="contact" id="contact">
<h2 class="heading">Contact Us</h2>
<p class="text">
Our team of experts is at your service.<br />
For any business inquiries or information, don't hesitate to send us an E-mail.<br />
Let's talk business, and have some nice icecream together.
</p>
</section>
<section class="about">
<div class="contentBx redbg">
<div class="form">
<div class="inputBx">
<input type="text" name="fullName" placeholder="Full Name" />
</div>
<div class="inputBx">
<input type="text" name="eMail" placeholder="E-mail" />
</div>
<div class="inputBx">
<input type="text" name="mobileNumber" placeholder="Mobile Number" />
</div>
<div class="inputBx">
<textarea placeholder="Your Message"></textarea>
</div>
<div class="inputBx">
<input type="submit" name="Submit" value="Submit" />
</div>
</div>
</div>
<div class="imgBx2"></div>
</section>
<!-- Contact END -->
<!-- Footer -->
<section class="footer">
<div class="footer-row-2">
<div class="footer-box">
<ul>
<li>+1 718 432 5901</li>
<li> 22 Mainstreet NYC USA</li>
<li> info@skywire.com</li>
</ul>
</div>
<div class="footer-box to-right">
<ul>
<li>Mon - Fri : 9am - 5pm</li>
<li>Sat : 10am - 2pm</li>
<li>Sun : Closed</li>
</ul>
</div>
</div>
<div class="footer-row">
<p class="text">Designed & Developed by: Sarif Design 2021.</p>
<ul>
<p class="text">Follow us on: </p>
<li><a href="#"><img src="img/facebook.png" /></a></li>
<li><a href="#"><img src="img/linkedin.png" /></a></li>
<li><a href="#"><img src="img/twitter.png" /></a></li>
</ul>
</div>
</section>
<!-- Footer END -->
</body>
</html>