<!DOCTYPE html>
<html dir="ltr" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Devs.ae</title>
    <meta
      name="description"
      content="High-end digital solutions for governments and enterprises"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="css/app.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet" href="fonts/fonts.min.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Aldrich&display=swap"
      rel="stylesheet"
    />
    <link rel="icon" href="./images/dest/favicon.svg" type="image/svg+xml" />
    <meta
      property="og:title"
      content="High-end digital solutions for governments and enterprises"
    />
    <meta property="og:image" content="./images/dest/og-image.jpg" />
  </head>

  <body>
    <header class="header abs-center-horizontal">
      <div class="container">
        <figure class="logo">
          <img src="./images/dest/logo.svg" alt="Logo" draggable="false" />
        </figure>
      </div>
    </header>

    <main class="homepage">
      <section class="hero gradient1">
        <div class="container">
          <div class="content">
            <p
              class="subtitle fz14 fw400 c-white aldrich wow fadeIn"
              data-wow-delay="0.1s"
              data-wow-duration="1s"
            >
              DEVS SOFTWARE DESIGN
            </p>
            <h1
              class="title fz48 fw800 c-white wow fadeIn"
              data-wow-delay="0.3s"
              data-wow-duration="1s"
            >
              High-end digital solutions for governments and enterprises
            </h1>
            <a
              href="#"
              class="btn wow fadeIn"
              data-wow-delay="0.4s"
              data-wow-duration="1s"
              >More Details</a
            >
          </div>
        </div>
        <canvas id="canvas"></canvas>
      </section>

      <section class="solutions our-solutions">
        <img
          src="./images/dest/solution-shape.svg"
          alt="shape"
          class="section-shape"
          draggable="false"
        />
        <div class="container title-container">
          <p class="top-title fz14 fw400 aldrich c-gray300">
            PROBLEMS WE SOLVE
          </p>
          <h4 class="title fz44 fw700 c-black100">Our Solutions</h4>
        </div>
        <div class="container">
          <div class="counter">
            <p class="fz14 fw400 aldrich c-gray300">01 /</p>
            <div class="line"></div>
          </div>
        </div>

        <div class="container section-container">
          <div class="content">
            <h5 class="c-title fz36 fw500 c-brown300">
              World-Leading Biometric Authentication systems
            </h5>
            <p class="c-paragraph fz18 fw400 c-black100">
              Given all the challenges that the modern world faces, contactless
              authentication methods are the most protected choice. Our
              solutions are heavily used in highly sensitive organizations where
              security is paramount, starting from the workstations and up to
              the building’s access gates.
            </p>
          </div>
          <div class="visual">
            <div class="row row1">
              <div class="figure-wrapper">
                <div class="figure">
                  <img
                    src="./images/dest/solution-1.svg"
                    alt="Hand scanner"
                    class="img abs-img lg"
                    draggable="false"
                  />
                  <img
                    src="./images/dest/solution-1-mobile.svg"
                    alt="Hand scanner"
                    class="img abs-img sm"
                    draggable="false"
                  />
                </div>
              </div>
            </div>
            <div class="row row2">
              <div class="figure-wrapper">
                <div class="figure">
                  <img
                    src="./images/dest/solution-2.svg"
                    alt="Hand scanner"
                    class="img abs-img lg"
                    draggable="false"
                  />
                  <img
                    src="./images/dest/solution-2-mobile.svg"
                    alt="Hand scanner"
                    class="img abs-img sm"
                    draggable="false"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section class="mass media gradient-mass">
        <div class="container">
          <div class="counter">
            <p class="fz14 fw400 aldrich c-gray300">02 /</p>
            <div class="line"></div>
          </div>
        </div>
        <div class="container section-container d-flex">
          <div class="figure-container">
            <figure class="media-figure">
              <img
                src="./images/dest/media-img.jpg"
                alt="media image"
                class="img"
                draggable="false"
              />
            </figure>
          </div>
          <div class="content">
            <h5 class="c-title fz36 fw500 c-brown300">
              Media archive management systems
            </h5>
            <p class="c-paragraph fz18 fw400 c-black100">
              We build systems that give a second life to the millions of photos
              and videos recorded and kept in the archives of our customers.
            </p>
            <p class="c-paragraph fz18 fw400 c-black100">
              Our solutions make it possible to search for people of your choice
              across all your media archives within seconds.
            </p>
          </div>
        </div>
      </section>

      <section class="solutions solutions2">
        <img
          src="./images/dest/digitalization-shape.svg"
          alt="shape"
          class="section-shape"
          draggable="false"
        />
        <div class="container">
          <div class="counter">
            <p class="fz14 fw400 aldrich c-gray300">03 /</p>
            <div class="line"></div>
          </div>
        </div>
        <div class="container section-container">
          <div class="content">
            <h5 class="c-title fz36 fw500 c-brown300">
              Digitization of governmental workflows
            </h5>
            <p class="c-paragraph fz18 fw400 c-black100">
              Our exceptional team of business analysts has solid experience
              working with the most complex and bureaucratic workflows of
              various governmental organizations. We quickly come up with
              state-of-the-art engineering solutions for our customers in terms
              that were considered unthinkable prior to working with us.
            </p>
          </div>
          <div class="visual">
            <div class="row row1">
              <div class="figure-wrapper">
                <div class="figure">
                  <img
                    src="./images/dest/digitalization-1.svg"
                    alt="Hand scanner"
                    class="img abs-img lg"
                    draggable="false"
                  />
                  <img
                    src="./images/dest/digitalization-1-mobile.svg"
                    alt="Hand scanner"
                    class="img abs-img sm"
                    draggable="false"
                  />
                </div>
              </div>
            </div>
            <div class="row row2">
              <div class="figure-wrapper">
                <div class="figure">
                  <img
                    src="./images/dest/digitalization-2.png"
                    alt="Hand scanner"
                    class="img abs-img lg"
                    draggable="false"
                  />
                  <img
                    src="./images/dest/digitalization-2-mobile.png"
                    alt="Hand scanner"
                    class="img abs-img sm"
                    draggable="false"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section class="office" aria-hidden="true"></section>

      <section class="contact">
        <img
          src="./images/dest/map-shape.svg"
          alt="shape"
          class="section-shape"
          draggable="false"
        />
        <div class="container d-flex">
          <div class="content-wrapper">
            <div class="contact-content">
              <div class="contact-title">
                <p class="top-title fz14 aldrich c-gray300">LET’S TALK</p>
                <p class="title fz44 fw700 c-black100">Contact Us</p>
              </div>
              <div class="contact-mail">
                <p class="top-title fz14 aldrich c-gray300">
                  SEND US A MESSAGE
                </p>
                <a href="mailto:contact@devs.ae" class="fz18 c-black100 fw600"
                  >contact@devs.ae</a
                >
              </div>
              <div class="contact-address">
                <p class="top-title fz14 aldrich c-gray300">ADDRESS</p>
                <addres class="address fz18 c-black100 fw600">
                  Plaza 30, Villa 3A, Second Floor, Al Nahyan Camp, Abu Dhabi,
                  UAE
                </addres>
              </div>
            </div>
          </div>
          <a
            href="https://www.google.com/maps/search/Plaza+30,+Villa+3A,+Second+Floor,+Al+Nahyan+Camp,+Abu+Dhabi,+UAE/@24.4717494,54.3853771,18z"
            class="map"
            target="_blank"
          >
            <img src="./images/dest/map-img.jpg" alt="Map" draggable="false" />
          </a>
        </div>
      </section>
    </main>

    <footer class="footer gradient-footer">
      <div class="container d-flex">
        <div class="logo-wrapper">
          <figure class="footer-logo">
            <img
              src="./images/dest/logo.svg"
              alt="Logo"
              class="footer-logo-item"
              draggable="false"
            />
          </figure>
          <small class="footer-copyright fz14 c-white">
            © Copyright Devs <span class="year"></span>. All rights reserved
          </small>
        </div>
        <div class="footer-partners">
          <p class="title fz18 fw600 c-white">Our Strategic Partners</p>
          <div class="partners-logos d-flex ai-c">
            <a
              class="partners-logo"
              href="http://sdc.am/"
              target="_blank"
              rel="noopener"
            >
              <img
                src="./images/dest/dev-company-logo.png"
                alt="logo"
                draggable="false"
              />
            </a>
            <a
              class="partners-logo"
              href="https://nxdt.ai/"
              target="_blank"
              rel="noopener"
            >
              <img
                src="./images/dest/nx-logo.png"
                alt="logo"
                draggable="false"
              />
            </a>
            <a
              class="partners-logo"
              href="https://www.securetech.ae/"
              target="_blank"
              rel="noopener"
            >
              <img
                src="./images/dest/tech-logo.png"
                alt="logo"
                draggable="false"
              />
            </a>
          </div>
        </div>
        <div class="footer-copyrigth-hide fz14 c-white">
          © Copyright Devs <span class="year"></span>. All rights reserved
        </div>
      </div>
    </footer>

    <script src="js/jquery.min.js"></script>
    <script src="js/app.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script>
      new WOW().init();
    </script>
  </body>
</html>
