saas-service.html

<!DOCTYPE html>

<!--
 // WEBSITE: https://themefisher.com
 // TWITTER: https://twitter.com/themefisher
 // FACEBOOK: https://www.facebook.com/themefisher
 // GITHUB: https://github.com/themefisher/
-->


<!--
 // WEBSITE: https://themefisher.com
 // TWITTER: https://twitter.com/themefisher
 // FACEBOOK: https://www.facebook.com/themefisher
 // GITHUB: https://github.com/themefisher/
-->

<html lang="en">

<head>

  <!-- Basic Page Needs
  ================================================== -->
  <meta charset="utf-8">
  <title>Seed Innovation Technologies</title>

  <!-- Mobile Specific Metas
  ================================================== -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="Corporate Html5 Template">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
  <meta name="author" content="Themefisher">
  <meta name="generator" content="Themefisher Rappo HTML Template v1.0">

  <!-- theme meta -->
  <meta name="theme-name" content="rappo" />

  <!-- bootstrap -->
  <link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css">
  <script src="/plugins/bootstrap/bootstrap.min.js" defer></script>
  <!-- Animate -->
  <link rel="stylesheet" href="plugins/animate-css/animate.css">
  <!-- Icon Font css -->
  <link rel="stylesheet" href="plugins/fontawesome/css/all.css">
  <link rel="stylesheet" href="plugins/fonts/Pe-icon-7-stroke.css">
  <!-- Themify icon Css -->
  <link rel="stylesheet" href="plugins/themify/css/themify-icons.css">
  <!-- Slick Carousel CSS -->
  <link rel="stylesheet" href="plugins/slick-carousel/slick/slick.css">
  <link rel="stylesheet" href="plugins/slick-carousel/slick/slick-theme.css">

  <!-- Google fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

  <!-- Main Stylesheet -->
  <link rel="stylesheet" href="css/style.css">
  <!--Favicon-->
  <link rel="icon" href="images/favicon.png" type="image/x-icon">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <!-- Socials -->

  <!-- Primary Meta Tags -->
  <title>Seed Inov</title>
  <meta name="title" content="Seed Inov" />
  <meta name="description"
    content="SeedInov harnesses cutting-edge technology to craft transformative solutions. Through a fusion of creativity and expertise, SeedInov paves the way for advancements that shape the future." />

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://seedinov.com/" />
  <meta property="og:title" content="Seed Inov" />
  <meta property="og:description"
    content="SeedInov harnesses cutting-edge technology to craft transformative solutions. Through a fusion of creativity and expertise, SeedInov paves the way for advancements that shape the future." />
  <meta property="og:image" content="https://seedinov.com/images/icon/logo.png" />

  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image" />
  <meta property="twitter:url" content="https://seedinov.com/" />
  <meta property="twitter:title" content="Seed Inov" />
  <meta property="twitter:description"
    content="SeedInov harnesses cutting-edge technology to craft transformative solutions. Through a fusion of creativity and expertise, SeedInov paves the way for advancements that shape the future." />
  <meta property="twitter:image" content="https://seedinov.com/images/icon/logo.png" />

  <!-- Meta Tags Generated with https://metatags.io -->

  <script>
    document.addEventListener('DOMContentLoaded', function () {
      var tooltipElements = document.querySelectorAll('[data-toggle="tooltip"]');
      tooltipElements.forEach(function (element) {
        new bootstrap.Tooltip(element);
      });
    });
  </script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>

  <script async src="https://www.googletagmanager.com/gtag/js?id=G-0VCSYBHKJC"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-0VCSYBHKJC');
  </script>
</head>


<body id="top-header">

  <!-- LOADER TEMPLATE -->
  <div id="page-loader">
    <div class="loader-icon fa fa-spin colored-border"></div>
  </div>
  <!-- /LOADER TEMPLATE -->

  <!-- NAVBAR
    ================================================= -->
  <nav class="navbar navbar-expand-lg navbar-dark trans-navigation fixed-top navbar-togglable position-md-sticky">
    <div class="seed-container">
      <div class="d-flex justify-content-between">
        <div class="brand">
          <a class="d-block" href="index.html">
            <img class="logo" style="height: 3rem" src="../../images/icon/logo.png" alt="seedinov logo" />
          </a>
        </div>
        <!-- Toggler -->
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
          aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
          <span class="fa fa-bars"></span>
        </button>

        <!-- Collapse -->
        <!-- / .navbar-collapse -->
        <div class="d-none d-lg-block">
          <div class="collapse navbar-collapse has-dropdown" id="navbarCollapse">
            <!-- Links -->
            <ul class="navbar-nav ml-auto d-flex align-items-center">
              <li class="nav-item">
                <a href="project.html" class="nav-link js-scroll-trigger">
                  Portfolio
                </a>
              </li>
              <li class="primary-btn">
                <a href="contact.html" class="nav-link js-scroll-trigger">
                  Contact Us
                </a>
              </li>

              <!-- <li class="nav-item ">
              <a href="contact.html" class="nav-link">
                Contact
              </a>
            </li> -->
            </ul>
          </div>
        </div>
      </div>
      <div class="d-block d-lg-none">
        <div class="collapse navbar-collapse has-dropdown" id="navbarCollapse">
          <!-- Links -->
          <ul class="navbar-nav ml-auto d-flex align-items-center">
            <li class="nav-item">
              <a href="project.html" class="nav-link js-scroll-trigger">
                Portfolio
              </a>
            </li>
            <li class="primary-btn">
              <a href="contact.html" class="nav-link js-scroll-trigger">
                Contact Us
              </a>
            </li>

            <!-- <li class="nav-item ">
            <a href="contact.html" class="nav-link">
              Contact
            </a>
          </li> -->
          </ul>
        </div>
      </div>
    </div>
    <!-- / .container -->
  </nav>

  <section class="service-banner"
    style="background: url('/images/services-page/saas-services/banner-bg.png'); background-position: right; background-repeat: no-repeat;">
    <div class="container-fluid">
      <div class="row align-items-center justify-content-center">
        <div class="col-lg-12">
          <div class="path d-flex gap-3">
            <div class="text-white">
              <p>Home</p>
            </div>
            <div>
              <p>
                <img width="50px" src="/images/services-page/ai-services/banner-arrow.svg" />
              </p>
            </div>
            <div class="text-white">
              <p>Services</p>
            </div>
          </div>
        </div>
        <div class="col-lg-12">
          <div class="service-banner-content d-flex justify-content-between align-items-center">
            <div class="left-container">
              <h1 class="text-center text-lg-left">Software as a <span>Service (Saas)</span></h1>
              <p class="text-white d-block d-lg-none text-center">
                Seedinov's Software as a Service (SaaS) is your ticket to elevating your business to new heights. Our
                cloud-based solutions are designed to provide user-friendly experiences, scalable functionality tailored
                to your needs, and a competitive edge in the ever-evolving digital landscape.

              </p>
              <link
              href="https://assets.calendly.com/assets/external/widget.css"
              rel="stylesheet"
            />
            <script
              src="https://assets.calendly.com/assets/external/widget.js"
              type="text/javascript"
              async
            ></script>
                            <button
              onclick="Calendly.initPopupWidget({url: 'https://calendly.com/ehtisham-wruh/30min'});return false;"
              class="primary-btn border-0 m-auto m-lg-none d-block d-lg-inline">Schedule a
                                Call</button>
            </div>
            <div class="right-container d-none d-lg-block">
              <p class="text-white">
                Seedinov's Software as a Service (SaaS) is your ticket to elevating your business to new heights. Our
                cloud-based solutions are designed to provide user-friendly experiences, scalable functionality tailored
                to your needs, and a competitive edge in the ever-evolving digital landscape.

              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="seed-section what-we-offer">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-6 col-xl-6">
          <div class="left-container">
            <h2 class="mb-3" id="service-heading">What we <span>Offer</span></h2>
            <p class="default-text-black">Seedinov's Software as a Service (SaaS) is your ticket to elevating your
              business to new heights. Our cloud-based solutions are designed to provide user-friendly experiences,
              scalable functionality tailored to your needs, and a competitive edge in the ever-evolving digital
              landscape.</p>
          </div>
        </div>
        <div class="col-lg-6 col-xl-6">
          <div id="accordion">
            <div class="card">
              <div class="card-header" id="headingOne">
                <h5 class="mb-0">
                  <button class="btn btn-link collapsed accordion-btn" data-toggle="collapse" data-target="#collapseOne"
                    aria-expanded="true" aria-controls="collapseOne">
                    User-Friendly Experiences
                  </button>
                </h5>
              </div>
              <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
                <div class="card-body">
                  <p class="default-text-black mb-0">
                    Our SaaS applications are intuitively designed for a seamless and user-friendly experience.
                  </p>
                </div>
              </div>
            </div>
            <div class="card">
              <div class="card-header" id="headingTwo">
                <h5 class="mb-0">
                  <button class="btn btn-link collapsed accordion-btn" data-toggle="collapse" data-target="#collapseTwo"
                    aria-expanded="false" aria-controls="collapseTwo">
                    Scalability
                  </button>
                </h5>
              </div>
              <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                <div class="card-body">
                  <p class="default-text-black mb-0">
                    Grow your business confidently with scalable solutions that adapt to your evolving requirements.
                  </p>
                </div>
              </div>
            </div>
            <div class="card">
              <div class="card-header" id="headingThree">
                <h5 class="mb-0">
                  <button class="btn btn-link collapsed accordion-btn" data-toggle="collapse"
                    data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                    Digital Edge
                  </button>
                </h5>
              </div>
              <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
                <div class="card-body">
                  <p class="default-text-black mb-0">
                    Stay competitive in the digital landscape with our cutting-edge cloud-based offerings.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
  <section class="seed-section process-steps">
    <div class="scroll-content">
      <div class="container mb-5">
        <div class="row">
          <div class="col-12">
            <p class="alumni-description text-center m-auto mx-100">
              Our <span>Process</span>
            </p>
          </div>
        </div>
      </div>
      <div class="section--vertical desktop" id="second">
        <div class="block-list" style="padding: 0 50px">
          <div class="block-list__item">
            <div class="block-list__item-inner">
              <div class="card-content">
                <img src="../../images/services-page/ai-services/evaluation1.svg" width="60px" height="60px"
                  class="mb-3" />
                <h4 class="mb-2">Business Alignment</h4>
                <p>
                  We align our SaaS solutions with your business goals and requirements.

                </p>
              </div>
            </div>
          </div>
          <div class="block-list__item">
            <div class="block-list__item-inner">
              <div class="card-content">
                <img src="../../images/services-page/ai-services/web-development1.svg" width="60px" height="60px"
                  class="mb-3" />
                <h4 class="mb-2">User-Centric Design</h4>
                <p>
                  Our team ensures that the user experience is at the forefront of our SaaS applications.
                </p>
              </div>
            </div>
          </div>
          <div class="block-list__item">
            <div class="block-list__item-inner">
              <div class="card-content">
                <img src="../../images/services-page/ai-services/analysis1.svg" width="60px" height="60px"
                  class="mb-3" />
                <h4 class="mb-2">Scalable Architecture</h4>
                <p>
                  Built for growth, our solutions scale alongside your business expansion.
                </p>
              </div>
            </div>
          </div>
          <div class="block-list__item">
            <div class="block-list__item-inner">
              <div class="card-content">
                <img src="../../images/services-page/ai-services/gear1.svg" width="60px" height="60px" class="mb-3" />
                <h4 class="mb-2">Competitive Advantage</h4>
                <p>
                  Leverage the power of our SaaS applications to maintain a competitive edge in the digital market.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="mobile">
        <div class="container">
          <div class="row">
            <div class="col-sm-6 col-12">
              <div class="block-list__item-inner">
                <div class="card-content">
                  <img src="../../images/services-page/ai-services/evaluation1.svg" width="60px" height="60px"
                    class="mb-3" />
                  <h4 class="mb-2">Business Alignment</h4>
                  <p>
                    We align our SaaS solutions with your business goals and requirements.

                  </p>
                </div>
              </div>
            </div>
            <div class="col-sm-6 col-12">
              <div class="block-list__item-inner">
                <div class="card-content">
                  <img src="../../images/services-page/ai-services/evaluation1.svg" width="60px" height="60px"
                    class="mb-3" />
                  <h4 class="mb-2">User-Centric Design</h4>
                  <p>
                    Our team ensures that the user experience is at the forefront of our SaaS applications.

                  </p>
                </div>
              </div>
            </div>
            <div class="col-sm-6 col-12">
              <div class="block-list__item-inner">
                <div class="card-content">
                  <img src="../../images/services-page/ai-services/evaluation1.svg" width="60px" height="60px"
                    class="mb-3" />
                  <h4 class="mb-2">Scalable Architecture</h4>
                  <p>
                    Built for growth, our solutions scale alongside your business expansion.

                  </p>
                </div>
              </div>
            </div>
            <div class="col-sm-6 col-12">
              <div class="block-list__item-inner">
                <div class="card-content">
                  <img src="../../images/services-page/ai-services/evaluation1.svg" width="60px" height="60px"
                    class="mb-3" />
                  <h4 class="mb-2">Competitive Advantage</h4>
                  <p>
                    Leverage the power of our SaaS applications to maintain a competitive edge in the digital market.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <script src="https://unpkg.com/scrollmagic@2.0.7/scrollmagic/uncompressed/ScrollMagic.js"></script>
  <script src="https://unpkg.com/scrollmagic@2.0.7/scrollmagic/uncompressed/plugins/animation.gsap.js"></script>
  <script src="https://unpkg.com/scrollmagic@2.0.7/scrollmagic/uncompressed/plugins/debug.addIndicators.js"></script>
  <script src="https://unpkg.com/gsap@3.10.1/dist/gsap.js"></script>
  <script>
    window.addEventListener("load", function () {
      var blockList = document.querySelector(".block-list");
      var blockItems = document.querySelectorAll(".block-list__item");
      var blockItemWidth = blockItems[0].offsetWidth;
      var totalWidth = blockItemWidth * blockItems.length;
      var travelDistance = totalWidth - 200;

      var controller = new ScrollMagic.Controller();

      var horizontalScroll = gsap.to(blockList, {
        x: -travelDistance,
        ease: "none",
      });

      var scene = new ScrollMagic.Scene({
        triggerElement: "#second",
        duration: totalWidth, // Adjust duration based on your requirement
        triggerHook: 0.3,
      })
        .setPin(".block-list")
        .setTween(horizontalScroll)
        .addTo(controller);
    });
  </script>

  <!-- <section class="seed-section technology-stack">
    <div class="container">
      <div class="row">
        <div class="col-lg-12 d-flex justify-content-center">
          <div>
            <p class="alumni-description text-center m-auto mx-100">
              We Engage with an Extensive Spectrum of <span>Technologies</span>
            </p>
          </div>
        </div>
        <div class="col-lg-12 d-flex justify-content-end technology-arrow">
          <div>
            <button class="technology-prev slider-prev">
              <img src="../../images/arrow.png" width="40px" height="20px" />
            </button>
            <button class="technology-next slider-next">
              <img src="../../images/arrow.png" width="40px" height="20px" />
            </button>
          </div>
        </div>
        <div class="col-lg-12">
          <div class="technology-slider">
            <div class="element element-1">
              <div class="technology-slide">
                <div class="technology-box d-flex flex-column justify-content-center align-items-center gap-3">
                  <img src="../../images/technology/js.png" alt="js" width="60px" height="60px" />
                  <p class="alumni-description">JavaScript</p>
                </div>
              </div>
            </div>
            <div class="element element-2">
              <div class="technology-slide">
                <div class="technology-box d-flex flex-column justify-content-center align-items-center gap-3">
                  <img src="../../images/technology/ts.png" alt="js" width="60px" height="60px" />
                  <p class="alumni-description">TypeScript</p>
                </div>
              </div>
            </div>
            <div class="element element-3">
              <div class="technology-slide">
                <div class="technology-box d-flex flex-column justify-content-center align-items-center gap-3">
                  <img src="../../images/technology/py.png" alt="js" width="60px" height="60px" />
                  <p class="alumni-description">Python</p>
                </div>
              </div>
            </div>
            <div class="element element-4">
              <div class="technology-slide">
                <div class="technology-box d-flex flex-column justify-content-center align-items-center gap-3">
                  <img src="../../images/technology/tf.png" alt="js" width="60px" height="60px" />
                  <p class="alumni-description">TensorFLow</p>
                </div>
              </div>
            </div>
            <div class="element element-5">
              <div class="technology-slide">
                <div class="technology-box d-flex flex-column justify-content-center align-items-center gap-3">
                  <img src="../../images/technology/figma.png" alt="js" width="60px" height="60px" />
                  <p class="alumni-description">Figma</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section> -->
  <div class="seed-section">
    <section id="work-wrap">
      <div class="container">
        <div class="section-heading mb-5">
          <!-- Subheading -->
          <p class="col-md-11 col-lg-11 alumni-description" style="margin: 0 auto;">
            Showcasing Our Latest <span>Software</span> Creations
          </p>
        </div>
    </section>

    <section id="work">
      <div class="container">
        <div class="row">
          <div class="col-lg-4 col-md-6 p-0 mb-4">
            <a href="https://www.fiverr.com/users/ahtionpc/portfolio">

              <div class="work-block m-1">
                <img src="images/projects/podcut.png" alt="work-img" width="auto" height="auto" class="img-fluid">
              </div>
              <div class="card-content">
                <h4>Podcut.Ai</h4>
                <p>Our team's expertise was instrumental in evolving Podcut.ai's user interface into an advanced
                  web application.
                </p>
                <a href="podcut-project.html" class="link">Read Case Study&nbsp;&nbsp;<img
                    src="../../images/icon/right-arrow.svg" alt="" srcset=""></a>
              </div>
            </a>
          </div>

          <div class="col-lg-4 col-md-6 p-0 mb-4">
            <a href="https://www.fiverr.com/users/ahtionpc/portfolio">
              <div class="work-block m-1">
                <img src="images/projects/sfl.png" alt="work-img" width="auto" height="auto" class="img-fluid">
              </div>
              <div class="card-content">
                <h4>School For Life NGO Portal</h4>
                <p>A platform for resource management in your organizations and tracking the wellbeing of your workforce
                </p>
                <a href="sfl-project.html" class="link">Read Case Study&nbsp;&nbsp;<img
                    src="../../images/icon/right-arrow.svg" alt="" srcset=""></a>
              </div>
          </div>
          <div class="col-lg-4 col-md-6 p-0 mb-4">
            <a href="https://www.fiverr.com/users/ahtionpc/portfolio">
              <div class="work-block m-1">
                <img src="images/projects/tribify3.svg" alt="work-img" width="auto" height="auto" class="img-fluid">
              </div>
              <div class="card-content">
                <h4>Tribify - Happiness Hub</h4>
                <p>a platform for resource management in your organizations and tracking the wellbeing of your workforce
                </p>
                <a href="tribify-project.html" class="link">Read Case Study&nbsp;&nbsp;<img
                    src="../../images/icon/right-arrow.svg" alt="" srcset=""></a>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 p-0 mb-4">
            <a href="https://www.fiverr.com/users/ahtionpc/portfolio">
              <div class="work-block m-1">
                <img src="images/projects/projectS.jpg" alt="work-img" width="auto" height="auto" class="img-fluid">
              </div>
              <div class="card-content">
                <h4>Project-S</h4>
                <p>a platform for resource management in your organizations and tracking the wellbeing of your workforce
                </p>
                <a href="projects-project.html" class="link">Read Case Study&nbsp;&nbsp;<img
                    src="../../images/icon/right-arrow.svg" alt="" srcset=""></a>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 p-0 mb-4">
            <a href="https://www.fiverr.com/users/ahtionpc/portfolio">
              <div class="work-block m-1">
                <img src="images/projects/refussion.jpg" alt="work-img" width="auto" height="auto" class="img-fluid">
              </div>
              <div class="card-content">
                <h4>Refusion AI</h4>
                <p>An all AI anything AI platform along with a marketplace, where users can browse for AI/ML models and
                  solutions and integrate them to their projects.</p>
                <a href="refussion-project.html" class="link">Read Case Study&nbsp;&nbsp;<img
                    src="../../images/icon/right-arrow.svg" alt="" srcset=""></a>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 p-0 mb-4">
            <a href="https://www.fiverr.com/users/ahtionpc/portfolio">
              <div class="work-block m-1">
                <img src="images/projects/tribify3.svg" alt="work-img" width="auto" height="auto" class="img-fluid">
              </div>
              <div class="card-content">
                <h4>BrainBee</h4>
                <p>A no code AI builder platform where you can make and deploy AI solutions which cater to your needs
                </p>
                <a href="brainbee-project.html" class="link">Read Case Study&nbsp;&nbsp;<img
                    src="../../images/icon/right-arrow.svg" alt="" srcset=""></a>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 p-0 mb-4">
            <a href="https://www.fiverr.com/users/ahtionpc/portfolio">
              <div class="work-block m-1">
                <img src="images/projects/HousingXpert.jpg" alt="work-img" width="auto" height="auto" class="img-fluid">
              </div>
              <div class="card-content">
                <h4>HousingXpert</h4>
                <p>HousingXpert is an innovative and comprehensive real estate platform which offers a streamlined and
                  intuitive experience for property buyers. From the moment buyers interact with the platform,
                  HousingXpert aims to simplify the property exploration process, guiding buyers towards their dream
                  properties with ease.</p>
                <a href="tribify-project.html" class="link">Read Case Study&nbsp;&nbsp;<img
                    src="../../images/icon/right-arrow.svg" alt="" srcset=""></a>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 p-0 mb-4">
            <a href="https://www.fiverr.com/users/ahtionpc/portfolio">
              <div class="work-block m-1">
                <img src="images/projects/esperwise.jpg" alt="work-img" width="auto" height="auto" class="img-fluid">
              </div>
              <div class="card-content">
                <h4>EsperWise</h4>
                <p>our medical chatbot platform</p>
                <a href="tribify-project.html" class="link">Read Case Study&nbsp;&nbsp;<img
                    src="../../images/icon/right-arrow.svg" alt="" srcset=""></a>
              </div>
            </a>
          </div>
        </div>
      </div>
    </section>
  </div>
  <section class="section" id="section-testimonial">
    <div class="container">
      <div class="testimonial-container">
        <div class="d-flex justify-content-center align-items-center flex-column"
          style="max-width: 600px; margin: 0 auto">
          <!-- Heading -->
          <h2 class="section-title mb-2 text-white text-center" id="service-heading">
            Raving Reviews: Client <span>Testimonials</span>
          </h2>
          <!-- Subheading -->
          <p class="text-white text-center" id="service-subheading">
            We place a strong emphasis on ensuring client satisfaction, and we are
            proud to share testimonials from our valued clients
          </p>
        </div>
        <div class="row align-items-center">
          <div class="col-lg-12 d-flex justify-content-end technology-arrow">
            <div>
              <button class="testimonial-prev slider-prev">
                <img src="../../images/arrow.png" width="40px" height="20px" />
              </button>
              <button class="testimonial-next slider-next">
                <img src="../../images/arrow.png" width="40px" height="20px" />
              </button>
            </div>
          </div>
          <div class="col-lg-12 col-sm-12 col-md-12">
            <div class="testimonals-slider">
              <div class="element element-1">
                <div class="test-inner mx-3">
                  An excellent start to our project! Highly recommended for their
                  great communication skills, on-time delivery, and flexibility.
                  <div style="
                    display: inline-flex;
                    align-items: flex-start;
                    gap: 4px;
                    margin-bottom: 10px;
                  ">
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                  </div>
                  <div class="test-author-thumb d-flex">
                    <img src="images/client/cameron.jpg" alt="Testimonial author" width="auto" height="auto"
                      class="img-fluid" />
                    <div class="test-author-info">
                      <h4>Cameron D’Arcy</h4>
                      <h6>
                        CEO of Brightworks - TVC and Video Content Production
                      </h6>
                    </div>
                  </div>
                </div>
              </div>
              <div class="element element-2">
                <div class="test-inner mx-3">
                  I had a fruitful collaboration with seedinov. Eager to continue
                  working together for at least 10 years. Highly recommend for
                  project starters.
                  <div style="
                    display: inline-flex;
                    align-items: flex-start;
                    gap: 4px;
                    margin-bottom: 10px;
                  ">
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                  </div>
                  <div class="test-author-thumb d-flex">
                    <img
                      src="https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/7d9a4e8f9dfb5a84f5c969de453e1b7a-1590644561119/160db798-63d5-4d81-978b-24babf593dae.jpg"
                      alt="Testimonial author" class="img-fluid" width="auto" height="auto" />
                    <div class="test-author-info">
                      <h4>leonaslt</h4>
                      <h6>Entrepreneur</h6>
                    </div>
                  </div>
                </div>
              </div>
              <div class="element element-3">
                <div class="test-inner mx-3">
                  An incredible seller! Exceeded my expectations and delivered
                  within time frame. Looking forward to working together again.
                  <div style="
                    display: inline-flex;
                    align-items: flex-start;
                    gap: 4px;
                    margin-bottom: 10px;
                  ">
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                  </div>
                  <div class="test-author-thumb d-flex">
                    <img src="images/client/shahbbir.png" alt="Testimonial author" class="img-fluid" width="auto"
                      height="auto" />
                    <div class="test-author-info">
                      <h4>Muhammad Shabbir</h4>
                      <h6>Founder @mrwebgcc</h6>
                    </div>
                  </div>
                </div>
              </div>
              <div class="element element-1">
                <div class="test-inner mx-3">
                  An excellent start to our project! Highly recommended for their
                  great communication skills, on-time delivery, and flexibility.
                  <div style="
                    display: inline-flex;
                    align-items: flex-start;
                    gap: 4px;
                    margin-bottom: 10px;
                  ">
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                  </div>
                  <div class="test-author-thumb d-flex">
                    <img src="images/client/cameron.jpg" alt="Testimonial author" width="auto" height="auto"
                      class="img-fluid" />
                    <div class="test-author-info">
                      <h4>Cameron D’Arcy</h4>
                      <h6>
                        CEO of Brightworks - TVC and Video Content Production
                      </h6>
                    </div>
                  </div>
                </div>
              </div>
              <div class="element element-2">
                <div class="test-inner mx-3">
                  I had a fruitful collaboration with seedinov. Eager to continue
                  working together for at least 10 years. Highly recommend for
                  project starters.
                  <div style="
                    display: inline-flex;
                    align-items: flex-start;
                    gap: 4px;
                    margin-bottom: 10px;
                  ">
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                  </div>
                  <div class="test-author-thumb d-flex">
                    <img
                      src="https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/7d9a4e8f9dfb5a84f5c969de453e1b7a-1590644561119/160db798-63d5-4d81-978b-24babf593dae.jpg"
                      alt="Testimonial author" class="img-fluid" width="auto" height="auto" />
                    <div class="test-author-info">
                      <h4>leonaslt</h4>
                      <h6>Entrepreneur</h6>
                    </div>
                  </div>
                </div>
              </div>
              <div class="element element-3">
                <div class="test-inner mx-3">
                  An incredible seller! Exceeded my expectations and delivered
                  within time frame. Looking forward to working together again.
                  <div style="
                    display: inline-flex;
                    align-items: flex-start;
                    gap: 4px;
                    margin-bottom: 10px;
                  ">
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                    <img src="../../images/icon/star.svg" width="auto" height="auto" alt="star" />
                  </div>
                  <div class="test-author-thumb d-flex">
                    <img src="images/client/shahbbir.png" alt="Testimonial author" class="img-fluid" width="auto"
                      height="auto" />
                    <div class="test-author-info">
                      <h4>Muhammad Shabbir</h4>
                      <h6>Founder @mrwebgcc</h6>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="seed-section" id="blog">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-md-8 col-lg-6 text-center">
          <div class="section-heading mb-4">
            <!-- Subheading -->
            <p class="col-md-11 col-lg-11 alumni-description">
              Sharing Our Journey, <br />
              Enriching Your <span>Experience</span>
            </p>
          </div>
        </div>
        <!-- / .row -->

        <div class="row justify-content-center">
          <div class="col-lg-4 col-md-6 p-0">
            <div class="blog-box m-2">
              <div class="blog-img-box">
                <img src="images/blog/html-video-thumbnail.jpg" alt="" class="img-fluid blog-img" />
              </div>
              <div class="single-blog">
                <div class="blog-content">
                  <h6>7 Feb 2021</h6>
                  <a href="#!">
                    <h3 class="card-title">
                      Complete HTML Course Beginners to Advanced
                    </h3>
                  </a>
                  <p>
                    Learn HTML with a step-by-step process, including projects and
                    sources provided in the lectures. Each topic will begin with a
                    brief introduction to the previous lecture.
                  </p>
                  <a target="_blank" style="margin-top: auto"
                    href="https://www.youtube.com/watch?v=-p9X4tOQsSs&t=26s&ab_channel=ehtishamdot"
                    class="link d-flex align-items-center">Read More&nbsp;&nbsp;<img
                      src="../../images/icon/right-arrow.svg" alt="arrow" /></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 p-0">
            <div class="blog-box m-2">
              <div class="blog-img-box">
                <img src="images/blog/programming-career.jpg" alt="" class="img-fluid blog-img" />
              </div>
              <div class="single-blog">
                <div class="blog-content">
                  <h6>14 Jan 2021</h6>
                  <a href="#!">
                    <h3 class="card-title">
                      "The only way to learn programming..." by George Hotz
                    </h3>
                  </a>
                  <p>
                    "The only way to learn programming is by immersing yourself in
                    hands-on projects," stated George Hotz.
                  </p>
                  <a target="_blank" style="margin-top: auto"
                    href="https://www.youtube.com/watch?v=kL2Q2ctCJys&ab_channel=ehtishamdot"
                    class="link d-flex align-items-center">Read More&nbsp;&nbsp;<img
                      src="../../images/icon/right-arrow.svg" alt="arrow" /></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 p-0">
            <div class="blog-box m-2">
              <div class="blog-img-box">
                <img src="images/blog/visual-studio-faster.jpg" alt="" class="img-fluid blog-img" />
              </div>
              <div class="single-blog">
                <div class="blog-content">
                  <h6>6 DEC 2020</h6>
                  <a href="#!">
                    <h3 class="card-title">MAKE VISUAL STUDIO FASTER</h3>
                  </a>
                  <p>
                    Improve Visual Studio's performance with these optimization
                    tips. For a detailed description, explore the techniques to
                    boost its speed and efficiency.
                  </p>
                  <a target="_blank" style="margin-top: auto"
                    href="https://www.youtube.com/watch?v=D2_haCjrarE&ab_channel=ehtishamdot"
                    class="link d-flex align-items-center">Read More&nbsp;&nbsp;<img
                      src="../../images/icon/right-arrow.svg" alt="arrow" /></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <footer class="section" id="footer">
    <div class="overlay footer-overlay"></div>
    <!--Content -->
    <div class="container">
      <div class="row justify-content-start">
        <div class="col-lg-4 col-sm-12">
          <div class="footer-widget">
            <!-- Brand -->
            <a href="index.html" class="footer-brand text-white" aria-label="Visit Seedinov Website">
              <img style="max-width: 200px" class="logo" src="../../images/icon/logo.png" alt="seedinov logo" />
            </a>
            <p style="
              color: var(--white-color, #fafafa);
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: normal;
            ">
              SeedInov harnesses cutting-edge technology to craft transformative
              solutions. Through a fusion of creativity and expertise, SeedInov
              paves the way for advancements that shape the future.
            </p>
          </div>
        </div>

        <div class="col-lg-2 col-sm-6">
          <div class="footer-widget">
            <h3 class="m-0" style="
              color: var(--white-color, #fafafa);
              font-size: 16px;
              font-style: normal;
              font-weight: 500;
              line-height: normal;
            ">
              Our Socials
            </h3>
            <a href="mailto:info@seedinov.com" style="
              color: var(--white-color, #fafafa);
              font-size: 16px;
              font-style: normal;
              font-weight: 400;
              line-height: normal;
            ">info@seedinov.com</a>
          </div>
          <div class="d-flex align-items-center social-icons">
            <a href="https://www.facebook.com/seedinov" target="_blank" class="social-icon"
              aria-label="Visit Seedinov on Facebook">
              <img src="../../images/icon/facebook.svg" alt="facebook icon" width="auto" height="auto" />
            </a>
            <a href="https://twitter.com/seedinov" target="_blank" class="social-icon"
              aria-label="Visit Seedinov on Twitter">
              <img src="../../images/icon/twitter.png" alt="twitter icon" width="auto" height="auto" />
            </a>
            <a href="https://www.linkedin.com/company/seedinov/" target="_blank" class="social-icon"
              aria-label="Visit Seedinov on LinkedIn">
              <img src="../../images/icon/linkedin.png" alt="linkedin icon" width="auto" height="auto" />
            </a>
          </div>
        </div>
        <div class="col-lg-3 col-sm-6 ml-auto mt-4-mobile">
          <div class="footer-widget">
            <h3 class="m-0" style="
              color: var(--white-color, #fafafa);
              font-size: 16px;
              font-style: normal;
              font-weight: 500;
              line-height: normal;
            ">
              Have a Project to Discuss?
            </h3>
            <a href="mailto:info@seedinov.com" style="
              color: var(--white-color, #fafafa);
              font-size: 16px;
              font-style: normal;
              font-weight: 400;
              line-height: normal;
            ">We’re Ready</a>
          </div>
          <a href="/contact.html">
            <button class="primary-btn mt-3">Contact Us</button>
          </a>
        </div>
      </div>
      <!-- / .row -->

      <div class="row pt-5">
        <div class="col-lg-12">
          <div class="overflow-hidden">
            <!-- Copyright -->
            <p class="footer-copy">
              SeedInov &copy;
              <span id="currentYear"></span>
              <script>
                var CurrentYear = new Date().getFullYear();
                document.getElementById("currentYear").innerHTML = CurrentYear;
              </script>
              . All Rights Reserved
            </p>
          </div>
        </div>
      </div>
      <!-- / .row -->
    </div>
    <!-- / .container -->
  </footer>

  <!--  Page Scroll to Top  -->

  <a id="scroll-to-top" class="scroll-to-top green top js-scroll-trigger" href="#top-header"
    aria-label="Visit Seedinov on LinkedIn">
    <i class="fa fa-angle-up"></i>
  </a>

  <div class="handle-side-navbar scroll-to-top js-scroll-trigger">
    <a>
      <img src="../../images/icon/whatsapp.png" alt="twitter icon" width="30px" height="30px" />
    </a>
    <a
      href="https://www.upwork.com/freelancers/~019d055a481f87f38b?referrer_url_path=%2Fnx%2Fsearch%2Ftalent%2Fdetails%2F~019d055a481f87f38b%2Fprofile">
      <img src="../../images/icon/upworkIcon.png" alt="twitter icon" width="30px" height="30px" />
    </a>
    <a href="https://www.fiverr.com/users/ahtionpc/portfolio">
      <img src="../../images/icon/fiverr.png" alt="twitter icon" width="30px" height="30px" />
    </a>
    <a href="https://www.linkedin.com/company/seedinov">
      <img src="../../images/icon/linkedinblue.png" alt="twitter icon" width="30px" height="30px" />
    </a>
  </div>
  <!-- 
  Essential Scripts
  =====================================-->
  <!-- jQuery -->
  <script src="plugins/jquery/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="plugins/bootstrap/bootstrap.min.js"></script>
  <!-- Slick Slider -->
  <script src="plugins/slick-carousel/slick/slick.min.js"></script>
  <!-- Google Map -->
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU"></script>
  <script src="plugins/google-map/gmap.js"></script>

  <script src="js/script.js"></script>
  <!-- <script src="https://www.gstatic.com/firebasejs/3.7.4/firebase.js"> -->
  <script src="https://www.gstatic.com/firebasejs/8.6.3/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/8.6.3/firebase-database.js"></script>

  <script>
    const firebaseConfig = {
      apiKey: "AIzaSyDEsvEAGUe6FIENvim-zMW9FGI42oqKWwo",
      authDomain: "seedinov-10c6d.firebaseapp.com",
      databaseURL: "https://seedinov-10c6d-default-rtdb.firebaseio.com",
      projectId: "seedinov-10c6d",
      storageBucket: "seedinov-10c6d.appspot.com",
      messagingSenderId: "236955398977",
      appId: "1:236955398977:web:001f24ab3a8bc2bb06e7c0",
      measurementId: "G-9XDGEX936G"
    };

    // Initialize Firebase
    const app = firebase.initializeApp(firebaseConfig);

    var messagesRef = firebase.database().ref('/');

    document.getElementById('contactForm')
      .addEventListener('submit', submitForm);

    function submitForm(e) {
      console.log('submitForm')
      e.preventDefault();

      // // Get values
      var name = getInputVal('name');
      var phone = getInputVal('phone');
      var email = getInputVal('email');
      var message = getInputVal("message");
      var subject = getInputVal("subject");

      saveMessage(name, phone, email, subject, message);

      alert("Thank you for contacting us. We will get back to you shortly.");
      document.getElementById('contactForm').reset();
    }

    // Function to get form values
    function getInputVal(id) {
      return document.getElementById(id).value;
    }

    // Save message to firebase
    function saveMessage(name, phone, email, subject, message) {
      var newMessageRef = messagesRef.push();
      try {
        newMessageRef.set({
          name: name,
          phone: phone,
          email: email,
          subject: subject,
          message: message,
        }, function (error) {
          if (error) {
            console.error("Data could not be saved.", error);
          } else {
            console.log("Data saved successfully.");
          }
        })
      } catch (err) {
        console.log("err", err)
      }
    }

  </script>
</body>

</html>