Files
wdipl-redesign/pages/web-app-development.php

777 lines
36 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?php include('../components/header.php') ?>
<div id="sec_main">
<!-- Web Experiences start -->
<section class="web-experiences-sec p-top section">
<div class="container">
<div class="row">
<div class="col-md-6 banner-col">
<p>Web App Developers</p>
<p class="head">Web Experiences That <br> <span class="gr-txt">Engage and Convert</span> </p>
<p class="grey-para">From custom websites to SaaS platforms, we create web <br> solutions that
redefine
digital
experiences.</p>
<div class="lets_talk mt-4">
<a href="#">
<span class="one"></span>
<span class="two"></span>
Lets build an App
<img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp"
class="arrow_up" alt="arrow-up">
</a>
</div>
</div>
<div class="col-md-5">
<!-- <img src="../assets/images/new-img/tech-side.svg" alt=""> -->
</div>
</div>
</div>
</div>
</section>
<!-- Web Experiences end -->
<!-- Transforming Ideas start -->
<section class="transform-idea-sec web-dev section">
<div class="container">
<div class="mobile-banner-content">
<div class="row">
<div class="col-md-5">
<p class="mid-head">Transforming Ideas <br> into Exceptional Mobile <br> Experiences</p>
</div>
<div class="col-md-7">
<p class="grey-para">At the core of our mobile app development services lies innovation and
precision. Leveraging cutting-edge frameworks like Flutter, React Native, and Swift, we
design apps that are not only fast and secure but also inherently scalable. From intuitive
UX/UI design to seamless backend integration, our team ensures every app is optimized for
performance, reliability, and cross-platform compatibility.</p>
</div>
</div>
<div class="transform-box-main">
<div class="transform-box">
<div class="transform-inn-content">
<img src="../assets/images/new-img/transform-mob-icon.png" alt="">
<p class="mid-para">Custom Mobile App Development</p>
</div>
<p class="grey-para">Transforming concepts into captivating mobile experiences with our expert
App developments Service Transforming concepts into captivating mobile experiences with our
expert App developments Service</p>
</div>
<div class="transform-box">
<div class="transform-inn-content">
<img src="../assets/images/new-img/transform-mob-icon.png" alt="">
<p class="mid-para">Cross-Platform App Development</p>
</div>
<p class="grey-para">Transforming concepts into captivating mobile experiences with our expert
App developments Service Transforming concepts into captivating mobile experiences with our
expert App developments Service</p>
</div>
<div class="transform-box">
<div class="transform-inn-content">
<img src="../assets/images/new-img/transform-mob-icon.png" alt="">
<p class="mid-para">Wearable & IoT App Development</p>
</div>
<p class="grey-para">Transforming concepts into captivating mobile experiences with our expert
App developments Service Transforming concepts into captivating mobile experiences with our
expert App developments Service</p>
</div>
</div>
</div>
</div>
</section>
<!-- Transforming Ideas end -->
<!-- Innovating Mobility start -->
<section class="innovating-sec web-innovating section">
<div class="container">
<p class="mid-head">Innovating Mobility, Empowering Connectivity</p>
<p class="dark-grey-para">Where creativity meets technology! We are a leading app development company
committed to transforming your ideas <br> into powerful, user-friendly, and cutting-edge mobile
applications. </p>
<div class="innovating-box-main">
<div class="innovating-box">
<img src="../assets/images/new-img/transform-mob-icon.png" alt="">
<p class="mid-para">Hybrid App Development</p>
<p class="dark-grey-para">Transforming concepts into captivating mobile experiences with our expert
App
developments Service</p>
</div>
<div class="innovating-box">
<img src="../assets/images/new-img/transform-mob-icon.png" alt="">
<p class="mid-para">Native App Development</p>
<p class="dark-grey-para">Transforming concepts into captivating mobile experiences with our expert
App
developments Service</p>
</div>
<div class="innovating-box">
<img src="../assets/images/new-img/transform-mob-icon.png" alt="">
<p class="mid-para">Progressive Web Apps (PWA)</p>
<p class="dark-grey-para">Transforming concepts into captivating mobile experiences with our expert
App
developments Service</p>
</div>
<div class="innovating-box">
<img src="../assets/images/new-img/transform-mob-icon.png" alt="">
<p class="mid-para">Progressive Web Apps (PWA)</p>
<p class="dark-grey-para">Transforming concepts into captivating mobile experiences with our expert
App
developments Service</p>
</div>
<div class="innovating-box">
<img src="../assets/images/new-img/transform-mob-icon.png" alt="">
<p class="mid-para">Progressive Web Apps (PWA)</p>
<p class="dark-grey-para">Transforming concepts into captivating mobile experiences with our expert
App
developments Service</p>
</div>
<div class="innovating-box">
<img src="../assets/images/new-img/transform-mob-icon.png" alt="">
<p class="mid-para">Progressive Web Apps (PWA)</p>
<p class="dark-grey-para">Transforming concepts into captivating mobile experiences with our expert
App
developments Service</p>
</div>
</div>
</div>
</section>
<!-- Innovating Mobility end -->
<!-- what-do-we start -->
<section class="section what_do_we_section">
<div class="container">
<p class="mid-head">What do we do exactly?</p>
<div class="develop_boxes">
<div class="inner_box first_inner_box other_img inner_box_1">
<p class="mini-head">Mobile App Development</p>
<p class="grey-para">Transforming concepts into captivating mobile <br> experiences with our expert
app development <br> services. </p>
<div class="lets_talk">
<a href="contact-us.php">
<span class="one"></span>
<span class="two"></span>
Let's build an App
<img loading="lazy" src="../assets/images/arrow-up-right.webp" class="arrow_up" alt="arrow-up">
</a>
</div>
<img loading="lazy" src="../assets/images/new-img/kiki.svg" class="mobile_app_img" alt="mobile-app-dev">
</div>
<div class="inner_box other_img inner_box_2">
<img src="../assets/images/new-img/web-dev.svg" alt="">
<p class="mini-head" data-wow-delay="0.3s">Website <br> Development</p>
<p class="grey-para">Build a strong foothold in the digital world with a highly responsive,
mobile-friendly website.</p>
</div>
<div class="inner_box other_img inner_box_3">
<img src="../assets/images/new-img/aiml.svg" alt="">
<p class="mini-head" data-wow-delay="0.2s">AI/ML <br> Applications</p>
<p class="grey-para">Transforming concepts into captivating mobile experiences with our expert App
developments Service</p>
</div>
<div class="inner_box other_img inner_box_4">
<img src="../assets/images/new-img/custom-soft.svg" alt="">
<p class="mini-head" data-wow-delay="0.4s">Custom Software <br> Development </p>
<p class="grey-para">Transforming concepts into captivating mobile experiences with our expert App
developments Service</p>
</div>
<div class="inner_box other_img inner_box_5">
<img src="../assets/images/new-img/design.svg" alt="">
<p class="mini-head" data-wow-delay="0.5s">Design <br> Services</p>
<p class="grey-para">Transforming concepts into captivating mobile experiences with our expert App
developments Service</p>
</div>
</div>
<div class="view_all_red wow fadeInUp">
<a href="">
<span class="top"></span>
<span class="right"></span>
<span class="bottom"></span>
<span class="left"></span>
View all</a>
</div>
</div>
</section>
<!-- what-do-we end -->
<!-- Enterprise Digital Innovation start -->
<section class="cloud-sec section bg-grey">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="cloud-box">
<h2 class="mid-head">Our App Modernization Services</h2>
<div>
<p class="mb-2">Reimagine, Rebuild, Revitalize</p>
<p class="dark-grey-para">A collection of versatile components that can be tailored to fit
the specific needs of your project, ensuring both aesthetic appeal and functionality.
</p>
</div>
<div>
<p class="mb-2">UI/UX Modernization</p>
<p class="dark-grey-para">Choose from these diverse design styles to cater to different
aesthetic preferences and project requirements.</p>
</div>
<div>
<p class="mb-2">Technology Modernization</p>
<p class="dark-grey-para">Streamline your design process with ready-to-use templates and
sections, adaptable to various web projects.</p>
</div>
<div>
<p class="mb-2">Performance Optimization</p>
<p class="dark-grey-para">Streamline your design process with ready-to-use templates and
sections, adaptable to various web projects.</p>
</div>
<div class="lets_talk">
<a href="#">
<span class="one"></span>
<span class="two"></span>
Transform your App into High performing Solution
<img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp"
class="arrow_up" alt="arrow-up">
</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="double-cloud-box">
<div class="cloud-box">
<p class="mid-para">Start with Assessment and Strategy</p>
<p class="dark-grey-para">We analyze your apps current architecture, performance, and
business goals to craft a tailored modernization roadmap.</p>
<div class="cloud-logo-main">
<img loading="lazy" src="../assets/images/new-img/aws.svg" alt="">
<img loading="lazy" src="../assets/images/new-img/cloud.svg" alt="">
<img loading="lazy" src="../assets/images/new-img/aws.svg" alt="">
<img loading="lazy" src="../assets/images/new-img/cloud.svg" alt="">
<img loading="lazy" src="../assets/images/new-img/aws.svg" alt="">
</div>
</div>
<div class="cloud-box cloud-side">
<p class="mid-para">Why Modernize?</p>
<p class="grey-para">DesignCode UI offers an expansive library of UI components, each
meticulously crafted for functionality and aesthetics.</p>
<div class="cl-downside-img">
<img loading="lazy" src="../assets/images/new-img/Flight UI.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Enterprise Digital Innovation end -->
<!-- Global Awards start -->
<section class="award-rec-sec section">
<div class="container">
<p class="mid-head">Global Awards that motivates us to aim higher</p>
<p class="dark-grey-para">Our talented team of developers, designers, and engineers has consistently
demonstrated a dedication to pushing the boundaries of what is possible in the digital landscape.
From prestigious industry awards to client testimonials, this section reflects the tangible impact
of our work </p>
<div class="award-content-main">
<div class="award-content">
<img loading="lazy" src="../assets/images/new-img/award-first.svg" alt="">
<p>Top health and wellness app <br> developers Mumbai</p>
<p>2022</p>
</div>
<div class="award-content">
<img loading="lazy" src="../assets/images/new-img/award-second.svg" alt="">
<p>Top Web Development <br> Company 2023</p>
<p>2022</p>
</div>
<div class="award-content">
<img loading="lazy" src="../assets/images/new-img/award-third.svg" alt="">
<p>Top Web Development <br> Company 2023</p>
<p>2022</p>
</div>
<div class="award-content">
<img loading="lazy" src="../assets/images/new-img/award-fourth.svg" alt="">
<p>Top Web Development <br> Company 2023</p>
<p>2022</p>
</div>
</div>
</div>
</section>
<!-- Global Awards end -->
<!-- Portfolio slider start -->
<section class="dual-slider">
<div class="bg-slider" id="bg_slide">
<div class="bg-img">
<img loading="lazy" src="../assets/images/new-img/imgs/bg-regroup.webp" alt="">
</div>
<div class="bg-img">
<img loading="lazy" src="../assets/images/new-img/imgs/bg-woka.webp" alt="">
</div>
<div class="bg-img">
<img loading="lazy" src="../assets/images/new-img/imgs/bg-seezun.webp" alt="">
</div>
<div class="bg-img">
<img loading="lazy" src="../assets/images/new-img/imgs/bg-simpletend.webp" alt="">
</div>
<div class="bg-img">
<img loading="lazy" src="../assets/images/new-img/imgs/bg-gsf.webp" alt="">
</div>
<div class="bg-img">
<img loading="lazy" src="../assets/images/new-img/imgs/bg-tanami.webp" alt="">
</div>
<div class="bg-img">
<img loading="lazy" src="../assets/images/new-img/imgs/bg-prosperty.webp" alt="">
</div>
<div class="bg-img">
<img loading="lazy" src="../assets/images/new-img/imgs/bg-sai-service.webp" alt="">
</div>
<div class="bg-img">
<img loading="lazy" src="../assets/images/new-img/imgs/bg-good-times.webp" alt="">
</div>
<div class="bg-img">
<img loading="lazy" src="../assets/images/new-img/imgs/bg-tc.webp" alt="">
</div>
</div>
<div class="two_slider_main">
<div class="container">
<div class="row two_slider">
<div class="col-lg-10">
<div class="slider-project-card" id="card_slide">
<div class="card-img">
<img loading="lazy" src="../assets/images/new-img/imgs/logo-regroup.webp" alt="">
</div>
<div class="card-img">
<img loading="lazy" src="../assets/images/new-img/imgs/logo-woka.webp" alt="">
</div>
<div class="card-img">
<img loading="lazy" src="../assets/images/new-img/imgs/logo-seezun.webp" alt="">
</div>
<div class="card-img">
<img loading="lazy" src="../assets/images/new-img/imgs/logo-simpletend.webp" alt="">
</div>
<div class="card-img">
<img loading="lazy" src="../assets/images/new-img/imgs/logo-gsf.webp" alt="">
</div>
<div class="card-img">
<img loading="lazy" src="../assets/images/new-img/imgs/logo-tanami.webp" alt="">
</div>
<div class="card-img">
<img loading="lazy" src="../assets/images/new-img/imgs/logo-prosperty.webp" alt="">
</div>
<div class="card-img">
<img loading="lazy" src="../assets/images/new-img/imgs/logo-sai-service.webp" alt="">
</div>
<div class="card-img">
<img loading="lazy" src="../assets/images/new-img/imgs/logo-good-times.webp" alt="">
</div>
<div class="card-img">
<img loading="lazy" src="../assets/images/new-img/imgs/logo-tc.webp" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio slider end -->
<!-- WDI Guarantee start -->
<section class="wdi-guarantee-sec section">
<div class="container">
<h2 class="mid-head"><span class="pink-txt">WDI</span> Guarantee - Ensuring Quality and Reliability You Can
Trust"
</h2>
<p class="grey-para">The WDI Guarantee stands as a promise of unparalleled quality and
dependability. Trust us to deliver excellence, every time.
</p>
<div class="faqs_section mt-5">
<div class="accordion_sec">
<div class="inn_data">
<h3 class="h3_heading">1. Communication Barriers
<i class="fa-solid fa-plus"></i>
</h3>
<div class="accordion_content">
<p class="grey-para">You should start the App Ideation process with the most accurate
preparation of
your concept. Because you just think you have a wonderful idea of the app for iPhone
or
Android.
In fact, all you have right now is just a dream and not a concrete one.</p>
</div>
</div>
<div class="inn_data">
<h3 class="h3_heading">2. Lack of Control and Visibility
<i class="fa-solid fa-plus"></i>
</h3>
<div class="accordion_content">
<p class="grey-para">We maintain transparency throughout the journey, from the start of
your
given
project until it ends. We sign a Non-Disclosure Agreement (NDA) before you share
your idea.
</p>
<p class="grey-para">An NDA protects the intellectual property and confidential
information of
our
clients.</p>
<p class="grey-para">We do not tie any of our clients to legal terms, which may force
them to
stay
with us if they do not like our services. If they would like to end further
communications,
they
can end the communications at the initial meetings.</p>
</div>
</div>
<div class="inn_data">
<h3 class="h3_heading">3. Quality and Productivity Concerns
<i class="fa-solid fa-plus"></i>
</h3>
<div class="accordion_content">
<p class="grey-para">A big yes! For instance, our client Wedzy has been recognized as
the
Emerging
fintech startup of the year and we are proud to be their Tech Partner. Also, our
app,
SattvaConnect has been awarded as the best fitness app.</p>
</div>
</div>
<div class="inn_data">
<h3 class="h3_heading">4. Security and Data Protection
<i class="fa-solid fa-plus"></i>
</h3>
<div class="accordion_content">
<p class="grey-para">What you have right now is just an idea and not a concrete plan.
Start
documenting your idea, elaborating on these points:</p>
<ul>
<li>1. Target Audience</li>
<li>2. App Goals and Objectives</li>
<li>3. Essential Features</li>
<li>4. Monetization Strategy</li>
<li>5. Expected Timeline</li>
</ul>
<p class="grey-para">Draft a comprehensive document explaining your idea. You can share
this
document with WDI, and well transform it into a full-fledged custom application.
</p>
</div>
</div>
<div class="inn_data">
<h3 class="h3_heading">5. Integration Issues
<i class="fa-solid fa-plus"></i>
</h3>
<div class="accordion_content">
<p class="grey-para">If you want to develop a custom app urgently, just give us a call,
and
well
deploy a rapid development team for your project. </p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- WDI Guarantee end -->
<!-- solution-and-use-cases start -->
<section class="solution-and-use-cases section">
<div class="container">
<p class="mid-head"><span class="gr-txt">AI Solutions</span> & Use Cases
<sup> <img loading="lazy" src="https://www.wdipl.com/public/img/colored_gemini_icon.svg"
alt="colored_gemini_icon"></sup>
</p>
<p class="grey-para">See how our cutting-edge AI solutions are specifically designed to transform your
operations, boost efficiency, and <br> leverage new avenues of growth in various industries.
</p>
<div class="solution-tab">
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<button class="nav-link active" id="nav-generative-ai-tab" data-bs-toggle="tab"
data-bs-target="#generative-ai" type="button" role="tab" aria-controls="generative-ai"
aria-selected="true">
<img src="../assets/images/new-img/gi.png" alt="" width="18" height="18">
Generative AI
</button>
<button class="nav-link" id="nav-conversational-ai-tab" data-bs-toggle="tab"
data-bs-target="#conversational-ai" type="button" role="tab" aria-controls="conversational-ai"
aria-selected="false">
<img src="../assets/images/new-img/ca.png" alt="" width="18" height="18">
Conversational AI
</button>
<button class="nav-link" id="nav-predictive-ai-tab" data-bs-toggle="tab"
data-bs-target="#predictive-ai" type="button" role="tab" aria-controls="predictive-ai"
aria-selected="false">
<img src="../assets/images/new-img/pa.png" alt="" width="18" height="18">
Predictive AI
</button>
<button class="nav-link" id="nav-suggestive-ai-tab" data-bs-toggle="tab"
data-bs-target="#suggestive-ai" type="button" role="tab" aria-controls="suggestive-ai"
aria-selected="false">
<img src="../assets/images/new-img/sa.png" alt="" width="18" height="18">
Suggestive AI
</button>
<button class="nav-link" id="nav-object-detection-tab" data-bs-toggle="tab"
data-bs-target="#object-detection" type="button" role="tab" aria-controls="object-detection"
aria-selected="false">
<img src="../assets/images/new-img/od.png" alt="" width="18" height="18">
Object Detection
</button>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="generative-ai" role="tabpanel"
aria-labelledby="nav-generative-ai-tab">
<div class="cmm-accordion">
<div class="accordion_sec">
<div class="inn_data active">
<h3 class="h3_heading cmm-heading active">01. Content Generation for Marketing Campaigns
<img src="../assets/images/new-img/arrow-down-circle.svg">
</h3>
<div class="accordion_content" style="display: block;">
<p class="grey-para">See how our cutting-edge AI solutions...</p>
<ul class="custom-list">
<li>Automate creation of tailored ad copy...</li>
<li>Generate diverse, audience-specific content...</li>
<li>Save time on repetitive tasks...</li>
</ul>
</div>
</div>
<div class="inn_data">
<h3 class="h3_heading cmm-heading">02. Can I Hire WDI To Just Do The Prototype For
My Project?
<img src="../assets/images/new-img/arrow-down-circle.svg">
</h3>
<div class="accordion_content" style="display: none;">
<p class="grey-para">We maintain transparency throughout the journey...</p>
<p class="grey-para">An NDA protects the intellectual property...</p>
<p class="grey-para">We do not tie any of our clients...</p>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="conversational-ai" role="tabpanel"
aria-labelledby="nav-conversational-ai-tab">
<p class="para">Second, see how our cutting-edge AI solutions are specifically designed to
transform
your operations, boost efficiency, and leverage new avenues of growth in various industries.
</p>
</div>
<div class="tab-pane fade" id="predictive-ai" role="tabpanel" aria-labelledby="nav-predictive-ai-tab">
<p class="para">Third, see how our cutting-edge AI solutions are specifically designed to
transform
your operations, boost efficiency, and leverage new avenues of growth in various industries.
</p>
</div>
<div class="tab-pane fade" id="suggestive-ai" role="tabpanel" aria-labelledby="nav-suggestive-ai-tab">
<p class="para">Fourth, see how our cutting-edge AI solutions are specifically designed to
transform
your operations, boost efficiency, and leverage new avenues of growth in various industries.
</p>
</div>
<div class="tab-pane fade" id="object-detection" role="tabpanel"
aria-labelledby="nav-object-detection-tab">
<p class="para">Fifth, see how our cutting-edge AI solutions are specifically designed to
transform
your operations, boost efficiency, and leverage new avenues of growth in various industries.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- solution-and-use-cases end -->
<!-- why-choose-wdi start -->
<section class="why_wdipl_section why_choose_other_sec section">
<div class="container">
<div class="why_inner">
<p class="mid-head">Why Choose <span class="pink-txt">WDIPL</span> for your <br> next <span
class="gr-txt">AI project?</span></p>
<p class="grey-para">"Choose WDIPL for your next project and experience excellence in web development.
With a proven track record of delivering innovative solutions, WDIPL combines cutting-edge
technology, skilled professionals, and a client-centric approach to bring your vision to life. </p>
<p class="grey-para mb-4">From custom web applications to e-commerce platforms, WDIPL is committed to
delivering high-quality</p>
<div class="lets_talk">
<a href="">
<span class="one"></span>
<span class="two"></span>
Lets Connect
<img loading="lazy" src="../assets/images/arrow-up-right.webp" class="arrow_up" alt="arrow-up">
</a>
</div>
</div>
<div class="lighting_hand">
<img loading="lazy" src="../assets/images/hand_light.webp" alt="hand-light">
</div>
</div>
</section>
<!-- why-choose-wdi end -->
<!-- Let's Collaborate to Shape your Vision start -->
<section class="lets-collaborate-sec section">
<div class="container">
<p class="mid-head">Choosing the right partner is essential to your success.</p>
<p class="grey-para">Our talented team of developers, designers, and engineers has consistently demonstrated
a dedication to pushing the <br> boundaries of what is possible in the digital landscape.</p>
<div class="home-form">
<div class="cmm-inputs-main">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" id="name" placeholder=" " required>
<label for="name">Enter your name</label>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="email" id="email" placeholder=" " required>
<label for="email">Enter your email address</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<select id="country" required>
<option value="" disabled selected>Select your country</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" id="contact" placeholder=" " required>
<label for="contact">Enter your contact number</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<select id="services" required>
<option value="" disabled selected>Select your services</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<select id="budget" required>
<option value="" disabled selected>Select your budget</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<textarea id="project" placeholder=" " required></textarea>
<label for="project">Tell us about your project and business challenge</label>
</div>
</div>
</div>
</div>
<div class="lets_talk">
<a href="">
<span class="one"></span>
<span class="two"></span>
Submit
</a>
</div>
</div>
</div>
</section>
<!-- Let's Collaborate to Shape your Vision start -->
<!-- **** uncertain end **** -->
</div>
<?php include('../components/footer.php') ?>