874 lines
53 KiB
PHP
874 lines
53 KiB
PHP
<?php include("header.php") ?>
|
||
|
||
<section class="section-page-header py-10 fix position-relative">
|
||
<div class="container position-relative z-1">
|
||
<div class="text-start">
|
||
<h3>Web Development</h3>
|
||
<div class="d-flex">
|
||
<a href="#">
|
||
<p class="mb-0 text-900">Home</p>
|
||
</a>
|
||
<svg class="mx-3 mt-1" xmlns="http://www.w3.org/2000/svg" width="8" height="13" viewBox="0 0 8 13"
|
||
fill="none">
|
||
<path class="stroke-dark" d="M1 1.5L6.5 6.75L1 12" stroke="#111827" stroke-width="1.5"
|
||
stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
<p class="text-primary mb-0">Web Development</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<img class="position-absolute bottom-0 start-0 end-0 top-0 z-0" src="assets/imgs/page-header/bg-line.png"
|
||
alt="infinia">
|
||
<div class="bouncing-blobs-container">
|
||
<div class="bouncing-blobs-glass"></div>
|
||
<div class="bouncing-blobs">
|
||
<div class="position-absolute top-0 start-0 translate-middle-y bouncing-blob--green"></div>
|
||
<div class="position-absolute top-0 end-0 bouncing-blob--primary"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- description -->
|
||
<section class="section-cta-10 position-relative section-padding pb-80 fix">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-6 ps-lg-0 pe-lg-8">
|
||
<div class="d-flex align-items-center justify-content-center bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-4 py-2"
|
||
data-aos="zoom-in" data-aos-delay="100">
|
||
<img src="assets/imgs/features-1/dots.png" alt="infinia">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">Our Service</span>
|
||
</div>
|
||
<h5 class="ds-5 my-3">Web Design & Development
|
||
</h5>
|
||
<p class=" fs-5 text-900">Let’s create a website that represents your brand and connects with your
|
||
audience effectively.</p>
|
||
<p class="fs-5 text-500">Your website is the foundation of your online presence. We create modern,
|
||
user-friendly, and high-performing websites tailored to your business needs. Our websites are
|
||
designed to be responsive, ensuring a seamless experience across all devices.</p>
|
||
<p class="fs-5 text-500">We focus on clean designs, smooth navigation, and optimized performance to help
|
||
your business stand out. Whether you need a simple website or a complex platform, we ensure it is
|
||
fast, secure, and built for growth.</p>
|
||
|
||
|
||
</div>
|
||
<div class="col-lg-5 offset-lg-1">
|
||
<div class="text-center position-relative">
|
||
<img class="rounded-4 border border-2 bg-white shadow-2 hover-up mt-5 p-6 position-relative z-1"
|
||
src="assets/imgs/cta-10/img-1.png" alt="infinia">
|
||
<div class="bg-linear-1 rounded-4 position-absolute top-0 start-0 bottom-0 end-0 h-75 z-0"></div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
<!--How It Work 2-->
|
||
<section class="howitwork-2 pt-80 pb-80 position-relative fix service">
|
||
|
||
<div class="position-absolute top-0 start-50 translate-middle-x z-0">
|
||
<img src="assets/imgs/howitwork-2/img-bg-line.png" alt="infinia">
|
||
</div>
|
||
<div class="container">
|
||
<div class="row position-relative justify-content-center">
|
||
<div class="col-lg-3 text-center ">
|
||
<div class="card-service-4 text-center mt-2">
|
||
<div class="bg-white icon-flip position-relative icon-shape icon-xxl rounded-3">
|
||
<div class="icon">
|
||
<img src="assets\imgs\bibhuti\icons\puzzle.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Custom Design & Development</h5>
|
||
<p class="mb-6">We create tailored websites that align with your brand identity, ensuring a unique,
|
||
user-friendly, and engaging experience for your audience.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 text-center ">
|
||
<div class="card-service-4 text-center mt-2">
|
||
<div class="bg-white icon-flip position-relative icon-shape icon-xxl rounded-3">
|
||
<div class="icon">
|
||
<img src="assets\imgs\bibhuti\icons\devices.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Responsive & Mobile-Friendly</h5>
|
||
<p class="mb-6">We create websites are optimized for all devices, ensuring a seamless experience on
|
||
desktops, tablets, and smartphones for every user.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 text-center ">
|
||
<div class="card-service-4 text-center mt-2">
|
||
<div class="bg-white icon-flip position-relative icon-shape icon-xxl rounded-3">
|
||
<div class="icon">
|
||
<img src="assets\imgs\bibhuti\icons\speed.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Fast & SEO-Optimized</h5>
|
||
<p class="mb-6">We build speed-optimized websites with SEO best practices, ensuring faster load
|
||
times, better search rankings, and higher visibility for your business.
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 text-center ">
|
||
<div class="card-service-4 text-center mt-2">
|
||
<div class="bg-white icon-flip position-relative icon-shape icon-xxl rounded-3">
|
||
<div class="icon">
|
||
<img src="assets\imgs\bibhuti\icons\rocket.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Scalable & Future-Ready</h5>
|
||
<p class="mb-6">Our websites are built to grow with your business, allowing for easy updates, new
|
||
features, and seamless scalability as your needs evolve.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="text-center mt-6">
|
||
<p class="text-900 fw-bold"> Need more help? Go to our <a href=" #"
|
||
class="text-primary text-decoration-underline">Support Center</a></p>
|
||
</div>
|
||
</div>
|
||
<div class="bouncing-blobs-container">
|
||
<div class="bouncing-blobs-glass"></div>
|
||
<div class="bouncing-blobs">
|
||
<div class="bouncing-blob bouncing-blob--green"></div>
|
||
<div class="bouncing-blob bouncing-blob--primary"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- services -->
|
||
<section class="section-feature-11 border-bottom">
|
||
<div class="container-fluid position-relative section-padding">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-4 text-center mt-lg-0 mt-8 d-flex">
|
||
<!-- <div class="zoom-img rounded-3 mt-8 me-3">
|
||
<img src="assets/imgs/features-11/img-1.png" alt="infinia">
|
||
</div> -->
|
||
<div class="zoom-img rounded-3">
|
||
<img class="rounded-3" src="assets/imgs/features-11/img-2.png" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-8 position-relative">
|
||
<div class="d-flex align-items-center justify-content-center bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-4 py-2"
|
||
data-aos="zoom-in" data-aos-delay="100">
|
||
<img src="assets/imgs/features-1/dots.png" alt="infinia">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">Our Features</span>
|
||
</div>
|
||
<h5 class="ds-5 mt-2">Services we provide</h5>
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<div class="d-flex pt-3 ">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
|
||
<div class="icon">
|
||
<img src="assets\imgs\bibhuti\icons\pencil.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<div class="ps-5">
|
||
<h6>Custom Website Design & Development</h6>
|
||
<p>We build tailor-made websites that align with your brand identity, ensuring a
|
||
unique and engaging user experience.</p>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex pt-3 ">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
|
||
<div class="icon">
|
||
<img src="assets\imgs\bibhuti\icons\object.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<div class="ps-5">
|
||
<h6>UI/UX Design & Prototyping
|
||
</h6>
|
||
<p>We focus on intuitive user experiences, crafting aesthetic, responsive, and
|
||
functional website designs that enhance user engagement and retention.</p>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex pt-3 ">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
|
||
<div class="icon">
|
||
<img src="assets\imgs\bibhuti\icons\bullseye.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<div class="ps-5">
|
||
<h6>Landing Page & Microsite Development</h6>
|
||
<p>We create conversion-focused landing pages and microsites designed for marketing
|
||
campaigns, product launches, and lead generation.</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="d-flex pt-3 ">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
|
||
<div class="icon">
|
||
<img src="assets\imgs\bibhuti\icons\cogs.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<div class="ps-5">
|
||
<h6>Custom Content Management Systems (CMS)</h6>
|
||
<p>We provide customized CMS solutions, allowing you to easily update content,
|
||
manage media, and control your website with minimal effort.</p>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex pt-3 ">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
|
||
<div class="icon">
|
||
<img src="assets\imgs\bibhuti\icons\speed.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<div class="ps-5">
|
||
<h6>Website Speed Optimization & Performance Enhancement</h6>
|
||
<p>We ensure your website is fast-loading, optimized for performance, and efficient,
|
||
reducing bounce rates and improving user experience.</p>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex pt-3 ">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
|
||
<div class="icon">
|
||
<img src="assets\imgs\bibhuti\icons\tools.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<div class="ps-5">
|
||
<h6>Website Maintenance & Support</h6>
|
||
<p>We offer ongoing support, security updates, and performance optimizations to keep
|
||
your website secure, fast, and up to date.</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- panch tatwa -->
|
||
<section class="section-testimonial-13 position-relative pt-80 pb-80 fix">
|
||
<div class="container position-relative z-1">
|
||
<div class="row pb-9">
|
||
<div class="col-lg-10 mx-lg-auto">
|
||
<div class="text-center mb-lg-0 mb-5">
|
||
<div
|
||
class="d-flex align-items-center position-relative z-2 justify-content-center bg-primary-soft d-inline-flex rounded-pill border border-2 border-white px-3 py-1">
|
||
<img src="assets/imgs/features-1/dots.png" alt="infinia">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">How we Do</span>
|
||
</div>
|
||
<h3 class=" my-3 fw-regular">Pancha - Tawtwa <span class="fw-bold">(Five Elements) </span><br> for
|
||
your website<span class="fw-bold">.</span></h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<img class="position-absolute z-2 top-0 end-0 pe-10 pe-lg-10" src="assets/imgs/cta-15/star-2.svg" alt="infinia">
|
||
<img class="position-absolute z-2 bottom-0 start-0 ps-10 ms-10" src="assets/imgs/cta-15/star-1.svg"
|
||
alt="infinia">
|
||
</div>
|
||
|
||
<div class="container-fluid">
|
||
<div class="d-flex align-items-center justify-content-center position-relative flex-wrap">
|
||
<div class="pe-3 position-relative z-1 flip-card">
|
||
<div class="flip-card-inner">
|
||
<div class="flip-card-front">
|
||
<a href="#">
|
||
<img class="rounded-3 border border-3 border-white"
|
||
src="assets\imgs\bibhuti\panchTatwa\earth.jpg" alt="infinia">
|
||
</a>
|
||
</div>
|
||
<div class="flip-card-back rounded-3 border border-3 border-white">
|
||
<div class="d-flex flex-column justify-content-center align-items-center h-100 text-white p-3">
|
||
<h5 class="mb-2">Earth Element</h5>
|
||
<p class="mb-0">Your website should be able to handle vast amounts of content while
|
||
maintaining stability and performance.
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="pe-3 position-relative z-1 flip-card">
|
||
<div class="flip-card-inner">
|
||
<div class="flip-card-front">
|
||
<a href="#">
|
||
<img class="rounded-3 border border-3 border-white"
|
||
src="assets\imgs\bibhuti\panchTatwa\water.jpg" alt="infinia">
|
||
</a>
|
||
</div>
|
||
<div class="flip-card-back rounded-3 border border-3 border-white">
|
||
<div class="d-flex flex-column justify-content-center align-items-center h-100 text-white p-3">
|
||
<h5 class="mb-2">Water Element</h5>
|
||
<p class="mb-0">A great website flows effortlessly across all devices, providing a smooth
|
||
user experience on desktops, tablets, and mobile screens.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pe-3 position-relative z-1 flip-card">
|
||
<div class="flip-card-inner">
|
||
<div class="flip-card-front">
|
||
<a href="#">
|
||
<img class="rounded-3 border border-3 border-white"
|
||
src="assets\imgs\bibhuti\panchTatwa\fire.jpg" alt="infinia">
|
||
</a>
|
||
</div>
|
||
<div class="flip-card-back rounded-3 border border-3 border-white">
|
||
<div class="d-flex flex-column justify-content-center align-items-center h-100 text-white p-3">
|
||
<h5 class="mb-2">Fire Element</h5>
|
||
<p class="mb-0">Visually striking designs and interactive elements make your website
|
||
attention-grabbing and memorable for visitors.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="pe-3 position-relative z-1 flip-card">
|
||
<div class="flip-card-inner">
|
||
<div class="flip-card-front">
|
||
<a href="#">
|
||
<img class="rounded-3 border border-3 border-white"
|
||
src="assets\imgs\bibhuti\panchTatwa\air.jpg" alt="infinia">
|
||
</a>
|
||
</div>
|
||
<div class="flip-card-back rounded-3 border border-3 border-white">
|
||
<div class="d-flex flex-column justify-content-center align-items-center h-100 text-white p-3">
|
||
<h5 class="mb-2">Air Element</h5>
|
||
<p class="mb-0">Fast-loading pages and intuitive navigation ensure that users can browse
|
||
effortlessly without delays or confusion.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="pe-3 position-relative z-1 flip-card">
|
||
<div class="flip-card-inner">
|
||
<div class="flip-card-front">
|
||
<a href="#">
|
||
<img class="rounded-3 border border-3 border-white"
|
||
src="assets\imgs\bibhuti\panchTatwa\sky.jpg" alt="infinia">
|
||
</a>
|
||
</div>
|
||
<div class="flip-card-back rounded-3 border border-3 border-white">
|
||
<div class="d-flex flex-column justify-content-center align-items-center h-100 text-white p-3">
|
||
<h5 class="mb-2">Aakash- Eather</h5>
|
||
<p class="mb-0">A website should be scalable and future-ready, allowing for expansions, new
|
||
features, and evolving business needs.
|
||
|
||
.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a href="">
|
||
<img class="position-absolute top-50 end-50 translate-middle-y z-0"
|
||
src="assets/imgs/cta-15/bg-ellipse.png" alt="infinia">
|
||
</a>
|
||
</div>
|
||
<div class="text-center mt-5">
|
||
<div
|
||
class="socials bg-white px-3 shadow-1 py-2 border rounded-pill d-inline-flex d-flex align-items-center justify-content-center">
|
||
<p class="text-900 mb-0">Follow us:</p>
|
||
<ul class="list-unstyled d-flex mb-0">
|
||
<li class="ms-3">
|
||
<a href="http://www.facebook.com/" target="_blank">
|
||
<span class="icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
|
||
<path
|
||
d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z">
|
||
</path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li class="ms-3">
|
||
<a href="http://www.twittet.com/" target="_blank">
|
||
<span class="icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||
<path
|
||
d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z">
|
||
</path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li class="ms-3">
|
||
<a href="#">
|
||
<span class="icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
|
||
<path
|
||
d="M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2 .6-8.7 .6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z">
|
||
</path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li class="ms-3">
|
||
<a href="#">
|
||
<span class="icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
|
||
<path
|
||
d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z">
|
||
</path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="rotate-center ellipse-rotate-success position-absolute z-0"></div>
|
||
<div class="rotate-center-rev ellipse-rotate-primary position-absolute z-0"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- types of website -->
|
||
<section class="features-10 py-9 bg-3">
|
||
<div class="container">
|
||
<div class="text-center mb-4">
|
||
<div
|
||
class="d-flex align-items-center position-relative z-2 justify-content-center bg-primary-soft d-inline-flex rounded-pill border border-2 border-white px-3 py-1">
|
||
<img src="assets/imgs/features-1/dots.png" alt="infinia">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">Why Us</span>
|
||
</div>
|
||
|
||
<h3 class="ds-5 my-3 fw-regular">Types of <span class="fw-bold">Websites</span> <br> We Develop</h3>
|
||
</div>
|
||
<div class="row">
|
||
<!-- prettier-ignore -->
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="feature-item mb-5 position-relative bg-white p-5 rounded-4 hover-up">
|
||
<!-- <div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
||
<div class="icon">
|
||
<img src="assets/imgs/features-1/icon-1.svg" alt="infinia">
|
||
</div>
|
||
</div> -->
|
||
<h6>Business & Corporate Websites</h6>
|
||
<p>Professional websites designed to showcase services, enhance brand credibility, and attract
|
||
potential clients..</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18"
|
||
viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path class="fill-dark"
|
||
d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z"
|
||
fill="#111827"></path>
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)"></rect>
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="position-absolute end-0 top-0">
|
||
<img src="assets/imgs/feature-10/bg-line.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="feature-item mb-5 position-relative bg-white p-5 rounded-4 hover-up">
|
||
<!-- <div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
||
<div class="icon">
|
||
<img src="assets/imgs/features-1/icon-2.svg" alt="infinia">
|
||
</div>
|
||
</div> -->
|
||
<h6>E-Commerce Websites</h6>
|
||
<p>Fully functional online stores with secure payment gateways, product catalogs, and seamless
|
||
checkout experiences.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18"
|
||
viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path class="fill-dark"
|
||
d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z"
|
||
fill="#111827"></path>
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)"></rect>
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="position-absolute end-0 top-0">
|
||
<img src="assets/imgs/feature-10/bg-line.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="feature-item mb-5 position-relative bg-white p-5 rounded-4 hover-up">
|
||
<!-- <div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
||
<div class="icon">
|
||
<img src="assets/imgs/features-1/icon-3.svg" alt="infinia">
|
||
</div>
|
||
</div> -->
|
||
<h6>Portfolio & Personal Branding Websites</h6>
|
||
<p>Websites for professionals, creatives, influencers, and freelancers to highlight their work,
|
||
achievements, and expertise.p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18"
|
||
viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path class="fill-dark"
|
||
d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z"
|
||
fill="#111827"></path>
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)"></rect>
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="position-absolute end-0 top-0">
|
||
<img src="assets/imgs/feature-10/bg-line.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="feature-item mb-5 position-relative bg-white p-5 rounded-4 hover-up">
|
||
<!-- <div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
||
<div class="icon">
|
||
<img src="assets/imgs/features-1/icon-4.svg" alt="infinia">
|
||
</div>
|
||
</div> -->
|
||
<h6>Educational & E-Learning Platforms</h6>
|
||
<p>Websites designed for schools, training institutes, and e-learning businesses, featuring online
|
||
courses, student portals.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18"
|
||
viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path class="fill-dark"
|
||
d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z"
|
||
fill="#111827"></path>
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)"></rect>
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="position-absolute end-0 top-0">
|
||
<img src="assets/imgs/feature-10/bg-line.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="feature-item mb-5 position-relative bg-white p-5 rounded-4 hover-up">
|
||
<!-- <div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
||
<div class="icon">
|
||
<img src="assets/imgs/features-1/icon-3.svg" alt="infinia">
|
||
</div>
|
||
</div> -->
|
||
<h6>News & Blog Websites</h6>
|
||
<p>Content-driven platforms for news agencies, bloggers, and media houses, optimized for SEO,
|
||
readability, and engagement.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18"
|
||
viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path class="fill-dark"
|
||
d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z"
|
||
fill="#111827"></path>
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)"></rect>
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="position-absolute end-0 top-0">
|
||
<img src="assets/imgs/feature-10/bg-line.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="feature-item mb-5 position-relative bg-white p-5 rounded-4 hover-up">
|
||
<!-- <div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
||
<div class="icon">
|
||
<img src="assets/imgs/features-1/icon-4.svg" alt="infinia">
|
||
</div>
|
||
</div> -->
|
||
<h6>Non-Profit & NGO Websites</h6>
|
||
<p>Websites for charities, non-profits, and NGOs to raise awareness, accept donations, and engage
|
||
with supporters effectively.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18"
|
||
viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path class="fill-dark"
|
||
d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z"
|
||
fill="#111827"></path>
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)"></rect>
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="position-absolute end-0 top-0">
|
||
<img src="assets/imgs/feature-10/bg-line.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- Projects -->
|
||
<section class="section-services-3 pt-80 pb-80">
|
||
<div class="container position-relative z-2">
|
||
<div class="text-center">
|
||
<div class="d-flex align-items-center justify-content-center bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-4 py-2" data-aos="zoom-in" data-aos-delay="100">
|
||
<img src="assets/imgs/features-1/dots.png" alt="infinia">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">What we offers</span>
|
||
</div>
|
||
<h3 class=" my-3 fw-regular">Projects Under <span class=" fw-bold">Web Design & Development <br class="d-lg-block d-none"> </span> Service</h3>
|
||
</div>
|
||
<div class="row mt-6 position-relative">
|
||
<div class="swiper slider-2 px-1">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="card-service-4 position-relative bg-white p-6 border rounded-3 text-center shadow-1 hover-up mt-2">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-3/icon-1.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">IEPAN Website</h5>
|
||
<p class="mb-6">Beauis utter enim amet lacus ornare ullamcorper Praesent
|
||
neque purus rhoncus.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="rectangle position-absolute bottom-0 start-50 translate-middle-x"></div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card-service-4 position-relative bg-white p-6 border rounded-3 text-center shadow-1 hover-up mt-2">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-3/icon-2.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Annual TBM (Target Based Marketing)</h5>
|
||
<p class="mb-6">Beauis utter enim amet lacus ornare ullamcorper Praesent
|
||
neque purus rhoncus.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="rectangle position-absolute bottom-0 start-50 translate-middle-x"></div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card-service-4 position-relative bg-white p-6 border rounded-3 text-center shadow-1 hover-up mt-2">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-3/icon-3.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Bira Furniture
|
||
Websites</h5>
|
||
<p class="mb-6">Beauis utter enim amet lacus ornare ullamcorper Praesent
|
||
neque purus rhoncus.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="rectangle position-absolute bottom-0 start-50 translate-middle-x"></div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card-service-4 position-relative bg-white p-6 border rounded-3 text-center shadow-1 hover-up mt-2">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-3/icon-4.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Rohini International</h5>
|
||
<p class="mb-6">Beauis utter enim amet lacus ornare ullamcorper Praesent
|
||
neque purus rhoncus.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="rectangle position-absolute bottom-0 start-50 translate-middle-x"></div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card-service-4 position-relative bg-white p-6 border rounded-3 text-center shadow-1 hover-up mt-2">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-3/icon-1.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Kaasthamandap Academy</h5>
|
||
<p class="mb-6">Beauis utter enim amet lacus ornare ullamcorper Praesent
|
||
neque purus rhoncus.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="rectangle position-absolute bottom-0 start-50 translate-middle-x"></div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card-service-4 position-relative bg-white p-6 border rounded-3 text-center shadow-1 hover-up mt-2">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-3/icon-2.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Kaasthamandap Academy</h5>
|
||
<p class="mb-6">Beauis utter enim amet lacus ornare ullamcorper Praesent
|
||
neque purus rhoncus.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="rectangle position-absolute bottom-0 start-50 translate-middle-x"></div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card-service-4 position-relative bg-white p-6 border rounded-3 text-center shadow-1 hover-up mt-2">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-3/icon-3.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">IEPAN Website</h5>
|
||
<p class="mb-6">Beauis utter enim amet lacus ornare ullamcorper Praesent
|
||
neque purus rhoncus.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="rectangle position-absolute bottom-0 start-50 translate-middle-x"></div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card-service-4 position-relative bg-white p-6 border rounded-3 text-center shadow-1 hover-up mt-2">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-3/icon-4.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Bira Furniture</h5>
|
||
<p class="mb-6">Beauis utter enim amet lacus ornare ullamcorper Praesent
|
||
neque purus rhoncus.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="rectangle position-absolute bottom-0 start-50 translate-middle-x"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-button-prev d-none d-lg-flex shadow-2 position-absolute top-50 translate-middle-y bg-white ms-lg-7">
|
||
<i class="bi bi-arrow-left"></i>
|
||
</div>
|
||
<div class="swiper-button-next d-none d-lg-flex shadow-2 position-absolute top-50 translate-middle-y bg-white">
|
||
<i class="bi bi-arrow-right"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<?php include("footer.php") ?>
|