Myntrix – Our Creative Projects & Case Studies/title>  <link rel="shortcut icon" href="image/logo/Myntrix-Logo-footer.png" />  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap" rel="stylesheet" />  <link rel="stylesheet" href="assets/css/plugins.css" />  <link rel="stylesheet" href="assets/css/style.css" /> <script> document.documentElement.className = "js"; var supportsCssVars = function () { var e, t = document.createElement("style"); return ( (t.innerHTML = "root: { --tmp-var: bold; }"), document.head.appendChild(t), (e = !!( window.CSS && window.CSS.supports && window.CSS.supports("font-weight", "var(--tmp-var)") )), t.parentNode.removeChild(t), e ); }; supportsCssVars() || alert( "Please view this demo in a modern browser that supports CSS Variables." ); </script> </head> <body class="loading">  <div class="progress-wrap cursor-pointer"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102" > <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" /> </svg> </div>   <div class="mouse-cursor cursor-outer"></div> <div class="mouse-cursor cursor-inner"></div>   <nav class="navbar navbar-expand-lg light"> <div class="container-xxl"> <a class="navbar-brand" href="/index.html"> <div class="logo"> <div class="logo-light"> <h1 class="logo-heading">MYNTRIX</h1>  </div> <div class="logo-dark"> <h1 class="logo-heading">MYNTRIX</h1>  </div> </div> </a> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="index.html" role="button" aria-expanded="false" > Home </a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="services.html" role="button" aria-expanded="false" > Our Services </a> <ul class="dropdown-menu"> <div> <li> <a class="dropdown-item" href="/services/web.html" >Web Design & Development</a > </li> <li> <a class="dropdown-item" href="/services/app.html" >Mobile App Development</a > </li> <li> <a class="dropdown-item" href="/services/game.html" >Custom Software Development</a > </li> <li> <a class="dropdown-item" href="/services/game.html" >Game Development</a > </li> </div> <div> <li> <a class="dropdown-item" href="/services/ai.html" >Artificial Intelligence</a > </li> <li> <a class="dropdown-item" href="/services/ml.html" >Machine Learning</a > </li> <li> <a class="dropdown-item" href="/services/blockchain.html" >BlockChain Solutions</a > </li> <li> <a class="dropdown-item" href="/services/cloud.html" >Cloud Services</a > </li> </div> <div> <li> <a class="dropdown-item" href="/services/arvr.html" >AR/VR Applications</a > </li> <li> <a class="dropdown-item" href="/services/cyber.html" >CyberSecruity Solutions</a > </li> <li> <a class="dropdown-item" href="/services/erp.html" >ERP & CRM Systems</a > </li> <li> <a class="dropdown-item" href="/services/pentest.html" >Penetration Testing</a > </li> </div> <div> <li> <a class="dropdown-item" href="/services/devops.html" >DevOps Solutions</a > </li> <li> <a class="dropdown-item" href="/services/testing.html" >Software Testing</a > </li> <li> <a class="dropdown-item" href="/services/qa.html" >Quality Assurance</a > </li> <li> <a class="dropdown-item" href="/services/saas.html" >SaaS Product</a > </li> </div> <div> <li> <a class="dropdown-item" href="/services/ecommerce.html" >Ecommerce</a > </li> <li> <a class="dropdown-item" href="/services/maintenance.html" >Web Maintenance</a > </li> <li> <a class="dropdown-item" href="/services/writing.html" >Content Writing</a > </li> <li> <a class="dropdown-item" href="/services/socialmedia.html" >Social Media Management</a > </li> </div> <div> <li> <a class="dropdown-item" href="/services/uiux.html" >UI/UX Design</a > </li> <li> <a class="dropdown-item" href="/services/gd.html" >Graphics Design</a > </li> <li> <a class="dropdown-item" href="/services/vediting.html" >Video Editing</a > </li> <li> <a class="dropdown-item" href="/services/marketing.html" >Digital Marketing</a > </li> </div> </ul> </li> <li class="nav-item"> <a class="nav-link" href="portfolio.html"> Our Portfolio </a> </li> <li class="nav-item"> <a class="nav-link" href="portfolio.html"> Blogs </a> </li> <li class="nav-item"> <a class="nav-link" href="career.html"> Careers </a> </li> <li class="nav-item"> <a class="nav-link" href="contact.html"> Contact </a> </li> </ul> <div class="nav-info-right d-flex align-items-center"> <div class="social"> <ul class="rest"> <li> <a target="_blank" href="https://www.facebook.com/profile.php?id=61571814118849" ><i class="fab fa-facebook-f"></i ></a> <a target="_blank" href="https://www.linkedin.com/company/myntrix" ><i class="fab fa-linkedin"></i ></a> <a target="_blank" href="https://www.instagram.com/myntrix.dev" ><i class="fab fa-instagram"></i ></a> </li> </ul> </div> <div class="dark-mode-icon"> <button type="button" class="theme-icon"> <i aria-hidden="true" class="pe-7s-moon moon" title="Toggle between dark and light mode" ></i> <i aria-hidden="true" class="pe-7s-sun sun" title="Toggle between dark and light mode" ></i> </button> </div> </div> </div> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" > <i class="fas fa-bars"></i> </button> </div> </nav>  <main> <div class="vline"></div>  <header class="pg-header style2 bg-img parallaxie valign" data-background="assets/img/slider/8.jpg" data-overlay-dark="6" > <div class="container ontop"> <div class="row"> <div class="col-12"> <div class="cont mb-80"> <h6 class="sub-title"> <a href="index.html">Myntrix</a> <span class="ml-20 mr-20">/</span> <span class="main-color">Portfolio</span> </h6> <h1 class="fw-700 fz-70">Our Creative Projects</h1> </div> </div> </div> </div> <div class="shadw"></div> </header>   <section class="portfolio section-padding pb-30"> <div class="container">  <div class="gallery max-margin change-img"> <div class="row"> <div class="col-md-6 items web mb-100"> <div class="item-img"> <a href="#" class="imago wow grid-item-img" data-displacement="assets/img/displacement/1.jpg" data-intensity="0.7" data-speedIn="1" data-speedOut="0.5" data-easing="Power2.easeOut" > <img src="image/projects/html.png" alt="image" /> <img src="image/projects/bake.png" alt="image" /> </a> </div> <div class="info mt-30"> <span class="sub-title tag opacity-7" ><a href="#">Web Development</a></span > <h6> <a href="#">A Private E-Commerce Store</a> </h6> </div> </div> <div class="col-md-6 items height-2 app mb-100"> <div class="item-img"> <a href="#" class="imago wow grid-item-img" data-displacement="assets/img/displacement/2.jpg" data-intensity="0.7" data-speedIn="1" data-speedOut="0.5" data-easing="Power2.easeOut" > <img src="image/projects/html.png" alt="image" /> <img src="image/projects/bake.png" alt="image" /> </a> </div> <div class="info mt-30"> <span class="sub-title tag opacity-7" ><a href="#">AI Integrated Web Development</a></span > <h6> <a href="#" >CureAI - AI Diet Recommendatory, Food Evaluation & Health Companian</a > </h6> </div> </div> <div class="col-md-6 items brand mb-100"> <div class="item-img"> <a href="#" class="imago wow grid-item-img" data-displacement="assets/img/displacement/3.jpg" data-intensity="0.7" data-speedIn="1" data-speedOut="0.5" data-easing="Power2.easeOut" > <img src="image/projects/html.png" alt="image" /> <img src="image/projects/bake.png" alt="image" /> </a> </div> <div class="info mt-30"> <span class="sub-title tag opacity-7" ><a href="#">Search Engine Optimization</a></span > <h6> <a href="#" >Complete SEO of a whole build in project to enhance visibility</a > </h6> </div> </div> <div class="col-md-6 items height-2 app mb-100"> <div class="item-img"> <a href="#" class="imago wow grid-item-img" data-displacement="assets/img/displacement/4.png" data-intensity="0.7" data-speedIn="1" data-speedOut="0.5" data-easing="Power2.easeOut" > <img src="image/projects/html.png" alt="image" /> <img src="image/projects/Marketing.png" alt="image" /> </a> </div> <div class="info mt-30"> <span class="sub-title tag opacity-7" ><a href="project-details.html" >Mobile App Development</a ></span > <h6> <a href="#" >Lottery game app for android and ios, allowing users to play and win</a > </h6> </div> </div> <div class="col-md-6 items web mb-100"> <div class="item-img"> <a href="#" class="imago wow grid-item-img" data-displacement="assets/img/displacement/5.png" data-intensity="0.7" data-speedIn="1" data-speedOut="0.5" data-easing="Power2.easeOut" > <img src="image/projects/html.png" alt="image" /> <img src="image/projects/web.png" alt="image" /> </a> </div> <div class="info mt-30"> <span class="sub-title tag opacity-7" ><a href="#">Digital Marketing</a></span > <h6> <a href="project-details.html" >Perfect Digital marketing strategies to attract leads</a > </h6> </div> </div> <div class="col-md-6 items height-2 brand mb-100"> <div class="item-img"> <a href="#" class="imago wow grid-item-img" data-displacement="assets/img/displacement/6.jpg" data-intensity="0.7" data-speedIn="1" data-speedOut="0.5" data-easing="Power2.easeOut" > <img src="image/projects/html.png" alt="image" /> <img src="image/projects/ui.png" alt="image" /> </a> </div> <div class="info mt-30"> <span class="sub-title tag opacity-7" ><a href="#">WEB DEVELOPMENT</a></span > <h6> <a href="#" >Real Estate business with CRM for properties & leads management</a > </h6> </div> </div> <div class="col-md-6 items web mb-100"> <div class="item-img"> <a href="#" class="imago wow grid-item-img" data-displacement="assets/img/displacement/7.jpg" data-intensity="0.7" data-speedIn="1" data-speedOut="0.5" data-easing="Power2.easeOut" > <img src="image/projects/html.png" alt="image" /> <img src="image/projects/bake.png" alt="image" /> </a> </div> <div class="info mt-30"> <span class="sub-title tag opacity-7" ><a href="#">Game Development</a></span > <h6> <a href="#">FPS games with real time chat & results</a> </h6> </div> </div> <div class="col-md-6 items height-2 brand mb-100"> <div class="item-img"> <a href="#" class="imago wow grid-item-img" data-displacement="assets/img/displacement/8.jpg" data-intensity="0.7" data-speedIn="1" data-speedOut="0.5" data-easing="Power2.easeOut" > <img src="image/projects/html.png" alt="image" /> <img src="image/projects/web.png" alt="image" /> </a> </div> <div class="info mt-30"> <span class="sub-title tag opacity-7" ><a href="#">Software Development</a></span > <h6> <a href="#" >Business management systems such as inventory, school/college, staff/employee, travel, clinic management systems</a > </h6> </div> </div> </div> </div> </div> </section>  </main>  <footer class="main-footer sub-bg"> <div class="container-xxl pt-80 pb-80"> <div class="row"> <div class="col-lg-2 col-md-4 flex align-items-center justify-content-center" > <div class="clumn md-mb50"> <div class="footer-logo"> <a href="#0"> <img src="image/logo/Myntrix-Logo-footer.png" alt="myntrix Logo" /> </a> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="clumn md-mb50 align-items-center justify-content-center flex flex-column" > <h5 class="title fw-600 fz-20 mb-30">Our Services</h5> <ul class="cmp-links"> <li class="mb-10"> <a href="#">Web Design</a> </li> <li class="mb-10"> <a href="#">E-Commerce</a> </li> <li class="mb-10"> <a href="#">Google SEO</a> </li> <li class="mb-10"> <a href="#">Digital Marketing</a> </li> <li class="mb-10"> <a href="#">Web Maintenance</a> </li> <li class="mb-10"> <a href="#">Web Development</a> </li> </ul> </div> </div> <div class="col-lg-5 col-md-6"> <div class="clumn sm-mb50 text-center"> <h1 class="title fw-600 fz-20 mb-30">Our Addresses.</h1> <ul class="address flex flex-wrap justify-content-center align-items-center" > <div class="mx-4"> <li class="adrs mb-10"> <p>United Kingdom</p> N7 0QN London, UK <br /> <span>+44 7349 118252</span> </li> <li class="adrs mb-10"> <p>Saudi Arabia</p> Bawadi Jeddah, SA <br /> <span>+96 574 887 184</span> </li> </div> <div class="mx-4"> <li class="adrs mb-10"> <p>Pakistan</p> World Trade Center, Islamabad, PK<br /> <span>+92 340 51619</span> </li> <li class="adrs mb-10"> <p>United Arab Emirates</p> Al Shafar Tower Dubai, UAE <br /> <span>uae@myntrixers.com</span> </li> </div> </ul> </div> </div> <div class="col-lg-3 col-md-6"> <div class="clumn align-items-center justify-content-center flex flex-column" > <h5 class="title fw-600 fz-20 mb-30">Recent News</h5> <ul class="rc-post"> <li> <a href="#" class="flex mb-30"> <div class="img"> <img src="image/news/UI_design.png" alt="UI_design myntrix" /> </div> <div class="cont"> <h6 class="fz-16 line-height-28"> Mobile App UI/UX Design Trends </h6> </div> </a> </li> <li> <a href="#" class="flex"> <div class="img"> <img src="image/news/Website_Redesign.png" alt="Website Redesign myntrix" /> </div> <div class="cont"> <h6 class="fz-16 line-height-28"> Does Your Website Need To Redesign? </h6> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="sub-footer pb-50 pt-50 bord-thin-top"> <div class="container-xxl"> <div class="row"> <div class="col-lg-6"> <div class="horizontal-link flex justify-content-between"> <ul class="rest"> <li class="mr-30"> <a href="#">About</a> </li> <li class="mr-30"> <a href="#">Brands</a> </li> <li> <a href="career.html">Career</a> </li> </ul> <ul class="rest"> <li> <a class="mx-2" target="_blank" href="https://www.facebook.com/profile.php?id=61571814118849" ><i class="fab fa-facebook-f"></i ></a> <a class="mx-2" target="_blank" href="https://www.linkedin.com/company/myntrix" ><i class="fab fa-linkedin"></i ></a> <a class="mx-2" target="_blank" href="https://www.instagram.com/myntrix.dev" ><i class="fab fa-instagram"></i ></a> </li> </ul> </div> </div> <div class="col-lg-6"> <div class="copyrights d-flex justify-content-end"> <p class="fz-13"> © 2025 MYNTRIX  . All Rights Reserved. </p> </div> </div> </div> </div> </div> </footer>   <script src="assets/js/jquery-3.6.0.min.js"></script> <script src="assets/js/jquery-migrate-3.4.0.min.js"></script>  <script src="assets/js/plugins.js"></script>  <script src="assets/js/scripts.js"></script> <script src="assets/js/imagesloaded.pkgd.min.js"></script> <script src="assets/js/three.min.js"></script> <script src="assets/js/TweenMax.min.js"></script> <script src="assets/js/hover-effect.umd.js"></script> <script src="assets/js/hover-effect-script.js"></script> </body> </html>