-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
239 lines (228 loc) · 10.4 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Focusconsultit - About Us</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" media="screen" href="/src/css/about.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/src/css/responsive.css" />
<link rel="shortcut icon" href="/Assets/favicon.png" type="image/x-icon" />
<!-- Owl-Carousel -->
<link rel="stylesheet" href="/lib/owl.carousel.min.css" />
<link rel="stylesheet" href="/lib/owl.theme.default.min.css" />
<script src="/lib/jquery.min.js"></script>
<script src="/lib/owl.carousel.js"></script>
<!-- AOS Animation -->
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
</head>
<body id="about">
<div class="wrapper">
<nav>
<img src="/Assets/Logo HA transparent new.png" alt="Focusconsultit logo" />
<ul class="nav-links hide">
<a href="/index.html">
<li>Home</li>
</a>
<a class="current" href="#">
<li>About</li>
</a>
<a href="/service.html">
<li>Services</li>
</a>
<a href="/contact.html">
<li>Contact</li>
</a>
<a href="/about.html#get-started">
<div class="btn">Get Started</div>
</a>
</ul>
<button class="ham-menu"
onclick="this.classList.toggle('opened');this.setAttribute('aria-expanded', this.classList.contains('opened'))"
aria-label="Main Menu">
<svg width="100" height="100" viewBox="0 0 100 100">
<path class="line line1"
d="M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" />
<path class="line line2" d="M 20,50 H 80" />
<path class="line line3"
d="M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942" />
</svg>
</button>
</nav>
<div class="hero">
<div class="head">
<p class="semi-heading">About FOCUSCONSULTIT</p>
<h1>We Do The Work So You Don’t Have To</h1>
</div>
</div>
</div>
<main>
<div class="section1">
<img data-aos="fade-up" data-aos-duration="1500" src="/Assets/About Image.png" alt="" />
<img data-aos="fade-up" data-aos-duration="1600" class="eclipse-2" src="/Assets/Ellipse 2.png" alt="">
<div class="txt">
<p data-aos="fade-up" data-aos-duration="1500" class="semi-heading">About FOCUSCONSULTIT</p>
<h1 data-aos="fade-up" data-aos-duration="1600">When a background worker is needed, we are available</h1>
<p>
<span data-aos="fade-up" data-aos-duration="1800">
FOCUSCONSULTIT is an IT consultation firm that emphasizes a forward-thinking approach, combining
fervent optimism with cutting-edge technology. Our name stands for "Fervent Optimism Causes Unlimited
Success," reflecting our commitment to innovation, excellence, and the positive outcomes we strive to
achieve for our clients.
</span>
<span data-aos="fade-up" data-aos-duration="1900">
Our team of skilled professionals offers comprehensive solutions tailored to meet
the unique needs of each client, ensuring their success in an ever-evolving technological landscape.
</span>
</p>
<div data-aos="fade-up" data-aos-duration="2000" class="btn">Meet the Team</div>
</div>
</div>
<div data-aos="fade-up" class="section2">
<div class="head">
<p data-aos="fade-up" data-aos-duration="1500" class="semi-heading">The Process</p>
<h1 data-aos="fade-up" data-aos-duration="1600">How It Works</h1>
</div>
<div class="txt">
<div class="point dot one">
<div class="contxt">
<h1 data-aos="fade-up" data-aos-duration="1700">Initial Inquiry</h1>
<p data-aos="fade-up" data-aos-duration="1750">
Your journey begins by reaching out to us through our website or by phone. Tell us about your IT needs,
challenges, and goals. Our friendly team will guide you through the initial discussion, gaining insights
into your unique requirements.
</p>
</div>
<img data-aos="fade-up" data-aos-duration="1800" src="/Assets/initial.png" alt="" />
</div>
<div class="point dot two">
<div class="contxt">
<h1 data-aos="fade-up" data-aos-duration="1700">Personalized Solution</h1>
<p data-aos="fade-up" data-aos-duration="1750">
After the initial consultation, our experts will craft a customized IT solution for your business. This
solution will encompass strategies, technologies, and timelines that align with your objectives.
</p>
</div>
<img data-aos="fade-up" data-aos-duration="1800" src="/Assets/personalised.png" alt="" />
</div>
<div class="point dot three">
<div class="contxt">
<h1 data-aos="fade-up" data-aos-duration="1700">Review and Refine</h1>
<p data-aos="fade-up" data-aos-duration="1750">
We present our solution for your review. This includes a transparent breakdown of the project scope,
phases, and costs. Your feedback is essential at this stage, allowing us to fine-tune the plan according
to your preferences.
</p>
</div>
<img data-aos="fade-up" data-aos-duration="1800" src="/Assets/review.png" alt="" />
</div>
<div class="point dot four">
<div class="contxt">
<h1 data-aos="fade-up" data-aos-duration="1700">Guarantee Delivery</h1>
<p data-aos="fade-up" data-aos-duration="1750">
Once you're satisfied with the plan, we move to implementation. Our skilled team ensures a seamless
deployment of the IT solution in your environment. We take care of all the technical details, so you can
focus on your business.
</p>
</div>
<img data-aos="fade-up" data-aos-duration="1800" src="/Assets/guarantee.png" alt="" />
</div>
<div class="point dot six">
<div class="contxt">
<h1 data-aos="fade-up" data-aos-duration="1700">Effortless Payment</h1>
<p data-aos="fade-up" data-aos-duration="1750">
We value simplicity in every aspect, including payment. You'll receive detailed invoices and payment
instructions as outlined in the proposal. Our flexible payment options ensure a convenient and smooth
transaction process, allowing you to focus on reaping the benefits of your new IT solution.
</p>
</div>
<img data-aos="fade-up" data-aos-duration="1800" src="/Assets/effortless.png" alt="" />
</div>
<div class="point dot six">
<div class="contxt">
<h1 data-aos="fade-up" data-aos-duration="1700">Partnership</h1>
<p data-aos="fade-up" data-aos-duration="1750">
At FOCUSCONSULTIT, we're not just about short-term fixes; we're about building enduring partnerships. As
your IT needs evolve, we'll be right there beside you, ready to adapt your solutions and offer new
insights to keep you ahead of the curve.
</p>
</div>
<img data-aos="fade-up" data-aos-duration="1800" src="/Assets/partnership.png" alt="" />
</div>
</div>
</div>
<div data-aos="fade-up" data-aos-duration="1700" id="get-started" class="section3">
<div class="txt">
<img src="/Assets/Safework writeup section.png" alt="" />
<h1>Let’s Get You The Support you need!</h1>
<p>
You don't need to make any payments until you've connected with your team member and are prepared to work
together. You'll achieve full functionality in a brief period.
</p>
</div>
<form id="form" action="https://formspree.io/f/mpzglyyg" method="POST">
<input type="text" name="first name" placeholder="First Name" pattern="^[a-zA-Z\s]*$" minlength="2"
maxlength="20" required />
<input type="text" name="last name" placeholder="Last Name" pattern="[a-zA-Z0-9]+" minlength="2" maxlength="20"
required />
<input type="tel" name="phone number" placeholder="Phone" pattern="^([0|\+[0-9]{1,5})?([0-9]{10})$"
minlength="6" maxlength="15" title="Please enter a correct phone number" required />
<input type="email" name="email" placeholder="Email" multiple required />
<select class="select" name="applying">
<option class="option">For my Self</option>
<option class="option">For a Company</option>
</select>
<input type="text" name="company" placeholder="Company" />
<button class="btn" type="submit">Send</button>
</form>
</div>
</main>
<footer>
<div class="top">
<div class="img">
<img src="/Assets/Safework writeup footer.png" alt="" />
</div>
<hr />
<div class="icons">
<img src="/Assets/facebook.png" alt="" />
<img src="/Assets/twitter.png" alt="" />
<img src="/Assets/linkedin.png" alt="" />
<img src="/Assets/instagram.png" alt="" />
</div>
</div>
<div class="middle">
<div class="links">
<a href="/index.html">
<p>Home</p>
</a>
<hr />
<a href="#">
<p>About</p>
</a>
<hr />
<a href="/service.html">
<p>Service</p>
</a>
<hr />
<a href="/contact.html">
<p>Contact</p>
</a>
</div>
<div class="txt">
<p>
Our team of experts offers dependable expertise to assist companies in efficiently establishing and overseeing
their businesses.
</p>
</div>
</div>
<div class="bottom">
<p>© 2023 FOCUSCONSULTIT | All Rights Reserved</p>
</div>
</footer>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
<script src="/src/app.js"></script>
</body>
</html>