-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
269 lines (248 loc) · 19.5 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
<!DOCTYPE html>
<html lang="en" "bg-black">
<body style="background-color:Black;" >
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>SwiftTech</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Google fonts-->
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,600;1,600&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,500;0,600;0,700;1,300;1,500;1,600;1,700&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,400;1,400&display=swap" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top" "bg-black">
<!-- Navigation-->
<nav class="bg-secondary navbar navbar-expand-lg navbar-light fixed-top shadow-sm" id="mainNav">
<div class="container px-5">
<a class="navbar-brand fw-bold text-white" style="font-size:2em;" href="#page-top">SwiftTech Mobile</a>
<a class="px-5 px-sm-0"><img class="app-badge rounded-circle" src="assets/img/logo.JPG" alt="..." /></a>
<button class="navbar-toggler text-white" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="bi-list"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto me-4 my-3 my-lg-0">
<!-- <li class="nav-item fw-bold "><a class="nav-link me-lg-3 text-white" style="font-size:1.3em;" href="#features">Apps</a></li> -->
<li class="nav-item fw-bold "><a class="nav-link me-lg-3 text-white" style="font-size:1.3em;" href="apps.html">Apps</a></li>
<li class="nav-item fw-bold "><a class="nav-link me-lg-3 text-white" style="font-size:1.3em;" href="#download">Download</a></li>
<li class="nav-item fw-bold "><a class="nav-link me-lg-3 text-white" style="font-size:1.3em;" href="aboutUs.html">About</a></li>
<li class="nav-item fw-bold "><a class="nav-link me-lg-3 text-white" style="font-size:1.3em;" href="mailto:info@swifttechmobile.co.uk">Contact us</a></li>
</ul>
</span>
</button>
</div>
</div>
</nav>
<!-- Mashead header-->
<header class="bg-black masthead" "text-center py-5">
<div class="bg-black container px-5">
<div class="row gx-5 align-items-center">
<div class="bg-black col-lg-6">
<!-- Mashead text and app badges-->
<div class="mb-1 mb-lg-0 text-center text-lg-start">
<h2 class="font-alt text-white">Transforming Ideas Into Powerful Solutions</h2>
<p class="lead fw-normal text-muted mb-3">Discover our latest mobile applications. We strive to provide the best in-apps features for better experience for our end-users. With our passion for innovation and dedication to quality, we aim to exceed your expectations and deliver exceptional value. </p>
<div class="d-flex flex-column flex-lg-row align-items-center">
</div>
</div>
</div>
<div class="col-lg-6">
<!-- Masthead device mockup feature-->
<div class="bg-black masthead-device-mockup">
<svg class="circle" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="circleGradient" gradientTransform="rotate(45)">
<stop class="gradient-start-color" offset="0%"></stop>
<stop class="gradient-end-color" offset="100%"></stop>
</linearGradient>
</defs>
<circle cx="50" cy="50" r="50"></circle></svg
><svg class="shape-1 d-none d-sm-block" viewBox="0 0 240.83 240.83" xmlns="http://www.w3.org/2000/svg">
<rect x="-32.54" y="78.39" width="305.92" height="84.05" rx="42.03" transform="translate(120.42 -49.88) rotate(45)"></rect>
<rect x="-32.54" y="78.39" width="305.92" height="84.05" rx="42.03" transform="translate(-49.88 120.42) rotate(-45)"></rect></svg
><svg class="shape-2 d-none d-sm-block" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg>
<div class="device-wrapper">
<div class="device" data-device="iPhoneX" data-orientation="portrait" data-color="black">
<div class="screen bg-transparent">
<!-- PUT CONTENTS HERE:-->
<!-- * * This can be a video, image, or just about anything else.-->
<!-- * * Set the max width of your media to 100% and the height to-->
<!-- * * 100% like the demo example below.-->
<!-- <video muted="muted" autoplay="" loop="" style="max-width: 100%; height: 100%"><source src="assets/img/innovativetech-demo.mp4" type="video/mp4" /></video> -->
<video muted="muted" autoplay="" loop="" style="max-width: 100%; height: 100%"><source src="assets/img/innovativetech-demo.mp4" type="video/mp4" /></video>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- App features section-->
<section id="features""bg-black">
<div class="bg-black">
<div class="bg-black container px-5">
<div class="row gx-5 align-items-right">
<div class="col-lg-8 order-lg-1 mb-5 mb-lg-0">
<div class="container-fluid px-5">
<div class="row gx-5">
<div class="bg-black col-md-6 mb-5">
<!-- Feature item-->
<div class="text-right">
<img class="app-badge rounded-circle" src="assets/img/flashcardslogo.png" alt="...." style="height: 7rem" />
<h3 class="font-alt text-white">SmartStudy</h3>
<p class="font-alt text-white">Enhanced Learning Experience</p>
<p class="text-muted mb-0">SmartStudy, a powerful and intuitive tool designed to enhance your learning experience. Our app is designed to help you efficiently memorise and retain information in a fun and interactive way.
SmartStudy comes with a preloaded set of Network+ flashcards specifically designed to help you prepare for the Network+ certification exam.</p>
<a href="https://apps.apple.com/gb/app/smartstudy/id6497406893"><img class="app-badge" src="assets/img/app-store-badge.svg" alt="..." /></a>
</div>
</div>
<div class="col-md-6 mb-5">
<!-- Feature item-->
<!-- Feature item-->
<div class="text-right">
<img class="app-badge rounded-circle" src="assets/img/tempLog.png" alt="...." style="height: 7rem" />
<h3 class="font-alt text-white">TempLogs</h3>
<p class="text-muted mb-0">TempLogs is a standalone iOS app, designed for small catering activities to provide the necessary features to form an important part of your business Food Safety Management System. TempLogs helps you record temperature checks to ensure your kitchen is hygienic and running smoothly and safely.</p>
<a href="https://apps.apple.com/gb/app/templogs/id1639910315"><img class="app-badge" src="assets/img/app-store-badge.svg" alt="..." /></a>
</div>
</div>
<div class="col-md-6 mb-5">
<!-- Feature item-->
<div class="text-right">
<img class="app-badge rounded-circle" src="assets/img/pigeonLoft.png" alt="...." style="height: 7rem" />
<h3 class="font-alt text-white">PigeonLoft</h3>
<p class="text-muted mb-0">PigeonLoft is an essential tool for all pigeon fanciers out there, ideal for loft management. The simplest and easiest way to keep track of your birds. Share your data across your iOS and OS X devices without limits and run your pigeon racing sport effectively.</p>
<a href="https://apps.apple.com/gb/app/pigeonloft/id1668911723"><img class="app-badge" src="assets/img/app-store-badge.svg" alt="..." /></a>
</div>
</div>
<div class="col-md-6">
<!-- Feature item-->
<div class="text-right">
<img class="app-badge rounded-circle" src="assets/img/stockKeeperlogo.png" alt="...." style="height: 7rem" />
<h3 class="font-alt text-white">StockKeeper</h3>
<p class="font-alt text-white">Inventory Management App</p>
<p class="text-muted mb-0">StockKeeper is an essential tool for all small businesses, ideal for stock management. The simplest and easiest way to keep track of your Inventory and Revenues. Share your data across your iOS and OS X devices without limits and run your business effectively.</p>
<a href="https://apps.apple.com/gb/app/stockkeeper/id1458122669"><img class="app-badge" src="assets/img/app-store-badge.svg" alt="..." /></a>
</div>
</div>
</div>z
<div class="row">
<div class="col-md-6 mb-5 mb-md-0">
<!-- Feature item-->
<div class="text-right">
<img class="app-badge rounded-circle" src="assets/img/clockimage.png" alt="...." style="height: 7rem" />
<h3 class="font-alt text-white">Hours Tracker</h3>
<p class="text-muted mb-0">Clocked-In supports iCloud for backups and syncs your data across your iOS devices. Keep track of your hours worked as well as money earned in your local currency. If you work variable hours, jobs, or even overtime then this Time Tracker is the app you need.</p>
<a href="https://apps.apple.com/gb/app/hourstracker-clock-in/id1181122430"><img class="app-badge" src="assets/img/app-store-badge.svg" alt="..." /></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 order-lg-0">
<!-- Features section device mockup-->
<div class="features-device-mockup">
<svg class="circle" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="circleGradient" gradientTransform="rotate(45)">
<stop class="gradient-start-color" offset="0%"></stop>
<stop class="gradient-end-color" offset="100%"></stop>
</linearGradient>
</defs>
<circle cx="50" cy="50" r="50"></circle></svg
><svg class="shape-1 d-none d-sm-block" viewBox="0 0 240.83 240.83" xmlns="http://www.w3.org/2000/svg">
<rect x="-32.54" y="78.39" width="305.92" height="84.05" rx="42.03" transform="translate(120.42 -49.88) rotate(45)"></rect>
<rect x="-32.54" y="78.39" width="305.92" height="84.05" rx="42.03" transform="translate(-49.88 120.42) rotate(-45)"></rect></svg
><svg class="shape-2 d-none d-sm-block" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg>
<div class="device-wrapper">
<div class="device" data-device="iPhoneX" data-orientation="portrait" data-color="black">
<div class="screen bg-black">
<!-- PUT CONTENTS HERE:-->
<!-- * * This can be a video, image, or just about anything else.-->
<!-- * * Set the max width of your media to 100% and the height to-->
<!-- * * 100% like the demo example below.-->
<!-- <video muted="" autoplay="" loop="" style="max-width: 100%; height: 100%"><source src="assets/img/StockKeeperTrailer.mov" type="video/mp4" /></video> -->
<video style="max-width: 100%; height: 100%" controls autoplay>
<source src="assets/img/StockKeeperTrailer.mov" type="video/mp4">
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</video>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Basic features section-->
<section class="bg-black">
<div class="container px-5">
<div class="row gx-5 align-items-center justify-content-center justify-content-lg-between">
<!-- <h3 class="display-2 lh-1 mb-4 text-white">Innovative Technology</h3> -->
<h2 class="font-alt text-white">Innovative Technology</h2>
<p class="lead fw-normal text-muted mb-5 mb-lg-0">"Revolutionary apps that take the users experiences to the next level. With innovative features and user-friendly interfaces, perfect companion for your needs. Whether you're new beginner or not, SwiftTech Mobile has something for everyone"</p>
</div>
<div class="col-sm-8 col-md-6">
</div>
</div>
</div>
</section>
<!-- Call to action section-->
<section class="cta" id="about">
<div class="cta-content">
<div class="container px-1">
<h2 class="text-white ead fw-bold text-muted mb-5 mb-lg-0">
<font color="purple"><!--About us--></font>
</h2> <h5 class="text-white fw-normal">
<!--"We're extremely passionate about mobile app development and the endless possibilities it offers. The ability to create innovative and user-friendly apps that can enhance people's lives is what drives us. We love staying up-to-date with the latest trends and technologies in the mobile app industry, constantly seeking ways to push the boundaries and create unique solutions. Seeing our ideas come to life and making a positive impact on users is incredibly fulfilling to us. Mobile app development is not just a profession, but a true passion that fuels our creativity and motivates us to continuously learn and grow in this ever-evolving field."-->
</h5>
<!-- <img class="app-badge rounded-circle" src="assets/img/avatar.JPG" alt="...." style="height: 7rem" /> -->
</div>
</section>
<!-- App badge section-->
<section class="bg-gradient-primary-to-secondary" id="download">
<div class="container px-5">
<h2 class="text-center text-white font-alt mb-4">Get the app now!</h2>
<div class="d-flex flex-column flex-lg-row align-items-center justify-content-center">
<a href="https://apps.apple.com/gb/app/stockkeeper/id1458122669"><img class="app-badge" src="assets/img/app-store-badge.svg" alt="..." /></a>
</div>
</section>
<!-- Footer-->
<footer class="bg-black text-center py-5"src="assets/img/backgroundimage.jpg">
<div class="container px-5">
<h2 class="text-white">SwiftTech Mobile</h2>
<div class="text-white-50 small">
<div class="mb-2">© Elton's Apps 2024. All Rights Reserved.</div>
<a href="policy.html">Privacy Policy</a>
<span class="mx-1">·</span>
<a href="terms.html">Terms and Conditions</a>
<span class="mx-1">·</span>
<a href="FAQ.html">FAQ</a>
<span class="mx-1">·</span>
<a href="mailto:info@swifttechmobile.co.uk">Contact us</a>.<br>
</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<!-- * * SB Forms JS * *-->
<!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
<!--POPUP FUNCTION-->
</body>
</html>