It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://eberawi.uk

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  <head>
  4.    <meta charset="UTF-8" />
  5.    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0" />
  7.    
  8.    <title>eBerawi — Digital Design Agency</title>
  9.    <meta name="description" content="eBerawi is an ambitious agency that focuses on branding, UX/UI design, websites and mobile development." />
  10.  
  11.    <!-- Viewport -->
  12.    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
  13.    <meta name="HandheldFriendly" content="true">
  14.  
  15.    <!-- Open Graph / Facebook -->
  16.    <meta property="og:type" content="website" />
  17.    <meta property="og:url" content="https://eberawi.uk/" />
  18.    <meta property="og:title" content="eBerawi — Digital Design Agency" />
  19.    <meta property="og:description" content="eBerawi is an ambitious agency that focuses on branding, UX/UI design, websites and mobile development." />
  20.    <meta property="og:image" content="https://eberawi.uk/images/logo/meta-tags.webp" />
  21.  
  22.    <!-- Twitter -->
  23.    <meta name="twitter:site" content="@eberawiuk" />
  24.    <meta name="twitter:domain" content="eberawi.uk" />
  25.    <meta property="twitter:card" content="summary_large_image" />
  26.    <meta property="twitter:url" content="https://eberawi.uk/" />
  27.    <meta property="twitter:title" content="eBerawi — Digital Design Agency" />
  28.    <meta property="twitter:description" content="eBerawi is an ambitious agency that focuses on branding, UX/UI design, websites and mobile development." />
  29.    <meta property="twitter:image" content="https://eberawi.uk/images/logo/meta-tags.webp" />
  30.  
  31.    <meta name="format-detection" content="telephone=no" />
  32.    <meta name="format-detection" content="address=no" />
  33.  
  34.    <link rel="canonical" href="https://eberawi.uk/" />
  35.  
  36.    <!-- Main favicon: -->
  37.    <link rel="apple-touch-icon" sizes="57x57" href="images/logo/apple-touch-icon-57x57.png" />
  38.    <link rel="apple-touch-icon" sizes="60x60" href="images/logo/apple-touch-icon-60x60.png" />
  39.    <link rel="apple-touch-icon" sizes="72x72" href="images/logo/apple-touch-icon-72x72.png" />
  40.    <link rel="apple-touch-icon" sizes="76x76" href="images/logo/apple-touch-icon-76x76.png" />
  41.    <link rel="apple-touch-icon" sizes="114x114" href="images/logo/apple-touch-icon-114x114.png" />
  42.    <link rel="apple-touch-icon" sizes="120x120" href="images/logo/apple-touch-icon-120x120.png" />
  43.    <link rel="apple-touch-icon" sizes="144x144" href="images/logo/apple-touch-icon-144x144.png" />
  44.    <link rel="apple-touch-icon" sizes="152x152" href="images/logo/apple-touch-icon-152x152.png" />
  45.    <link rel="apple-touch-icon" sizes="180x180" href="images/logo/apple-touch-icon-180x180.png" />
  46.    <link rel="icon" type="image/png" href="images/logo/favicon-32x32.png" sizes="32x32" />
  47.    <link rel="icon" type="image/png" href="images/logo/favicon-194x194.png" sizes="194x194" />
  48.    <link rel="icon" type="image/png" href="images/logo/favicon-96x96.png" sizes="96x96" />
  49.    <link rel="icon" type="image/png" href="images/logo/android-chrome-192x192.png" sizes="192x192" />
  50.    <link rel="icon" type="image/png" href="images/logo/favicon-16x16.png" sizes="16x16" />
  51.    <meta name="apple-mobile-web-app-title" content="eBerawi" />
  52.    <meta name="application-name" content="eBerawi" />
  53.    <meta name="msapplication-TileColor" content="#ffffff" />
  54.    <meta name="msapplication-TileImage" content="images/logo/mstile-144x144.png" />
  55.    <link rel="manifest" href="/site.webmanifest">
  56.    <meta name="theme-color" content="#ffffff" />
  57.  
  58.    <link rel="stylesheet" href="css/style.css" />
  59.    
  60.    <!-- Analytics -->
  61.    <script data-cfasync="false" type="text/javascript">
  62.      setTimeout(function(){
  63.        (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
  64.          m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
  65.          (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
  66.  
  67.          ym(87348911, "init", {
  68.              clickmap:true,
  69.              trackLinks:true,
  70.              accurateTrackBounce:true,
  71.              webvisor:true
  72.          });
  73.        }, 5000);
  74.    </script>
  75.    <noscript><div><img src="https://mc.yandex.ru/watch/87348911" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
  76.  
  77.  </head>
  78.  
  79.  <body>
  80.    <!-- Message -->
  81.    <div class="message-layout">
  82.      <div class="message-layout__block">
  83.        <p class="message-layout__text-primary">Let’s work together.</p>
  84.        <div class="message-layout__content">
  85.          <p>Hi there!</p>
  86.          <p>We are eBerawi™.</p>
  87.          <p>
  88.            Our mission is to consistently deliver meaningful solutions with a seamless brand experience for our
  89.            clients.
  90.          </p>
  91.          <p>
  92.            Our approach is Design Thinking. In other words, we design solutions for intended users. We put the user's
  93.            needs at the centre of everything we create.
  94.          </p>
  95.          <p>Thank you for visiting us!</p>
  96.        </div>
  97.      </div>
  98.    </div>
  99.    <!-- Message end -->
  100.    
  101.    <!-- Loader -->
  102.    <div class="loader">
  103.      <div class="loader-layout"></div>
  104.    </div>
  105.    <!-- Loader end -->
  106.    <!-- Navbar -->
  107.    <nav class="navbar">
  108.      <!-- Burger -->
  109.      <div class="container d-flex justify-content-end" data-cursor-hide>
  110.        <button
  111.          id="navbar-burger"
  112.          class="navbar-burger"
  113.          aria-label="Menu"
  114.          data-animation="slide-down"
  115.          data-animation-delay=".6"
  116.        >
  117.          <span></span>
  118.          <span></span>
  119.        </button>
  120.      </div>
  121.      <!-- Burger end -->
  122.  
  123.      <!-- Navbar content -->
  124.      <div id="navbar-content" class="navbar-content">
  125.        <div class="container">
  126.          <!-- Logo -->
  127.          <a data-navbar-animation data-cursor-hide="" href="/">
  128.            <img src="images/svg/logo-light.svg" width="147" height="38" alt="eBerawi" />
  129.          </a>
  130.          <!-- Logo end -->
  131.  
  132.          <!-- Navigation links -->
  133.          <ul class="navbar-list w-100">
  134.            <li class="navbar-list__item" data-navbar-animation>
  135.              <a href="projects/" class="navbar-list__link" data-cursor-link>Work</a>
  136.            </li>
  137.  
  138.            <li class="navbar-list__item" data-navbar-animation>
  139.              <a href="agency/" class="navbar-list__link" data-cursor-link>Agency</a>
  140.            </li>
  141.  
  142.            <li class="navbar-list__item" data-navbar-animation>
  143.              <a href="products/" class="navbar-list__link" data-cursor-link>Products</a>
  144.            </li>
  145.  
  146.            <li class="navbar-list__item" data-navbar-animation>
  147.              <a href="contact/" class="navbar-list__link" data-cursor-link>Connect</a>
  148.            </li>
  149.          </ul>
  150.          <!-- Navigation links end -->
  151.  
  152.          <!-- Navigation bottom -->
  153.          <div class="text-center text-lg-start d-lg-flex justify-content-between align-items-end w-100">
  154.            <div class="order-lg-2 mb-10 mb-lg-0 d-none d-lg-block" data-navbar-animation data-cursor-hide>
  155.              <span class="text-uppercase text-sm opacity-60 letter-xl fw-600 d-lg-none">Get in touch</span>
  156.              <a class="text-xl fw-600 text-underline letter-md d-none d-lg-inline" target="_blank" href="https://wa.me/message/W3PPIOGFLWD6G1">
  157.                Let's Chat
  158.              </a>
  159.              <br />
  160.              <a class="text-xl fw-600 text-underline letter-md mt-4 mt-lg-3" href="mailto:info@eberawi.uk">
  161.                info@eberawi.uk
  162.              </a>
  163.            </div>
  164.  
  165.            <!-- Social -->
  166.            <ul class="social order-lg-1" data-navbar-animation>
  167.              <li class="social__item">
  168.                <a target="_blank" href="https://www.facebook.com/eberawiuk/" class="social__link" data-cursor-link-sm>
  169.                  <img src="images/svg/icon-facebook.svg" width="24" height="24" alt="Facebook" />
  170.                </a>
  171.              </li>
  172.  
  173.              <li class="social__item">
  174.                <a target="_blank" href="https://instagram.com/eberawiuk/" class="social__link" data-cursor-link-sm>
  175.                  <img src="images/svg/icon-instagram.svg" width="24" height="24" alt="Instagram" />
  176.                </a>
  177.              </li>
  178.  
  179.              <li class="social__item">
  180.                <a target="_blank" href="https://twitter.com/eberawiuk" class="social__link" data-cursor-link-sm>
  181.                  <img src="images/svg/icon-twitter.svg" width="24" height="24" alt="Twitter" />
  182.                </a>
  183.              </li>
  184.  
  185.              <li class="social__item">
  186.                <a
  187.                  target="_blank"
  188.                  href="https://www.youtube.com/channel/UC_5Xw5j9Y-UXt_z4aj-eDxg"
  189.                  class="social__link"
  190.                  data-cursor-link-sm
  191.                >
  192.                  <img src="images/svg/icon-youtube.svg" width="24" height="24" alt="YouTube" />
  193.                </a>
  194.              </li>
  195.  
  196.              <li class="social__item">
  197.                <a target="_blank" href="https://dribbble.com/eberawi" class="social__link" data-cursor-link-sm>
  198.                  <img src="images/svg/icon-dribble.svg" width="24" height="24" alt="Dribbble" />
  199.                </a>
  200.              </li>
  201.  
  202.              <li class="social__item">
  203.                <a target="_blank" href="https://github.com/eBerawi" class="social__link" data-cursor-link-sm>
  204.                  <img src="images/svg/icon-github.svg" width="24" height="24" alt="Github" />
  205.                </a>
  206.              </li>
  207.  
  208.              <li class="social__item">
  209.                <a
  210.                  target="_blank"
  211.                  href="https://www.linkedin.com/company/eberawi/"
  212.                  class="social__link"
  213.                  data-cursor-link-sm
  214.                >
  215.                  <img src="images/svg/icon-linkedin.svg" width="24" height="24" alt="Linkedin" />
  216.                </a>
  217.              </li>
  218.            </ul>
  219.            <!-- Social end -->
  220.          </div>
  221.          <!-- Navigation bottom end -->
  222.        </div>
  223.      </div>
  224.      <!-- Navbar content end -->
  225.    </nav>
  226.    <!-- Navbar end -->
  227.  
  228.    <!-- Video popup >
  229.    <div class="video-modal">
  230.      <video class="w-100" preload="auto" style="pointer-events: none" loop="" playsinline="">
  231.        <source src="videos/1.mp4" type="video/mp4" />
  232.      </video>
  233.    </div>
  234.    <!-- Video popup end -->
  235.  
  236.    <div data-scroll-container>
  237.      <!-- Static top navbar -->
  238.      <div class="container">
  239.        <div class="navbar-static" data-animation="slide-down" data-animation-delay=".6">
  240.          <a href="/" data-cursor-hide> <img src="images/svg/logo.svg" width="147" height="38" alt="eBerawi" /></a>
  241.        </div>
  242.      </div>
  243.      <!-- Static top navbar end -->
  244.  
  245.      <!-- Header -->
  246.      <div class="container position-relative">
  247.        <div class="showreel-block d-none d-lg-block" data-animation="slide-up" data-animation-delay=".5">
  248.          <img src="images/svg/era_bg.svg" width="243" height="715" alt="" />
  249.        </div>
  250.        <header class="header mt-2">
  251.          <ul class="header-vertical d-none d-xl-flex" data-animation="slide-up" data-animation-delay=".6">
  252.            <li>Creative Agency</li>
  253.            <li>Digital Storytellers</li>
  254.            <li>
  255.              <div class="message-button">
  256.                <!--span class="pulse-animation"></span-->
  257.                <img class="message-animation" src="images/svg/circle.svg" width="30" height="30" alt="">
  258.              </div>
  259.            </li>
  260.          </ul>
  261.  
  262.          <div class="header__content">
  263.            <h1 class="heading-primary" data-animation="slide-up">
  264.              <span class="text-primary">Crafting</span> & delivering<br />
  265.              meaningful solutions
  266.            </h1>
  267.            <p class="mt-10 mt-lg-12" data-animation="slide-down" data-animation-delay=".2">
  268.              eBerawi is a passionate digital agency focused on branding, UX/UI design, websites and mobile development.
  269.            </p>
  270.  
  271.            <a
  272.              href="agency/"
  273.              class="button-arrow mt-15 mb-20 mt-lg-25"
  274.              data-cursor-hide
  275.              data-animation="slide-down"
  276.              data-animation-delay=".4"
  277.            >
  278.              Get To Know Us
  279.            </a>
  280.          </div>
  281.        </header>
  282.      </div>
  283.      <!-- Header end -->
  284.  
  285.      <!-- Home video >
  286.      <div class="home-video">
  287.        <video class="w-100 home-video-lazy" loop="" autoplay muted playsinline="">
  288.          <source data-src="videos/1.mp4" type="video/mp4" />
  289.        </video>
  290.  
  291.        <img class="home-video__button" data-cursor-hide src="images/svg/showreel-button.svg" alt="" />
  292.      </div>
  293.      <!-- Home video end -->
  294.  
  295.      <main>
  296.        <!-- Projects section -->
  297.        <section class="projects-section">
  298.          <div class="container">
  299.            <h2 class="heading-secondary" data-animation="slide-up" data-animation-delay=".2">Featured Work</h2>
  300.            <p class="subheading" data-animation="slide-up" data-animation-delay=".2">
  301.              Explore some of our latest projects
  302.            </p>
  303.  
  304.            <div class="project-cards-wrapper">
  305.              <div class="project-cards">
  306.  
  307.               <!-- Featured - 1 -->
  308.                <figure class="project-card">
  309.                <a href="projects/hammam/" data-cursor-case data-animation="slide-up">
  310.                  <div class="project-card__img">
  311.                    <div data-scroll data-scroll-speed="dynamicBackground">
  312.                      <div style="max-height: 1400px" class="overflow-md-hidden">
  313.                        <div data-scroll data-scroll-speed="-2">
  314.                          <picture>
  315.                            <source srcset="images/projects/hammam/cover.jpg, images/projects/hammam/cover@2x.jpg 2x" media="(min-width:768px)" >
  316.                            <img src="images/projects/hammam/cover.png" srcset="images/projects/hammam/cover@2x.png" alt="hammam project" >
  317.                          </picture>
  318.                        </div>
  319.                      </div>
  320.                    </div>
  321.  
  322.                  </div>
  323.                  <h3 class="project-card__heading">Hammam Tourism</h3>
  324.                  <h4 class="project-brief">Rebranding for a Riyadh-based travel agency</h4>
  325.                  <div class="tags mt-3">
  326.                    <div class="tag">rebranding, guidelines, strategy</div>
  327.                  </div>
  328.                </a>
  329.                </figure>
  330.  
  331.                <!-- Featured - 2 -->
  332.                <figure class="project-card">
  333.                  <a href="projects/mathaqul-tayyibat/" data-cursor-case data-animation="slide-up">
  334.                    <div class="project-card__img">
  335.  
  336.                      <div data-scroll data-scroll-speed="dynamicBackground">
  337.                        <div style="max-height: 1400px" class="overflow-md-hidden">
  338.                          <div data-scroll data-scroll-speed="-2">
  339.                            <picture>
  340.                              <source srcset="images/projects/mathaqul-tayyibat/cover.jpg, images/projects/mathaqul-tayyibat/cover@2x.jpg 2x" media="(min-width:768px)" >
  341.                              <img src="images/projects/mathaqul-tayyibat/cover.png" srcset="images/projects/mathaqul-tayyibat/cover@2x.png" alt="mathaqul-tayyibat project" >
  342.                            </picture>
  343.                          </div>
  344.                        </div>
  345.                      </div>
  346.                    <!--img class="project-card__gif" src="images/gif/projects.gif" alt="" /-->
  347.                    </div>
  348.                    <h3 class="project-card__heading">Mathaqul Tayyibat</h3>
  349.                    <h4 class="project-brief">Branding for a new fast-food restaurant in Riyadh</h4>
  350.                    <div class="tags mt-3">
  351.                      <div class="tag">branding, guidelines, strategy</div>
  352.                    </div>
  353.                  </a>
  354.                </figure>
  355.  
  356.                <!-- Featured - 3 -->
  357.                <figure class="project-card">
  358.                  <a href="projects/sicretta/" data-cursor-case data-animation="slide-up">
  359.                    <div class="project-card__img">
  360.  
  361.                      <div data-scroll data-scroll-speed="dynamicBackground">
  362.                        <div style="max-height: 1400px" class="overflow-md-hidden">
  363.                          <div data-scroll data-scroll-speed="-2">
  364.                            <picture>
  365.                              <source srcset="images/projects/sicretta/cover.jpg, images/projects/sicretta/cover@2x.jpg 2x" media="(min-width:768px)" >
  366.                              <img src="images/projects/sicretta/cover.png" srcset="images/projects/sicretta/cover@2x.png" alt="sicretta project" >
  367.                            </picture>
  368.                          </div>
  369.                        </div>
  370.                      </div>
  371.                      <!--img class="project-card__gif" src="images/gif/projects.gif" alt="" /-->
  372.                    </div>
  373.                    <h3 class="project-card__heading">Sicretta</h3>
  374.                    <h4 class="project-brief">Learn and improve your language skills fast</h4>
  375.                    <div class="tags mt-3">
  376.                      <div class="tag">branding, interface, mobile, website</div>
  377.                    </div>
  378.                  </a>
  379.                </figure>
  380.  
  381.                <!-- Featured - 4 -->
  382.                <figure class="project-card">
  383.                  <a href="projects/talabardh/" data-cursor-case data-animation="slide-up">
  384.                    <div class="project-card__img">
  385.                      <div data-scroll data-scroll-speed="dynamicBackground">
  386.                        <div style="max-height: 1400px" class="overflow-md-hidden">
  387.                          <div data-scroll data-scroll-speed="-1">
  388.                            <picture>
  389.                              <source
  390.                                srcset="images/projects/talabardh/cover.jpg, images/projects/talabardh/cover@2x.jpg 2x"
  391.                                media="(min-width:768px)"
  392.                              />
  393.                              <img
  394.                                src="images/projects/talabardh/cover.png"
  395.                                srcset="images/projects/talabardh/cover@2x.png"
  396.                                alt="talabardh project"
  397.                              />
  398.                            </picture>
  399.                          </div>
  400.                        </div>
  401.                      </div>
  402.                    </div>
  403.                    <h3 class="project-card__heading">Talabardh</h3>
  404.                    <h4 class="project-brief">Branding for a new promising Saudi app</h4>
  405.                    <div class="tags mt-3">
  406.                      <div class="tag">rebranding, guidelines, animation</div>
  407.                    </div>
  408.                  </a>
  409.                </figure>
  410.  
  411.              </div>
  412.            </div>
  413.  
  414.            <div class="project-cards-button text-center">
  415.              <a href="projects/" class="button-arrow button-arrow--sm" data-cursor-hide>View More Projects</a>
  416.            </div>
  417.          </div>
  418.        </section>
  419.        <!-- Projects section end -->
  420.  
  421.        <!-- About section -->
  422.        <section class="about-section" data-bg-dark>
  423.          <div class="container">
  424.            <h2 class="about-section__heading" data-animation="slide-up" data-animation-delay=".1">
  425.              CONNECTING THE DOTS
  426.            </h2>
  427.            <p class="about-section__description" data-animation="slide-down" data-animation-delay=".4">
  428.              We <span class="text-stroke">help businesses</span> and start-ups
  429.              <span class="text-stroke">stand out</span> from the crowd. Put simply, we connect the dots
  430.              <span class="text-stroke">by crafting unique</span> digital experiences and developing outstanding
  431.              <span class="text-stroke">digital products.</span>
  432.            </p>
  433.          </div>
  434.        </section>
  435.        <!-- About section end -->
  436.  
  437.        <!-- Expertise section -->
  438.        <section class="section">
  439.          <div class="container">
  440.            <h2 class="heading-secondary" data-animation="slide-up">Main Expertise</h2>
  441.            <p class="subheading" data-animation="slide-up" data-animation-delay=".2">
  442.              We help businesses stand out from the crowd
  443.            </p>
  444.  
  445.            <div class="expertise-blocks">
  446.              <div class="expertise-block" data-cursor-expertise data-expertise-img="identity">
  447.                <h3 class="expertise-block__heading" data-animation="slide-up">Visual Identity</h3>
  448.                <p class="expertise-block__description d-md-flex justify-content-end" data-animation="slide-up">
  449.                  We deliver visual solutions that can <br />
  450.                  build a long-lasting relationship.
  451.                </p>
  452.              </div>
  453.  
  454.              <div class="expertise-block" data-cursor-expertise data-expertise-img="design">
  455.                <h3 class="expertise-block__heading" data-animation="slide-up">Product Design</h3>
  456.                <p class="expertise-block__description d-md-flex justify-content-end" data-animation="slide-up">
  457.                  We pay attention to details and aim for <br />
  458.                  the ultimate user experience.
  459.                </p>
  460.              </div>
  461.  
  462.              <div class="expertise-block" data-cursor-expertise data-expertise-img="develop">
  463.                <h3 class="expertise-block__heading" data-animation="slide-up">Development</h3>
  464.                <p class="expertise-block__description d-md-flex justify-content-end" data-animation="slide-up">
  465.                  We develop modern websites and craft <br />
  466.                  outstanding mobile apps.
  467.                </p>
  468.              </div>
  469.            </div>
  470.          </div>
  471.        </section>
  472.        <!-- Expertise section end -->
  473.  
  474.        <section class="scroll-texts section pt-15 overflow-hidden">
  475.          <div data-scroll data-scroll-id="hor-text">
  476.            <h2 data-scroll data-scroll-direction="horizontal" data-scroll-speed="6" class="text-end">
  477.              We are a full-cycle agency.
  478.            </h2>
  479.            <h2 data-scroll data-scroll-direction="horizontal" class="text-stroke-dark" data-scroll-speed="-6">
  480.              We live and breathe design.
  481.            </h2>
  482.          </div>
  483.        </section>
  484.  
  485.        <!-- Design Concepts swiper -->
  486.        <section class="section pt-0 mt-15 mt-lg-15 mb-lg-30" style="overflow: hidden">
  487.          <div class="container">
  488.            <h2 class="heading-secondary">Recent Concepts</h2>
  489.            <!-- Slider main container -->
  490.            <div class="swiper-container designs-swiper">
  491.              <!-- Additional required wrapper -->
  492.              <div class="swiper-wrapper">
  493.                <!-- Slides -->
  494.  
  495.                <div class="swiper-slide">
  496.                  <a
  497.                    class="design-card"
  498.                    target="_blank"
  499.                    href="https://dribbble.com/shots/17551527-Polestar-App-Design-Dark-Theme"
  500.                  >
  501.                    <div class="design-card-hero">
  502.                      <img
  503.                        class="swiper-lazy"
  504.                        data-src="images/designs/polestar-dark.png"
  505.                        width="800"
  506.                        height="600"
  507.                        alt="tourists app"
  508.                      />
  509.                      <div class="swiper-lazy-preloader"></div>
  510.                    </div>
  511.  
  512.                    <h4 class="design-card__heading">
  513.                      <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
  514.                        <path
  515.                          fill-rule="evenodd"
  516.                          clip-rule="evenodd"
  517.                          d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12c6.612 0 12-5.375 12-12S18.612 0 12 0Zm7.926 5.531a10.202 10.202 0 0 1 2.317 6.378c-.338-.065-3.722-.755-7.132-.325-.079-.17-.144-.352-.222-.534-.212-.5-.438-.995-.676-1.484 3.774-1.536 5.492-3.748 5.713-4.035ZM12 1.771c2.603 0 4.985.975 6.794 2.576-.182.26-1.731 2.33-5.375 3.696-1.68-3.084-3.54-5.61-3.827-6 .79-.184 1.597-.276 2.408-.273v.001Zm-4.36.962c.273.365 2.095 2.903 3.8 5.922-4.79 1.276-9.02 1.25-9.475 1.25.664-3.176 2.812-5.818 5.675-7.172Zm-5.896 9.28v-.312c.443.013 5.414.078 10.53-1.458.299.573.572 1.158.832 1.744-.13.039-.273.078-.403.117-5.284 1.705-8.096 6.364-8.33 6.755a10.226 10.226 0 0 1-2.629-6.846ZM12 22.256a10.18 10.18 0 0 1-6.286-2.16c.182-.378 2.264-4.387 8.043-6.404.026-.013.04-.013.065-.026 1.445 3.735 2.03 6.872 2.187 7.77-1.237.534-2.59.82-4.009.82Zm5.714-1.757c-.104-.625-.651-3.618-1.992-7.302 3.215-.507 6.026.326 6.378.443-.443 2.85-2.083 5.31-4.386 6.859Z"
  518.                          fill="currentColor"
  519.                        />
  520.                      </svg>
  521.                      <span>Polestar Dark UI</span>
  522.                    </h4>
  523.                  </a>
  524.                </div>
  525.  
  526.                <div class="swiper-slide">
  527.                  <a
  528.                    class="design-card"
  529.                    target="_blank"
  530.                    href="https://dribbble.com/shots/17359664-Trainers-App-Design"
  531.                  >
  532.                    <div class="design-card-hero">
  533.                      <img
  534.                        class="swiper-lazy"
  535.                        data-src="images/designs/trainers_store.png"
  536.                        width="800"
  537.                        height="600"
  538.                        alt="tourists app"
  539.                      />
  540.                      <div class="swiper-lazy-preloader"></div>
  541.                    </div>
  542.  
  543.                    <h4 class="design-card__heading">
  544.                      <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
  545.                        <path
  546.                          fill-rule="evenodd"
  547.                          clip-rule="evenodd"
  548.                          d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12c6.612 0 12-5.375 12-12S18.612 0 12 0Zm7.926 5.531a10.202 10.202 0 0 1 2.317 6.378c-.338-.065-3.722-.755-7.132-.325-.079-.17-.144-.352-.222-.534-.212-.5-.438-.995-.676-1.484 3.774-1.536 5.492-3.748 5.713-4.035ZM12 1.771c2.603 0 4.985.975 6.794 2.576-.182.26-1.731 2.33-5.375 3.696-1.68-3.084-3.54-5.61-3.827-6 .79-.184 1.597-.276 2.408-.273v.001Zm-4.36.962c.273.365 2.095 2.903 3.8 5.922-4.79 1.276-9.02 1.25-9.475 1.25.664-3.176 2.812-5.818 5.675-7.172Zm-5.896 9.28v-.312c.443.013 5.414.078 10.53-1.458.299.573.572 1.158.832 1.744-.13.039-.273.078-.403.117-5.284 1.705-8.096 6.364-8.33 6.755a10.226 10.226 0 0 1-2.629-6.846ZM12 22.256a10.18 10.18 0 0 1-6.286-2.16c.182-.378 2.264-4.387 8.043-6.404.026-.013.04-.013.065-.026 1.445 3.735 2.03 6.872 2.187 7.77-1.237.534-2.59.82-4.009.82Zm5.714-1.757c-.104-.625-.651-3.618-1.992-7.302 3.215-.507 6.026.326 6.378.443-.443 2.85-2.083 5.31-4.386 6.859Z"
  549.                          fill="currentColor"
  550.                        />
  551.                      </svg>
  552.                      <span>Trainers Store</span>
  553.                    </h4>
  554.                  </a>
  555.                </div>
  556.  
  557.                <div class="swiper-slide">
  558.                  <a
  559.                    class="design-card"
  560.                    target="_blank"
  561.                    href="https://dribbble.com/shots/15476494-Travel-App-for-Tourists"
  562.                  >
  563.                    <div class="design-card-hero">
  564.                      <img
  565.                        class="swiper-lazy"
  566.                        data-src="images/designs/tourists-app.png"
  567.                        width="800"
  568.                        height="600"
  569.                        alt="tourists app"
  570.                      />
  571.                      <div class="swiper-lazy-preloader"></div>
  572.                    </div>
  573.  
  574.                    <h4 class="design-card__heading">
  575.                      <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
  576.                        <path
  577.                          fill-rule="evenodd"
  578.                          clip-rule="evenodd"
  579.                          d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12c6.612 0 12-5.375 12-12S18.612 0 12 0Zm7.926 5.531a10.202 10.202 0 0 1 2.317 6.378c-.338-.065-3.722-.755-7.132-.325-.079-.17-.144-.352-.222-.534-.212-.5-.438-.995-.676-1.484 3.774-1.536 5.492-3.748 5.713-4.035ZM12 1.771c2.603 0 4.985.975 6.794 2.576-.182.26-1.731 2.33-5.375 3.696-1.68-3.084-3.54-5.61-3.827-6 .79-.184 1.597-.276 2.408-.273v.001Zm-4.36.962c.273.365 2.095 2.903 3.8 5.922-4.79 1.276-9.02 1.25-9.475 1.25.664-3.176 2.812-5.818 5.675-7.172Zm-5.896 9.28v-.312c.443.013 5.414.078 10.53-1.458.299.573.572 1.158.832 1.744-.13.039-.273.078-.403.117-5.284 1.705-8.096 6.364-8.33 6.755a10.226 10.226 0 0 1-2.629-6.846ZM12 22.256a10.18 10.18 0 0 1-6.286-2.16c.182-.378 2.264-4.387 8.043-6.404.026-.013.04-.013.065-.026 1.445 3.735 2.03 6.872 2.187 7.77-1.237.534-2.59.82-4.009.82Zm5.714-1.757c-.104-.625-.651-3.618-1.992-7.302 3.215-.507 6.026.326 6.378.443-.443 2.85-2.083 5.31-4.386 6.859Z"
  580.                          fill="currentColor"
  581.                        />
  582.                      </svg>
  583.                      <span>Saudi Tourism ✈</span>
  584.                    </h4>
  585.                  </a>
  586.                </div>
  587.  
  588.                <div class="swiper-slide">
  589.                  <a class="design-card" target="_blank" href="https://dribbble.com/shots/15503476-Polestar-App-Design">
  590.                    <div class="design-card-hero">
  591.                      <img
  592.                        class="swiper-lazy"
  593.                        data-src="images/designs/polestar.png"
  594.                        width="800"
  595.                        height="600"
  596.                        alt="polestar app"
  597.                      />
  598.                      <div class="swiper-lazy-preloader"></div>
  599.                    </div>
  600.  
  601.                    <h4 class="design-card__heading">
  602.                      <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
  603.                        <path
  604.                          fill-rule="evenodd"
  605.                          clip-rule="evenodd"
  606.                          d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12c6.612 0 12-5.375 12-12S18.612 0 12 0Zm7.926 5.531a10.202 10.202 0 0 1 2.317 6.378c-.338-.065-3.722-.755-7.132-.325-.079-.17-.144-.352-.222-.534-.212-.5-.438-.995-.676-1.484 3.774-1.536 5.492-3.748 5.713-4.035ZM12 1.771c2.603 0 4.985.975 6.794 2.576-.182.26-1.731 2.33-5.375 3.696-1.68-3.084-3.54-5.61-3.827-6 .79-.184 1.597-.276 2.408-.273v.001Zm-4.36.962c.273.365 2.095 2.903 3.8 5.922-4.79 1.276-9.02 1.25-9.475 1.25.664-3.176 2.812-5.818 5.675-7.172Zm-5.896 9.28v-.312c.443.013 5.414.078 10.53-1.458.299.573.572 1.158.832 1.744-.13.039-.273.078-.403.117-5.284 1.705-8.096 6.364-8.33 6.755a10.226 10.226 0 0 1-2.629-6.846ZM12 22.256a10.18 10.18 0 0 1-6.286-2.16c.182-.378 2.264-4.387 8.043-6.404.026-.013.04-.013.065-.026 1.445 3.735 2.03 6.872 2.187 7.77-1.237.534-2.59.82-4.009.82Zm5.714-1.757c-.104-.625-.651-3.618-1.992-7.302 3.215-.507 6.026.326 6.378.443-.443 2.85-2.083 5.31-4.386 6.859Z"
  607.                          fill="currentColor"
  608.                        />
  609.                      </svg>
  610.                      <span>Polestar Cars</span>
  611.                    </h4>
  612.                  </a>
  613.                </div>
  614.  
  615.                <div class="swiper-slide">
  616.                  <a class="design-card" target="_blank" href="https://dribbble.com/shots/16338024-Drone-Store-App">
  617.                    <div class="design-card-hero">
  618.                      <img
  619.                        class="swiper-lazy"
  620.                        data-src="images/designs/drone-store.png"
  621.                        width="800"
  622.                        height="600"
  623.                        alt="drone store app"
  624.                      />
  625.                      <div class="swiper-lazy-preloader"></div>
  626.                    </div>
  627.  
  628.                    <h4 class="design-card__heading">
  629.                      <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
  630.                        <path
  631.                          fill-rule="evenodd"
  632.                          clip-rule="evenodd"
  633.                          d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12c6.612 0 12-5.375 12-12S18.612 0 12 0Zm7.926 5.531a10.202 10.202 0 0 1 2.317 6.378c-.338-.065-3.722-.755-7.132-.325-.079-.17-.144-.352-.222-.534-.212-.5-.438-.995-.676-1.484 3.774-1.536 5.492-3.748 5.713-4.035ZM12 1.771c2.603 0 4.985.975 6.794 2.576-.182.26-1.731 2.33-5.375 3.696-1.68-3.084-3.54-5.61-3.827-6 .79-.184 1.597-.276 2.408-.273v.001Zm-4.36.962c.273.365 2.095 2.903 3.8 5.922-4.79 1.276-9.02 1.25-9.475 1.25.664-3.176 2.812-5.818 5.675-7.172Zm-5.896 9.28v-.312c.443.013 5.414.078 10.53-1.458.299.573.572 1.158.832 1.744-.13.039-.273.078-.403.117-5.284 1.705-8.096 6.364-8.33 6.755a10.226 10.226 0 0 1-2.629-6.846ZM12 22.256a10.18 10.18 0 0 1-6.286-2.16c.182-.378 2.264-4.387 8.043-6.404.026-.013.04-.013.065-.026 1.445 3.735 2.03 6.872 2.187 7.77-1.237.534-2.59.82-4.009.82Zm5.714-1.757c-.104-.625-.651-3.618-1.992-7.302 3.215-.507 6.026.326 6.378.443-.443 2.85-2.083 5.31-4.386 6.859Z"
  634.                          fill="currentColor"
  635.                        />
  636.                      </svg>
  637.                      <span>Drone Store</span>
  638.                    </h4>
  639.                  </a>
  640.                </div>
  641.  
  642.                <div class="swiper-slide">
  643.                  <a
  644.                    class="design-card"
  645.                    target="_blank"
  646.                    href="https://dribbble.com/shots/16199592-Plant-Care-Assistant"
  647.                  >
  648.                    <div class="design-card-hero">
  649.                      <img
  650.                        class="swiper-lazy"
  651.                        data-src="images/designs/plant-care-assistant.png"
  652.                        width="800"
  653.                        height="600"
  654.                        alt="plant care app"
  655.                      />
  656.                      <div class="swiper-lazy-preloader"></div>
  657.                    </div>
  658.  
  659.                    <h4 class="design-card__heading">
  660.                      <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
  661.                        <path
  662.                          fill-rule="evenodd"
  663.                          clip-rule="evenodd"
  664.                          d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12c6.612 0 12-5.375 12-12S18.612 0 12 0Zm7.926 5.531a10.202 10.202 0 0 1 2.317 6.378c-.338-.065-3.722-.755-7.132-.325-.079-.17-.144-.352-.222-.534-.212-.5-.438-.995-.676-1.484 3.774-1.536 5.492-3.748 5.713-4.035ZM12 1.771c2.603 0 4.985.975 6.794 2.576-.182.26-1.731 2.33-5.375 3.696-1.68-3.084-3.54-5.61-3.827-6 .79-.184 1.597-.276 2.408-.273v.001Zm-4.36.962c.273.365 2.095 2.903 3.8 5.922-4.79 1.276-9.02 1.25-9.475 1.25.664-3.176 2.812-5.818 5.675-7.172Zm-5.896 9.28v-.312c.443.013 5.414.078 10.53-1.458.299.573.572 1.158.832 1.744-.13.039-.273.078-.403.117-5.284 1.705-8.096 6.364-8.33 6.755a10.226 10.226 0 0 1-2.629-6.846ZM12 22.256a10.18 10.18 0 0 1-6.286-2.16c.182-.378 2.264-4.387 8.043-6.404.026-.013.04-.013.065-.026 1.445 3.735 2.03 6.872 2.187 7.77-1.237.534-2.59.82-4.009.82Zm5.714-1.757c-.104-.625-.651-3.618-1.992-7.302 3.215-.507 6.026.326 6.378.443-.443 2.85-2.083 5.31-4.386 6.859Z"
  665.                          fill="currentColor"
  666.                        />
  667.                      </svg>
  668.                      <span>Plant Care Assistant</span>
  669.                    </h4>
  670.                  </a>
  671.                </div>
  672.  
  673.                <div class="swiper-slide">
  674.                  <a
  675.                    class="design-card"
  676.                    target="_blank"
  677.                    href="https://dribbble.com/shots/15963737-Smart-Home-App-Dark-Mode-Smart-Assistant-Voice-Assistant"
  678.                  >
  679.                    <div class="design-card-hero">
  680.                      <img
  681.                        class="swiper-lazy"
  682.                        data-src="images/designs/smart-home.png"
  683.                        width="800"
  684.                        height="600"
  685.                        alt="smart home app"
  686.                      />
  687.                      <div class="swiper-lazy-preloader"></div>
  688.                    </div>
  689.  
  690.                    <h4 class="design-card__heading">
  691.                      <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
  692.                        <path
  693.                          fill-rule="evenodd"
  694.                          clip-rule="evenodd"
  695.                          d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12c6.612 0 12-5.375 12-12S18.612 0 12 0Zm7.926 5.531a10.202 10.202 0 0 1 2.317 6.378c-.338-.065-3.722-.755-7.132-.325-.079-.17-.144-.352-.222-.534-.212-.5-.438-.995-.676-1.484 3.774-1.536 5.492-3.748 5.713-4.035ZM12 1.771c2.603 0 4.985.975 6.794 2.576-.182.26-1.731 2.33-5.375 3.696-1.68-3.084-3.54-5.61-3.827-6 .79-.184 1.597-.276 2.408-.273v.001Zm-4.36.962c.273.365 2.095 2.903 3.8 5.922-4.79 1.276-9.02 1.25-9.475 1.25.664-3.176 2.812-5.818 5.675-7.172Zm-5.896 9.28v-.312c.443.013 5.414.078 10.53-1.458.299.573.572 1.158.832 1.744-.13.039-.273.078-.403.117-5.284 1.705-8.096 6.364-8.33 6.755a10.226 10.226 0 0 1-2.629-6.846ZM12 22.256a10.18 10.18 0 0 1-6.286-2.16c.182-.378 2.264-4.387 8.043-6.404.026-.013.04-.013.065-.026 1.445 3.735 2.03 6.872 2.187 7.77-1.237.534-2.59.82-4.009.82Zm5.714-1.757c-.104-.625-.651-3.618-1.992-7.302 3.215-.507 6.026.326 6.378.443-.443 2.85-2.083 5.31-4.386 6.859Z"
  696.                          fill="currentColor"
  697.                        />
  698.                      </svg>
  699.                      <span>Smart Home</span>
  700.                    </h4>
  701.                  </a>
  702.                </div>
  703.  
  704.                <div class="swiper-slide">
  705.                  <a class="design-card" target="_blank" href="https://dribbble.com/shots/15358088-Mobile-Banking">
  706.                    <div class="design-card-hero">
  707.                      <img
  708.                        class="swiper-lazy"
  709.                        data-src="images/designs/finance.png"
  710.                        width="800"
  711.                        height="600"
  712.                        alt="mobile banking app"
  713.                      />
  714.                      <div class="swiper-lazy-preloader"></div>
  715.                    </div>
  716.  
  717.                    <h4 class="design-card__heading">
  718.                      <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
  719.                        <path
  720.                          fill-rule="evenodd"
  721.                          clip-rule="evenodd"
  722.                          d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12c6.612 0 12-5.375 12-12S18.612 0 12 0Zm7.926 5.531a10.202 10.202 0 0 1 2.317 6.378c-.338-.065-3.722-.755-7.132-.325-.079-.17-.144-.352-.222-.534-.212-.5-.438-.995-.676-1.484 3.774-1.536 5.492-3.748 5.713-4.035ZM12 1.771c2.603 0 4.985.975 6.794 2.576-.182.26-1.731 2.33-5.375 3.696-1.68-3.084-3.54-5.61-3.827-6 .79-.184 1.597-.276 2.408-.273v.001Zm-4.36.962c.273.365 2.095 2.903 3.8 5.922-4.79 1.276-9.02 1.25-9.475 1.25.664-3.176 2.812-5.818 5.675-7.172Zm-5.896 9.28v-.312c.443.013 5.414.078 10.53-1.458.299.573.572 1.158.832 1.744-.13.039-.273.078-.403.117-5.284 1.705-8.096 6.364-8.33 6.755a10.226 10.226 0 0 1-2.629-6.846ZM12 22.256a10.18 10.18 0 0 1-6.286-2.16c.182-.378 2.264-4.387 8.043-6.404.026-.013.04-.013.065-.026 1.445 3.735 2.03 6.872 2.187 7.77-1.237.534-2.59.82-4.009.82Zm5.714-1.757c-.104-.625-.651-3.618-1.992-7.302 3.215-.507 6.026.326 6.378.443-.443 2.85-2.083 5.31-4.386 6.859Z"
  723.                          fill="currentColor"
  724.                        />
  725.                      </svg>
  726.                      <span>Mobile Banking</span>
  727.                    </h4>
  728.                  </a>
  729.                </div>
  730.  
  731.                <div class="swiper-slide">
  732.                  <a
  733.                    class="design-card"
  734.                    target="_blank"
  735.                    href="https://dribbble.com/shots/15794406-e-wallet-App-UI-Design"
  736.                  >
  737.                    <div class="design-card-hero">
  738.                      <img
  739.                        class="swiper-lazy"
  740.                        data-src="images/designs/e-wallet.png"
  741.                        width="800"
  742.                        height="600"
  743.                        alt="e-wallet"
  744.                      />
  745.                      <div class="swiper-lazy-preloader"></div>
  746.                    </div>
  747.  
  748.                    <h4 class="design-card__heading">
  749.                      <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
  750.                        <path
  751.                          fill-rule="evenodd"
  752.                          clip-rule="evenodd"
  753.                          d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12c6.612 0 12-5.375 12-12S18.612 0 12 0Zm7.926 5.531a10.202 10.202 0 0 1 2.317 6.378c-.338-.065-3.722-.755-7.132-.325-.079-.17-.144-.352-.222-.534-.212-.5-.438-.995-.676-1.484 3.774-1.536 5.492-3.748 5.713-4.035ZM12 1.771c2.603 0 4.985.975 6.794 2.576-.182.26-1.731 2.33-5.375 3.696-1.68-3.084-3.54-5.61-3.827-6 .79-.184 1.597-.276 2.408-.273v.001Zm-4.36.962c.273.365 2.095 2.903 3.8 5.922-4.79 1.276-9.02 1.25-9.475 1.25.664-3.176 2.812-5.818 5.675-7.172Zm-5.896 9.28v-.312c.443.013 5.414.078 10.53-1.458.299.573.572 1.158.832 1.744-.13.039-.273.078-.403.117-5.284 1.705-8.096 6.364-8.33 6.755a10.226 10.226 0 0 1-2.629-6.846ZM12 22.256a10.18 10.18 0 0 1-6.286-2.16c.182-.378 2.264-4.387 8.043-6.404.026-.013.04-.013.065-.026 1.445 3.735 2.03 6.872 2.187 7.77-1.237.534-2.59.82-4.009.82Zm5.714-1.757c-.104-.625-.651-3.618-1.992-7.302 3.215-.507 6.026.326 6.378.443-.443 2.85-2.083 5.31-4.386 6.859Z"
  754.                          fill="currentColor"
  755.                        />
  756.                      </svg>
  757.                      <span>Digital Wallet</span>
  758.                    </h4>
  759.                  </a>
  760.                </div>
  761.  
  762.                <div class="swiper-slide">
  763.                  <a
  764.                    class="design-card"
  765.                    target="_blank"
  766.                    href="https://dribbble.com/shots/15949108-Smart-Shopping-Assistant"
  767.                  >
  768.                    <div class="design-card-hero">
  769.                      <img
  770.                        class="swiper-lazy"
  771.                        data-src="images/designs/smart-shopping.png"
  772.                        width="800"
  773.                        height="600"
  774.                        alt="smart shopping app"
  775.                      />
  776.                      <div class="swiper-lazy-preloader"></div>
  777.                    </div>
  778.  
  779.                    <h4 class="design-card__heading">
  780.                      <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
  781.                        <path
  782.                          fill-rule="evenodd"
  783.                          clip-rule="evenodd"
  784.                          d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12c6.612 0 12-5.375 12-12S18.612 0 12 0Zm7.926 5.531a10.202 10.202 0 0 1 2.317 6.378c-.338-.065-3.722-.755-7.132-.325-.079-.17-.144-.352-.222-.534-.212-.5-.438-.995-.676-1.484 3.774-1.536 5.492-3.748 5.713-4.035ZM12 1.771c2.603 0 4.985.975 6.794 2.576-.182.26-1.731 2.33-5.375 3.696-1.68-3.084-3.54-5.61-3.827-6 .79-.184 1.597-.276 2.408-.273v.001Zm-4.36.962c.273.365 2.095 2.903 3.8 5.922-4.79 1.276-9.02 1.25-9.475 1.25.664-3.176 2.812-5.818 5.675-7.172Zm-5.896 9.28v-.312c.443.013 5.414.078 10.53-1.458.299.573.572 1.158.832 1.744-.13.039-.273.078-.403.117-5.284 1.705-8.096 6.364-8.33 6.755a10.226 10.226 0 0 1-2.629-6.846ZM12 22.256a10.18 10.18 0 0 1-6.286-2.16c.182-.378 2.264-4.387 8.043-6.404.026-.013.04-.013.065-.026 1.445 3.735 2.03 6.872 2.187 7.77-1.237.534-2.59.82-4.009.82Zm5.714-1.757c-.104-.625-.651-3.618-1.992-7.302 3.215-.507 6.026.326 6.378.443-.443 2.85-2.083 5.31-4.386 6.859Z"
  785.                          fill="currentColor"
  786.                        />
  787.                      </svg>
  788.                      <span>Smart Shopping</span>
  789.                    </h4>
  790.                  </a>
  791.                </div>
  792.  
  793.                <div class="swiper-slide">
  794.                  <a
  795.                    class="design-card"
  796.                    target="_blank"
  797.                    href="https://dribbble.com/shots/15764322-Tesla-Mobile-App-Design"
  798.                  >
  799.                    <div class="design-card-hero">
  800.                      <img
  801.                        class="swiper-lazy"
  802.                        data-src="images/designs/tesla.png"
  803.                        width="800"
  804.                        height="600"
  805.                        alt="tesla app"
  806.                      />
  807.                      <div class="swiper-lazy-preloader"></div>
  808.                    </div>
  809.  
  810.                    <h4 class="design-card__heading">
  811.                      <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
  812.                        <path
  813.                          fill-rule="evenodd"
  814.                          clip-rule="evenodd"
  815.                          d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12c6.612 0 12-5.375 12-12S18.612 0 12 0Zm7.926 5.531a10.202 10.202 0 0 1 2.317 6.378c-.338-.065-3.722-.755-7.132-.325-.079-.17-.144-.352-.222-.534-.212-.5-.438-.995-.676-1.484 3.774-1.536 5.492-3.748 5.713-4.035ZM12 1.771c2.603 0 4.985.975 6.794 2.576-.182.26-1.731 2.33-5.375 3.696-1.68-3.084-3.54-5.61-3.827-6 .79-.184 1.597-.276 2.408-.273v.001Zm-4.36.962c.273.365 2.095 2.903 3.8 5.922-4.79 1.276-9.02 1.25-9.475 1.25.664-3.176 2.812-5.818 5.675-7.172Zm-5.896 9.28v-.312c.443.013 5.414.078 10.53-1.458.299.573.572 1.158.832 1.744-.13.039-.273.078-.403.117-5.284 1.705-8.096 6.364-8.33 6.755a10.226 10.226 0 0 1-2.629-6.846ZM12 22.256a10.18 10.18 0 0 1-6.286-2.16c.182-.378 2.264-4.387 8.043-6.404.026-.013.04-.013.065-.026 1.445 3.735 2.03 6.872 2.187 7.77-1.237.534-2.59.82-4.009.82Zm5.714-1.757c-.104-.625-.651-3.618-1.992-7.302 3.215-.507 6.026.326 6.378.443-.443 2.85-2.083 5.31-4.386 6.859Z"
  816.                          fill="currentColor"
  817.                        />
  818.                      </svg>
  819.                      <span>Tesla Cars</span>
  820.                    </h4>
  821.                  </a>
  822.                </div>
  823.  
  824.                <div class="swiper-slide">
  825.                  <a
  826.                    class="design-card"
  827.                    target="_blank"
  828.                    href="https://dribbble.com/shots/15822616-Home-Rental-App-UI-Design"
  829.                  >
  830.                    <div class="design-card-hero">
  831.                      <img
  832.                        class="swiper-lazy"
  833.                        data-src="images/designs/home-rental.png"
  834.                        width="800"
  835.                        height="600"
  836.                        alt="home rental app"
  837.                      />
  838.                      <div class="swiper-lazy-preloader"></div>
  839.                    </div>
  840.  
  841.                    <h4 class="design-card__heading">
  842.                      <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
  843.                        <path
  844.                          fill-rule="evenodd"
  845.                          clip-rule="evenodd"
  846.                          d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12c6.612 0 12-5.375 12-12S18.612 0 12 0Zm7.926 5.531a10.202 10.202 0 0 1 2.317 6.378c-.338-.065-3.722-.755-7.132-.325-.079-.17-.144-.352-.222-.534-.212-.5-.438-.995-.676-1.484 3.774-1.536 5.492-3.748 5.713-4.035ZM12 1.771c2.603 0 4.985.975 6.794 2.576-.182.26-1.731 2.33-5.375 3.696-1.68-3.084-3.54-5.61-3.827-6 .79-.184 1.597-.276 2.408-.273v.001Zm-4.36.962c.273.365 2.095 2.903 3.8 5.922-4.79 1.276-9.02 1.25-9.475 1.25.664-3.176 2.812-5.818 5.675-7.172Zm-5.896 9.28v-.312c.443.013 5.414.078 10.53-1.458.299.573.572 1.158.832 1.744-.13.039-.273.078-.403.117-5.284 1.705-8.096 6.364-8.33 6.755a10.226 10.226 0 0 1-2.629-6.846ZM12 22.256a10.18 10.18 0 0 1-6.286-2.16c.182-.378 2.264-4.387 8.043-6.404.026-.013.04-.013.065-.026 1.445 3.735 2.03 6.872 2.187 7.77-1.237.534-2.59.82-4.009.82Zm5.714-1.757c-.104-.625-.651-3.618-1.992-7.302 3.215-.507 6.026.326 6.378.443-.443 2.85-2.083 5.31-4.386 6.859Z"
  847.                          fill="currentColor"
  848.                        />
  849.                      </svg>
  850.                      <span>Home Rental</span>
  851.                    </h4>
  852.                  </a>
  853.                </div>
  854.  
  855.                <div class="swiper-slide">
  856.                  <a class="design-card" target="_blank" href="https://dribbble.com/shots/15928354-Food-Delivery-App">
  857.                    <div class="design-card-hero">
  858.                      <img
  859.                        class="swiper-lazy"
  860.                        data-src="images/designs/food-delivery.png"
  861.                        width="800"
  862.                        height="600"
  863.                        alt="food delivery app"
  864.                      />
  865.                      <div class="swiper-lazy-preloader"></div>
  866.                    </div>
  867.  
  868.                    <h4 class="design-card__heading">
  869.                      <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
  870.                        <path
  871.                          fill-rule="evenodd"
  872.                          clip-rule="evenodd"
  873.                          d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12c6.612 0 12-5.375 12-12S18.612 0 12 0Zm7.926 5.531a10.202 10.202 0 0 1 2.317 6.378c-.338-.065-3.722-.755-7.132-.325-.079-.17-.144-.352-.222-.534-.212-.5-.438-.995-.676-1.484 3.774-1.536 5.492-3.748 5.713-4.035ZM12 1.771c2.603 0 4.985.975 6.794 2.576-.182.26-1.731 2.33-5.375 3.696-1.68-3.084-3.54-5.61-3.827-6 .79-.184 1.597-.276 2.408-.273v.001Zm-4.36.962c.273.365 2.095 2.903 3.8 5.922-4.79 1.276-9.02 1.25-9.475 1.25.664-3.176 2.812-5.818 5.675-7.172Zm-5.896 9.28v-.312c.443.013 5.414.078 10.53-1.458.299.573.572 1.158.832 1.744-.13.039-.273.078-.403.117-5.284 1.705-8.096 6.364-8.33 6.755a10.226 10.226 0 0 1-2.629-6.846ZM12 22.256a10.18 10.18 0 0 1-6.286-2.16c.182-.378 2.264-4.387 8.043-6.404.026-.013.04-.013.065-.026 1.445 3.735 2.03 6.872 2.187 7.77-1.237.534-2.59.82-4.009.82Zm5.714-1.757c-.104-.625-.651-3.618-1.992-7.302 3.215-.507 6.026.326 6.378.443-.443 2.85-2.083 5.31-4.386 6.859Z"
  874.                          fill="currentColor"
  875.                        />
  876.                      </svg>
  877.                      <span>Food Delivery</span>
  878.                    </h4>
  879.                  </a>
  880.                </div>
  881.  
  882.              </div>
  883.            </div>
  884.          </div>
  885.        </section>
  886.        <!-- Design Concepts swiper end -->      
  887.        
  888.        <!-- Products Start -->
  889.        <section class="section pt-0 mt-15 mt-lg-10 mb-lg-20 overflow-hidden">
  890.          <div class="container">
  891.            <h2 class="heading-secondary mb-8 mb-lg-25">Products</h2>
  892.            <div class="row gy-15">
  893.  
  894.              <div class="col-md-6 col-lg-4">
  895.                <a class="post-card" href="https://www.figma.com/community/plugin/954021564250730610/Dynamic-Data" target="_blank" >
  896.                  <div class="post-card__hero">
  897.                    <img class="w-100" src="images/post1.png" width="1200" height="675" alt="" />
  898.                  </div>
  899.                  <p class="post-info mt-6">PLUGIN</p>
  900.                  <div>
  901.                    <h3 class="post-card__heading">Dynamic Data allows you to save time through automation</h3>
  902.                  </div>
  903.                  <div class="post-card-icons mt-3">
  904.                    <img src="images/svg/figma.svg" width="36" height="36" alt="" />
  905.                  </div>
  906.                </a>
  907.              </div>
  908.  
  909.              <div class="col-md-6 col-lg-4">
  910.                <a class="post-card" href="https://eberawi.gumroad.com/l/bird-logo" target="_blank" >
  911.                  <div class="post-card__hero">
  912.                    <img class="w-100" src="images/post2.png" width="1200" height="675" alt="" />
  913.                  </div>
  914.                  <p class="post-info mt-6">FOR SALE</p>
  915.                  <div>
  916.                    <h3 class="post-card__heading">Editable stunning  and eye-catching logo for multipurpose use</h3>
  917.                  </div>
  918.                  <div class="post-card-icons mt-3">
  919.                    <img src="images/svg/ai.svg" width="36" height="36" alt="" />
  920.                    <img src="images/svg/pdf.svg" width="36" height="36" alt="" />
  921.                  </div>
  922.                </a>
  923.              </div>
  924.  
  925.              <div class="col-md-6 col-lg-4">
  926.                <a class="post-card" href="https://www.figma.com/community/file/1076203444886424099/Luxurious-Car-Rental-UI" target="_blank" >
  927.                  <div class="post-card__hero">
  928.                    <img class="w-100" src="images/post3.png" width="1200" height="675" alt="" />
  929.                  </div>
  930.                  <p class="post-info mt-6">FREEBIE</p>
  931.                  <div>
  932.                    <h3 class="post-card__heading">A minimal design concept for a premium car rental service</h3>
  933.                  </div>
  934.                  <div class="post-card-icons mt-3">
  935.                    <img src="images/svg/figma.svg" width="36" height="36" alt="" />
  936.                  </div>
  937.                </a>
  938.              </div>
  939.  
  940.            </div>
  941.          </div>
  942.        </section>
  943.        <!-- End -->
  944.      </main>
  945.  
  946.      <!-- Posts swiper >
  947.      <section class="pb-25 pb-lg-50 overflow-hidden">
  948.        <div class="container">
  949.          <h2 class="heading-secondary mb-16">Knowledge Hub</h2>
  950.  
  951.          <div class="row gy-15">
  952.            <div class="col-md-6 col-lg-4">
  953.              <a href="#" class="post-card">
  954.                <div class="post-card__hero">
  955.                  <img class="w-100" src="images/post1.png" alt="" />
  956.                </div>
  957.                <div class="mt-6">
  958.                  <h3 class="post-card__heading">Fluid Card Concepts in the design of Mobiles</h3>
  959.                </div>
  960.  
  961.                <div class="post-card-author mt-2">
  962.                  <p class="post-card-date">May 3, 2021 &bull; 6 min read</p>
  963.                </div>
  964.              </a>
  965.            </div>
  966.  
  967.            <div class="col-md-6 col-lg-4">
  968.              <a href="#" class="post-card">
  969.                <div class="post-card__hero">
  970.                  <img class="w-100" src="images/post2.png" alt="" />
  971.                </div>
  972.                <div class="mt-6">
  973.                  <h3 class="post-card__heading">Fluid Card Concepts in the design of Mobiles</h3>
  974.                </div>
  975.  
  976.                <div class="post-card-author mt-2">
  977.                  <p class="post-card-date">May 3, 2021 &bull; 6 min read</p>
  978.                </div>
  979.              </a>
  980.            </div>
  981.  
  982.            <div class="col-md-6 col-lg-4">
  983.              <a href="#" class="post-card">
  984.                <div class="post-card__hero">
  985.                  <img class="w-100" src="images/post3.png" alt="" />
  986.                </div>
  987.                <div class="mt-6">
  988.                  <h3 class="post-card__heading">Fluid Card Concepts in the design of Mobiles</h3>
  989.                </div>
  990.  
  991.                <div class="post-card-author mt-2">
  992.                  <p class="post-card-date">May 3, 2021 &bull; 6 min read</p>
  993.                </div>
  994.              </a>
  995.            </div>
  996.          </div>
  997.  
  998.          <div class="text-center mt-20 mt-lg-30">
  999.            <a href="blog/" class="button-arrow button-arrow--sm" data-cursor-hide>View More Posts</a>
  1000.          </div>
  1001.        </div>
  1002.      </section>
  1003.      <!-- Posts swiper end -->
  1004.  
  1005.  
  1006.  
  1007.      <!-- Footer  -->
  1008.      <footer class="footer" data-scroll data-scroll-id="footer">
  1009.        <div class="container">
  1010.          <h2 class="footer__heading text-center text-lg-start" data-animation="slide-up">LET’S CONNECT</h2>
  1011.          <div class="marquee-container">
  1012.            <a href="contact/">Contact us Contact us Contact us Contact us Contact us</a>
  1013.          </div>
  1014.  
  1015.          <div class="d-md-flex justify-content-between text-center text-md-start">
  1016.            <a href="/" data-cursor-hide data-animation="slide-up">
  1017.              <img class="d-none d-md-block" src="images/svg/logo-full.svg" width="300" height="86" alt="eBerawi" />
  1018.              <img
  1019.                class="d-md-none logomark-margin"
  1020.                src="images/svg/logomark.svg"
  1021.                width="67"
  1022.                height="102"
  1023.                alt="eBerawi"
  1024.              />
  1025.            </a>
  1026.  
  1027.            <div class="mt-18 mt-md-0 me-lg-18" data-cursor-hide data-animation="slide-up" data-animation-delay=".2">
  1028.              <a class="text-xl fw-600 text-underline letter-md d-inline-block text-white" target="_blank" href="https://wa.me/message/W3PPIOGFLWD6G1">
  1029.                Let's Chat
  1030.              </a>
  1031.              <br />
  1032.              <a
  1033.                class="text-xl fw-600 text-underline letter-md mt-3 text-white d-md-inline-block"
  1034.                href="mailto:info@eberawi.uk"
  1035.              >
  1036.                info@eberawi.uk
  1037.              </a>
  1038.            </div>
  1039.          </div>
  1040.  
  1041.          <div class="footer-copy-wrapper" data-animation="slide-up">
  1042.            <div class="footer__copy d-lg-flex justify-content-between align-items-center">
  1043.              <p class="footer__copy-text">
  1044.                <span class="fw-300">UK based digital agency ©</span>
  1045.                <span id="year"></span>
  1046.                eBerawi Ltd
  1047.              </p>
  1048.  
  1049.              <div class="mt-8 mt-lg-0">
  1050.                <ul class="social">
  1051.                  <li class="social__item">
  1052.                    <a
  1053.                      target="_blank"
  1054.                      href="https://www.facebook.com/eberawiuk/"
  1055.                      class="social__link"
  1056.                      data-cursor-link-sm
  1057.                    >
  1058.                      <img src="images/svg/icon-facebook.svg" width="24" height="24" alt="Facebook" />
  1059.                    </a>
  1060.                  </li>
  1061.  
  1062.                  <li class="social__item">
  1063.                    <a target="_blank" href="https://instagram.com/eberawiuk/" class="social__link" data-cursor-link-sm>
  1064.                      <img src="images/svg/icon-instagram.svg" width="24" height="24" alt="Instagram" />
  1065.                    </a>
  1066.                  </li>
  1067.  
  1068.                  <li class="social__item">
  1069.                    <a target="_blank" href="https://twitter.com/eberawiuk" class="social__link" data-cursor-link-sm>
  1070.                      <img src="images/svg/icon-twitter.svg" width="24" height="24" alt="Twitter" />
  1071.                    </a>
  1072.                  </li>
  1073.  
  1074.                  <li class="social__item">
  1075.                    <a
  1076.                      target="_blank"
  1077.                      href="https://www.youtube.com/channel/UC_5Xw5j9Y-UXt_z4aj-eDxg"
  1078.                      class="social__link"
  1079.                      data-cursor-link-sm
  1080.                    >
  1081.                      <img src="images/svg/icon-youtube.svg" width="24" height="24" alt="YouTube" />
  1082.                    </a>
  1083.                  </li>
  1084.  
  1085.                  <li class="social__item">
  1086.                    <a target="_blank" href="https://dribbble.com/eberawi" class="social__link" data-cursor-link-sm>
  1087.                      <img src="images/svg/icon-dribble.svg" width="24" height="24" alt="Dribbble" />
  1088.                    </a>
  1089.                  </li>
  1090.  
  1091.                  <li class="social__item">
  1092.                    <a target="_blank" href="https://github.com/eBerawi" class="social__link" data-cursor-link-sm>
  1093.                      <img src="images/svg/icon-github.svg" width="24" height="24" alt="Github" />
  1094.                    </a>
  1095.                  </li>
  1096.  
  1097.                  <li class="social__item">
  1098.                    <a
  1099.                      target="_blank"
  1100.                      href="https://www.linkedin.com/company/eberawi/"
  1101.                      class="social__link"
  1102.                      data-cursor-link-sm
  1103.                    >
  1104.                      <img src="images/svg/icon-linkedin.svg" width="24" height="24" alt="Linkedin" />
  1105.                    </a>
  1106.                  </li>
  1107.                </ul>
  1108.              </div>
  1109.            </div>
  1110.          </div>
  1111.        </div>
  1112.      </footer>
  1113.      <!-- Footer end -->
  1114.    </div>
  1115.  
  1116.    <div class="cursor cursor--init"></div>
  1117.    <script src="js/app.bundle.js"></script>
  1118.  </body>
  1119. </html>
  1120.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda