-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
464 lines (439 loc) · 26.6 KB
/
index.html
File metadata and controls
464 lines (439 loc) · 26.6 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
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
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Primary Meta Tags -->
<title>Flux</title>
<meta name="title" content="Flux">
<meta name="description" content="Master the art of web design with our comprehensive course. Learn proven processes for delivering standout websites, from UI/UX design to development. Transform your career and earn more as a web designer.">
<meta name="keywords" content="web design course, project-flux, flux,projectflux, web development training, UI/UX design, professional web services, mcquendie obodos, mcquendie, web design process, digital strategy, responsive design, web design career">
<meta name="author" content="McQuendie">
<meta name="robots" content="index, follow">
<meta name="language" content="English">
<meta name="google-site-verification" content="c0pI6GBr8ybl4ziY6gdbsjXsHuthUjHjJZuxWs5hcwk" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://project-flux.vercel.app/index.html">
<meta property="og:title" content="Master Web Design & Development | Professional Training Course">
<meta property="og:description" content="Transform your web design career with our comprehensive course. Learn proven processes, earn more, and deliver standout websites that clients love.">
<meta property="og:image" content="template1-image/6617d4cc6baf2be0fdcb6e8a_wdbp-hero-background-p-1080.webp">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://project-flux.vercel.app/index.html">
<meta name="twitter:title" content="Master Web Design & Development | Professional Training Course">
<meta name="twitter:description" content="Transform your web design career with our comprehensive course. Learn proven processes, earn more, and deliver standout websites that clients love.">
<meta name="twitter:image" content="template1-image/6617d4cc6baf2be0fdcb6e8a_wdbp-hero-background-p-1080.webp">
<!-- Canonical URL -->
<link rel="canonical" href="https://project-flux.vercel.app/index.html">
<!-- Favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="template1-image/65879a2803856684be971b80_favicon-32x32.png">
<!-- Your existing CSS links -->
<link rel="stylesheet" href="fontawesome-free-6.5.2-web/fontawesome-free-6.5.2-web/css/all.css">
<link rel="stylesheet" href="CSS/media-query.css">
<link rel="stylesheet" href="aos-master/aos-master/dist/aos.css">
<link rel="stylesheet" href="CSS/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css"/>
<!-- Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "EducationalOrganization",
"name": "McQuendie Web Design Training",
"description": "Professional web design and development training course",
"offers": {
"@type": "Offer",
"price": "499",
"priceCurrency": "USD",
"priceValidUntil": "2024-12-31"
},
"course": {
"@type": "Course",
"name": "Professional Web Design & Development Course",
"description": "Master the proven web design process for delivering standout client outcomes",
"provider": {
"@type": "Organization",
"name": "McQuendie",
"sameAs": [
"https://www.instagram.com/m.c.q__/profilecard/",
"https://www.linkedin.com/in/mcquendie-obodos-75480b2b1",
"https://www.tiktok.com/@onyekaobd",
"https://x.com/Mcquendie",
"https://www.facebook.com/mcquendie.obodos?rdid=CD2DsSKwCykU5hoo&share_url=https%3A%2F%2Fwww.facebook.com%2Fshare%2F1GrENVQY8S%2F#",
"https://www.threads.com/@mcquendie_"
]
}
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://project-flux.vercel.app/index.html"
}
}
</script>
</head>
<body>
<!-- Navigation -->
<nav class="navbar">
<div class="nav-container">
<div class="navbar-brand">
<img src="template1-image/65879a2803856684be971b80_favicon-32x32.png" alt="Logo">
</div>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item dropdown1">
<a class="nav-link dropdown-toggle" id="servicesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pages
</a>
<div class="dropdown-menu" aria-labelledby="servicesDropdown">
<a class="dropdown-item" href="FAQs.html">FAQs</a>
<a class="dropdown-item" href="#testimonials">Testimonials</a>
<a class="dropdown-item" href="about.html">About Us</a>
<a class="dropdown-item" href="#services">Services</a>
<a class="dropdown-item" href="connect.html">Connect With Me!</a>
</div>
</li>
<li class="nav-item" href="#buy" >
<a href="#buy" class="nav-button">Buy Now</a>
</li>
</ul>
</div>
</nav>
<!-- Hero Section -->
<section class="section1">
<div class="container">
<div class="headingcontain">
<div class="headingimg">
<img src="template1-image/6617d4cc6baf2be0fdcb6e8a_wdbp-hero-background-p-1080.webp" alt="headingimg">
<img src="template1-image/663cf1968bbba037737a43a3_shadow.svg" alt="">
</div>
<div class="heading">
<h1 class="h1" data-aos="fade-down" data-aos-duration="1000">Earn More With Web Design</h1>
<p class="p" data-aos="fade-up" data-aos-delay="500" data-aos-duration="1000">Master the proven web design process for delivering standout client outcomes.</p>
</div>
</div>
<div class="intro">
<div class="text1" data-aos="fade-down" data-aos-delay="500" data-aos-duration="1000">
<h2>Become a trusted expert that can take on any web design project</h2>
<p>Stop trying to "fake it till you make it", and instead - just learn how to actually make it. By the end of this course, you'll be able to:</p>
<ul>
<li>
<p><span>✔</span>Deliver standout websites using a proven process</p>
</li>
<li>
<p><span>✔</span>Elevate your work by mastering timeless design principles</p>
</li>
<li>
<p><span>✔</span>Design for results with creative strategy workshops</p>
</li>
<li>
<p><span>✔</span>Confidently manage projects and set client expectations</p>
</li>
<li>
<p><span>✔</span>Avoid the overwhelm, and know exactly what to do next</p>
</li>
</ul>
</div>
<img src="template1-image/65d914845c0b9d4d0f04a28e_wdbp-expert-section-p-1080.png" alt="" class="img1" data-aos="fade-up" data-aos-delay="550" data-aos-duration="1000">
</div>
</div>
</section>
<!-- Features Section -->
<section class="section2">
<div class="container">
<div class="text2">
<h3>Why Choose Us?</h3>
<h2 data-aos="fade-up" data-aos-delay="500" data-aos-duration="1000">No More Outdated Approaches—Welcome to the Future of Learning</h2>
</div>
<div class="img2">
<img src="template1-image/6652f8abbeeb1a99aaf8791b_wdbp-mockup-p-1080.webp" alt="">
</div>
<div class="valuecontain" data-aos="fade-down" data-aos-duration="1000">
<div class="vcimg">
<div class="vcimgcon">
<img src="template1-image/DrawKit Vector Illustration Project Manager (17).png" alt="">
<img src="template1-image/DrawKit Vector Illustration Project Manager (18).png" alt="">
</div>
</div>
<div class="valuegrid">
<div class="vgriditems">
<h1>Dynamic Curriculum</h1>
<p>Our program offers a curriculum that evolves constantly, keeping up with the latest industry trends and adapting to your unique learning pace for a truly personalized experience.</p>
</div>
<div class="vgriditems">
<h1>Hands-On Learning</h1>
<p>Forget endless theory—our approach immerses you in practical, real-world projects from day one, giving you the confidence and skills to tackle any design challenge.</p>
</div>
<div class="vgriditems">
<h1>Modern Tools</h1>
<p>We prioritize teaching you cutting-edge tools and the most relevant practices, ensuring you're not just current but ahead of the curve in today's competitive job market.</p>
</div>
<div class="vgriditems">
<h1>Collaborative Environment</h1>
<p>Web design thrives on collaboration, and so do we—expect to work on group projects, engage with real clients, and build the teamwork skills essential for success in the industry.</p>
</div>
</div>
</div>
</div>
</section>
<!-- service section -->
<section class="section3" id="services">
<div class="container">
<div class="carousel1">
<h1>Our Services</h1>
<ul class="serviceslider">
<li class="slider1">
<i class="fas fa-code"></i>
<p><span>Web Development</span>
Expert creation of responsive, high-performance websites using modern technologies and best practices. We build scalable solutions that deliver exceptional user experiences across all devices. Our development team specializes in creating robust, future-proof applications using the latest frameworks and technologies. From simple landing pages to complex web applications, we ensure clean code and optimal performance.</p>
</li>
<li class="slider1">
<i class="fas fa-sitemap"></i>
<p><span>CMS</span>
Powerful content management systems that give you complete control over your website. Easy-to-use interfaces for updating content, managing media, and maintaining your online presence. We implement and customize popular platforms like WordPress, Drupal, and custom CMS solutions. Our systems include user-friendly dashboards, robust security features, and seamless content workflow management.</p>
</li>
<li class="slider1">
<i class="fas fa-search"></i>
<p><span>SEO</span>
Comprehensive search engine optimization strategies to improve your visibility online. We implement proven techniques to boost rankings, increase organic traffic, and enhance your digital footprint. Our SEO services include keyword research, content optimization, technical SEO audits, backlink building, and regular performance monitoring. We stay current with search engine algorithms to ensure lasting results.</p>
</li>
<li class="slider1">
<i class="fas fa-shopping-cart"></i>
<p><span>E-commerce</span>
Full-featured online stores with secure payment processing, inventory management, and seamless checkout experiences. We build platforms that drive sales and delight customers. Our e-commerce solutions include advanced features like multi-currency support, automated inventory tracking, customer relationship management, and detailed analytics for business growth.</p>
</li>
<li class="slider1">
<i class="fas fa-paint-brush"></i>
<p><span>Web Design</span>
Creative and intuitive designs that capture your brand's essence. We focus on user experience, visual appeal, and conversion optimization to create websites that make an impact. Our design process includes thorough market research, user persona development, wireframing, and responsive design implementation. We create unique, memorable experiences that engage your audience.</p>
</li>
<li class="slider1">
<i class="fas fa-server"></i>
<p><span>Maintenance and Hosting</span>
Reliable hosting solutions and ongoing maintenance to keep your website secure, up-to-date, and performing optimally. Regular updates, backups, and technical support included. We provide 24/7 monitoring, security patches, performance optimization, and emergency support. Our hosting infrastructure ensures maximum uptime and fast loading speeds worldwide.</p>
</li>
<li class="slider1">
<i class="fas fa-sliders-h"></i>
<p><span>Customization</span>
Tailored solutions to meet your specific needs. From custom functionality to unique design elements, we create websites that perfectly align with your business objectives. Our customization services include bespoke feature development, third-party integrations, API development, and specialized business logic implementation. We turn your unique requirements into reality.</p>
</li>
<li class="slider1">
<i class="fas fa-certificate"></i>
<p><span>Certifications</span>
Industry-recognized certifications and compliance standards ensure your website meets the highest quality benchmarks. We maintain current best practices and security protocols. Our team holds various technical certifications and stays updated with industry standards. We ensure compliance with GDPR, WCAG accessibility guidelines, and other relevant regulations.</p>
</li>
</ul>
</div>
</div>
</section>
<section class="section4" id="testimonials">
<div class="container">
<h1>Don't just take it from us</h1>
<p>See what our loyal clients have to say.</p>
<div class="testimonialcontainer">
<div class="testimonialcard" data-aos="fade-up" data-aos-duration="1000">
<div class="testimonialimg">
<img src="template1-image/curly-man-with-broad-smile-shows-perfect-teeth-being-amused-by-interesting-talk-has-bushy-curly-dark-hair-stands-indoor-against-white-blank-wall_273609-17092.avif" alt="">
</div>
<p class="testimonialname">Shawn</p>
<div class="testimonialtext">
<p>"The team's ability to translate our vision into a stunning e-commerce platform was remarkable. Our online sales increased by 150% within the first three months after launch."</p>
</div>
</div>
<div class="testimonialcard" data-aos="fade-up" data-aos-duration="1000">
<div class="testimonialimg">
<img src="template1-image/gettyimages-1250238624-612x612.jpg" alt="">
</div>
<p class="testimonialname">Rick</p>
<div class="testimonialtext">
<p>"Their SEO expertise transformed our online presence completely. Within six months, our website ranked #1 for our key industry terms, and we've seen a 200% increase in organic traffic. The ongoing support has been invaluable to our growth."</p>
</div>
</div>
<div class="testimonialcard" data-aos="fade-up" data-aos-duration="1000">
<div class="testimonialimg">
<img src="template1-image/handsome-cheerful-man-with-happy-smile_176420-18028.avif" alt="">
</div>
<p class="testimonialname">Peter</p>
<div class="testimonialtext">
<p>"The custom CMS they built revolutionized our content management process. What used to take hours now takes minutes, and the intuitive interface means our entire team can easily maintain the website. Absolutely worth every penny!"</p>
</div>
</div>
<div class="testimonialcard" data-aos="fade-up" data-aos-duration="1000">
<div class="testimonialimg">
<img src="template1-image/images (2).jpeg" alt="">
</div>
<p class="testimonialname">John</p>
<div class="testimonialtext">
<p>"Their mobile-first approach completely transformed our website's performance. Since the redesign, our mobile conversions have increased by 80%, and user engagement has doubled. The responsive design works flawlessly across all devices."</p>
</div>
</div>
<div class="testimonialcard" data-aos="fade-up" data-aos-duration="1000">
<div class="testimonialimg">
<img src="template1-image/images.jpeg" alt="">
</div>
<p class="testimonialname">Kumar</p>
<div class="testimonialtext">
<p>"Outstanding support throughout the entire project lifecycle. They didn't just build a website; they created a comprehensive digital strategy that's driving real business growth. Their team's expertise was evident at every step."</p>
</div>
</div>
<div class="testimonialcard">
<div class="testimonialimg">
<img src="template1-image/pexels-olly-733872.jpg" alt="">
</div>
<p class="testimonialname">Ashley</p>
<div class="testimonialtext">
<p>"The UI/UX design exceeded all our expectations. After implementing their solutions, our bounce rate decreased by 40%, and average session duration increased by 3 minutes. The user feedback has been overwhelmingly positive."</p>
</div>
</div>
<div class="testimonialcard" data-aos="fade-up" data-aos-duration="1000">
<div class="testimonialimg">
<img src="template1-image/portrait-man-laughing_23-2148859448.avif" alt="">
</div>
<p class="testimonialname">Samson</p>
<div class="testimonialtext">
<p>"Their integration of our payment systems was flawless. The streamlined checkout process has reduced cart abandonment by 95%, and the security measures they implemented give our customers complete peace of mind."</p>
</div>
</div>
<div class="testimonialcard" data-aos="fade-up" data-aos-duration="1000">
<div class="testimonialimg">
<img src="template1-image/portrait-white-man-isolated_53876-40306.avif" alt="">
</div>
<p class="testimonialname">Larry</p>
<div class="testimonialtext">
<p>"The website's loading speed improvement was incredible. Our Core Web Vitals scores are now all in the green, and the optimization techniques they implemented have significantly improved our search rankings."</p>
</div>
</div>
<div class="testimonialcard" data-aos="fade-up" data-aos-duration="1000">
<div class="testimonialimg">
<img src="template1-image/stock-photo-serious-mature-asian-woman-looking-at-the-camera-2248570183.jpg" alt="">
</div>
<p class="testimonialname">Kate</p>
<div class="testimonialtext">
<p>"Their accessibility improvements made our site available to everyone. We're now fully WCAG compliant, and the inclusive design has helped us reach a much wider audience. Their attention to detail was exceptional."</p>
</div>
</div>
</div>
</div>
</section>
<section class="section5" id="buy">
<div class="container">
<div class="offerflex">
<div class="offer1">
<h1>Transform Your Web Design Career Today</h1>
<p>Ready to deliver exceptional websites and command premium rates? Our comprehensive course gives you the exact process, tools, and strategies used by top-earning web designers. Don't miss out on the opportunity to elevate your skills and income.</p>
</div>
<div class="offer2">
<h1>Special Launch Offer: $499 <span>$999</span></h1>
<p>🔥 Limited Time: 50% OFF for the next 48 hours!
Join 1000+ successful graduates who have transformed their careers.
Includes lifetime access and free updates.</p>
<button>
<a href="connect.html"><p>Secure Your Spot Now →</p></a>
</button>
</div>
</div>
</div>
</section>
<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" integrity="sha512-yHknP1/AwR+yx26cB1y0cjvQUMvEa2PFzt1c9LlS4pRQ5NOTZFWbhBig+X9G9eYW/8m0/4OXNx8pxJ6z57x0dw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="js/main.js"></script>
<script>
$(document).ready(function() {
// Initialize AOS
AOS.init();
// Refresh AOS on window load
$(window).on('load', function() {
AOS.refresh();
});
});
</script>
<!-- slick-carousel -->
<script>
$('.serviceslider').slick({
dots: true,
infinite: true,
speed: 1000,
fade: true,
cssEase: 'linear',
arrows: false,
autoplay: true,
autoplaySpeed: 3000,
pauseOnHover: true,
pauseOnFocus: true,
pauseOnDotsHover: true,
swipe: true // Allows swiping on mobile devices
});
</script>
<!-- Chat Bot -->
<div class="chat-bot-container">
<div class="chat-bot-icon" onclick="toggleChat()">
<i class="fas fa-comments"></i>
</div>
<div class="chat-window" id="chatWindow">
<div class="chat-header">
<h3>Chat Support</h3>
<button onclick="toggleChat()">×</button>
</div>
<div class="chat-messages" id="chatMessages">
<!-- Messages will be added here dynamically -->
</div>
<div class="chat-input">
<input type="text" id="userInput" placeholder="Type your message..." onkeypress="handleKeyPress(event)">
<button onclick="sendMessage()">
<i class="fas fa-paper-plane"></i>
</button>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<div class="footer-container" data-aos="fade-down" data-aos-duration="1000">
<div class="footer-section" >
<h3>Connect With Us</h3>
<div class="social-icons">
<a href="https://www.instagram.com/m.c.q__/profilecard/?igsh=MTlveTh3cHhpa2VyaA=="><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/mcquendie-obodos-9340a8353?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"><i class="fab fa-linkedin"></i></a>
<a href="https://x.com/Mcquendie" class="x-twitter" target="_blank" rel="noopener noreferrer" aria-label="Visit McQuendie on X"><i class="fab fa-x-twitter"></i></a>
<a href="https://www.facebook.com/mcquendie.obodos?rdid=CD2DsSKwCykU5hoo&share_url=https%3A%2F%2Fwww.facebook.com%2Fshare%2F1GrENVQY8S%2F#" class="facebook" target="_blank" rel="noopener noreferrer" aria-label="Visit McQuendie on Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.threads.com/@mcquendie_" class="threads" target="_blank" rel="noopener noreferrer" aria-label="Visit McQuendie on Threads"><i class="fab fa-threads"></i></a>
<a href=" https://wa.me/qr/RTT3XI742YSTG1 "><i class="fab fa-whatsapp"></i></a>
<a href="mailto:mcquendieo@gmail.com?subject=Website%20Inquiry&body=Hello%2C%20">
<i class="fas fa-envelope"></i>
</a>
<a href="https://www.tiktok.com/@m.c.q__1?_t=ZM-8ssPEGoLxdm&_r=1" target="_blank" ><i class="fab fa-tiktok"></i></a>
</div>
</div>
<div id="footer-section1" class="footer-section">
<h3>Our Services</h3>
<ul>
<li><a href="#services">Web Development</a></li>
<li><a href="#services">CMS Solutions</a></li>
<li><a href="#services">SEO Optimization</a></li>
<li><a href="#services">E-commerce Development</a></li>
<li><a href="#services">Web Design</a></li>
<li><a href="#services">Maintenance & Hosting</a></li>
</ul>
</div>
<div id="footer-section2" class="footer-section">
<h3>Quick Links</h3>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 McQuendie All rights reserved.</p>
</div>
</footer>
<!-- Vercel Analytics -->
<script defer src="https://vercel.com/analytics/script.js"></script>
</body>
</html>