product-design-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/ai-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">
                  Product
                  <span>Design</span>
                </h1>
                <p class="text-white d-block d-lg-none text-center">
                  Elevate your brand aesthetic with Seedinov's Product Design
                  expertise. Our talented team specializes in transforming your
                  vision into visually captivating products, ensuring a positive
                  and lasting impact on your audience.
                </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">
                  Elevate your brand aesthetic with Seedinov's Product Design
                  expertise. Our talented team specializes in transforming your
                  vision into visually captivating products, ensuring a positive
                  and lasting impact on your audience.
                </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">
                We design interfaces that are both visually stunning and
                intuitively functional, ensuring a positive first impression and
                a seamless user experience. Our focus goes beyond aesthetics,
                resulting in products that resonate with your target audience
                and leave a lasting impact.
              </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"
                    >
                      Vision Transformation
                    </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">
                      Seamlessly translate your ideas and concepts into visually
                      stunning product designs.
                    </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"
                    >
                      Brand Elevation
                    </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">
                      Our design expertise enhances your brand's visual
                      identity, creating a lasting and positive impression.
                    </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"
                    >
                      Audience Appeal
                    </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">
                      Captivate your audience with visually captivating products
                      that leave a lasting impact.
                    </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">Creative Collaboration</h4>
                  <p>
                    We collaborate closely with you to understand your vision
                    and brand identity.
                  </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">Design Excellence</h4>
                  <p>
                    Our talented team employs design principles to create
                    visually appealing and impactful products.
                  </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">Brand Consistency</h4>
                  <p>
                    Ensure brand consistency across all products, reinforcing a
                    strong and memorable brand image.
                  </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">Audience-Centric Focus</h4>
                  <p>
                    Our designs are crafted with your audience in mind, ensuring
                    maximum appeal and engagement.
                  </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">Creative Collaboration</h4>
                    <p>
                      We collaborate closely with you to understand your vision
                      and brand identity.
                    </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">Design Excellence</h4>
                    <p>
                      Our talented team employs design principles to create
                      visually appealing and impactful products.
                    </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">Brand Consistency</h4>
                    <p>
                      Ensure brand consistency across all products, reinforcing
                      a strong and memorable brand image.
                    </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">Audience-Centric Focus</h4>
                    <p>
                      Our designs are crafted with your audience in mind,
                      ensuring maximum appeal and engagement.
                    </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">
                    <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> -->
    <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="podcut-project.html">

                    <div class="work-block m-1">
                        <img loading="lazy" 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 loading="lazy"
                                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="sfl-project.html">
                    <div class="work-block m-1" style="background: #F0F0F0;">
                        <img loading="lazy" src="images/projects/sfl1.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 loading="lazy"
                                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="tribify-project.html">
                    <div class="work-block m-1" style="background: #EBEEFB;">
                        <img loading="lazy" src="images/projects/tribify.png" 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 loading="lazy"
                                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="projects-project.html">
                    <div class="work-block m-1" style="background: #F3EEC9a0;">
                        <img loading="lazy" 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>Project S is a game and tournament management platform for Call of Duty: MW3  tournaments, integrating AI for fair play and enhanced user experience.</p>
                        <a href="projects-project.html" class="link">Read Case Study&nbsp;&nbsp;<img loading="lazy"
                                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="refussion-project.html">
                    <div class="work-block m-1" style="background: #E5F1EB;">
                        <img loading="lazy" 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 loading="lazy"
                                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="brainbee-project.html">
                    <div class="work-block m-1" style="background: #F0F0F0;">
                        <img loading="lazy" src="images/projects/brainbee.jpg" 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 loading="lazy"
                                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="housingxpert-project.html">
                    <div class="work-block m-1" style="background: #EBEEFB;">
                        <img loading="lazy" src="images/projects/housingXpert.jpg" class="object-cover" 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.</p>
                        <a href="housingxpert-project.html" class="link">Read Case Study&nbsp;&nbsp;<img loading="lazy"
                                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="esperwise-project.html">
                    <div class="work-block m-1">
                        <img loading="lazy" src="images/projects/esperwise.jpg" alt="work-img" width="auto" height="auto" class="img-fluid">
                    </div>
                    <div class="card-content">
                        <h4>EsperWise</h4>
                        <p>
                            EsperWise AI is a multilingual patient-doctor conversation recorder and analyzer. This tool captures, transcribes, and analyzes medical consultations in real-time, offering valuable insights to enhance patient care.</p>
                        <a href="esperwise-project.html" class="link">Read Case Study&nbsp;&nbsp;<img loading="lazy"
                                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-green.png"
          alt="twitter icon"
          width="24px"
          height="24px"
        />
      </a>
      <a href="https://www.linkedin.com/company/seedinov">
        <img
          src="../../images/icon/linkedin-green.png"
          alt="twitter icon"
          width="24px"
          height="24px"
        />
      </a>
      <a href="https://www.facebook.com/seedinov">
        <img
          src="../../images/icon/facebook-green.png"
          alt="twitter icon"
          width="24px"
          height="24px"
        />
      </a>
      <a href="https://www.instagram.com/_seedinov/">
        <img
          src="../../images/icon/instagram-green.png"
          alt="twitter icon"
          width="24px"
          height="24px"
        />
      </a>
      <!-- <a href="https://www.linkedin.com/company/seedinov">
          <img
            src="../../images/icon/twitter-x-green.png"
            alt="twitter icon"
            width="24px"
            height="24px"
          />
        </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>