rahul.katari
/
ariadigitalmachines
关注 1
点赞 0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
暂无描述
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
2 提交
1 分支
分支: master
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 'master'
${ noResults }
ariadigitalmachines/index.html

index.html 50KB
永久链接 文件历史 原始文件

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5.   <meta charset="utf-8">

  6.   <meta content="width=device-width, initial-scale=1.0" name="viewport">

  7.   <title>ADM - ARIA Digital Machines</title>

  8.   <meta name="description" content="">

  9.   <meta name="keywords" content="">

  10. 

  11.   <!-- Favicons -->

  12.   <link href="assets/img/favicon.png" rel="icon">

  13.   <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

  14. 

  15.   <!-- Fonts -->

  16.   <link href="https://fonts.googleapis.com" rel="preconnect">

  17.   <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>

  18.   <link

  19.     href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"

  20.     rel="stylesheet">

  21. 

  22.   <!-- Vendor CSS Files -->

  23.   <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  24.   <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">

  25.   <link href="assets/vendor/aos/aos.css" rel="stylesheet">

  26.   <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">

  27.   <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  28. 

  29.   <!-- Main CSS File -->

  30.   <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">

  31. <link href="assets/css/main.css" rel="stylesheet">

  32. </head>

  33. 

  34. <body class="index-page">

  35. 

  36.   <header id="header" class="header d-flex align-items-center fixed-top">

  37.   </header>

  38. 

  39.   <main class="main">

  40. 

  41.     <!-- Hero Section -->

  42.     <section id="hero" class="hero section">

  43. 

  44.       <div class="container" data-aos="fade-up" data-aos-delay="100">

  45. 

  46.         <div class="row align-items-center">

  47.           <div class="col-lg-6">

  48.             <div class="hero-content" data-aos="fade-up" data-aos-delay="200">

  49.               <div class="company-badge mb-4">

  50.                 <i class="bi bi-gear-fill me-2"></i>

  51.                 Powering Innovation and Growth

  52.               </div>

  53. 

  54.               <h1 class="mb-4">

  55.                 Build Smarter <br>

  56.                 Empower Seamlessly <br>

  57.                 <span class="accent-text">Innovate Boldly</span>

  58.               </h1>

  59. 

  60.               <p class="mb-4 mb-md-5">

  61.                 At Aria Digital Machines, we merge cutting-edge technology with seamless solutions to redefine

  62.                 possibilities in computer hardware and software.

  63.                 Let us empower your business to innovate and thrive in a digital-first world.

  64.               </p>

  65. 

  66.               <div class="hero-buttons">

  67.                 <a href="#services" class="btn btn-primary me-0 me-sm-2 mx-1">Explore Services</a>

  68.                 <a href="https://www.youtube.com/watch?v=Y7f98aduVJ8" class="btn btn-link mt-2 mt-sm-0 glightbox d-none">

  69.                   <i class="bi bi-play-circle me-1"></i>

  70.                   Watch Video

  71.                 </a>

  72.               </div>

  73.             </div>

  74. 

  75.           </div>

  76. 

  77.           <div class="col-lg-6">

  78.             <div class="hero-image" data-aos="zoom-out" data-aos-delay="300">

  79.               <img src="assets/img/illustration-1.webp" alt="Hero Image" class="img-fluid">

  80. 

  81.               <div class="customers-badge d-none">

  82.                 <div class="customer-avatars">

  83.                   <img src="assets/img/avatar-1.webp" alt="Customer 1" class="avatar">

  84.                   <img src="assets/img/avatar-2.webp" alt="Customer 2" class="avatar">

  85.                   <img src="assets/img/avatar-3.webp" alt="Customer 3" class="avatar">

  86.                   <img src="assets/img/avatar-4.webp" alt="Customer 4" class="avatar">

  87.                   <img src="assets/img/avatar-5.webp" alt="Customer 5" class="avatar">

  88.                   <span class="avatar more">12+</span>

  89.                 </div>

  90.                 <p class="mb-0 mt-2">12,000+ lorem ipsum dolor sit amet consectetur adipiscing elit</p>

  91.               </div>

  92.             </div>

  93.           </div>

  94.         </div>

  95. 

  96.         <div class="row stats-row gy-4 mt-5 d-none" data-aos="fade-up" data-aos-delay="500">

  97.           <div class="col-lg-3 col-md-6">

  98.             <div class="stat-item">

  99.               <div class="stat-icon">

  100.                 <i class="bi bi-trophy"></i>

  101.               </div>

  102.               <div class="stat-content">

  103.                 <h4>3x Won Awards</h4>

  104.                 <p class="mb-0">Vestibulum ante ipsum</p>

  105.               </div>

  106.             </div>

  107.           </div>

  108.           <div class="col-lg-3 col-md-6">

  109.             <div class="stat-item">

  110.               <div class="stat-icon">

  111.                 <i class="bi bi-briefcase"></i>

  112.               </div>

  113.               <div class="stat-content">

  114.                 <h4>6.5k Faucibus</h4>

  115.                 <p class="mb-0">Nullam quis ante</p>

  116.               </div>

  117.             </div>

  118.           </div>

  119.           <div class="col-lg-3 col-md-6">

  120.             <div class="stat-item">

  121.               <div class="stat-icon">

  122.                 <i class="bi bi-graph-up"></i>

  123.               </div>

  124.               <div class="stat-content">

  125.                 <h4>80k Mauris</h4>

  126.                 <p class="mb-0">Etiam sit amet orci</p>

  127.               </div>

  128.             </div>

  129.           </div>

  130.           <div class="col-lg-3 col-md-6">

  131.             <div class="stat-item">

  132.               <div class="stat-icon">

  133.                 <i class="bi bi-award"></i>

  134.               </div>

  135.               <div class="stat-content">

  136.                 <h4>6x Phasellus</h4>

  137.                 <p class="mb-0">Vestibulum ante ipsum</p>

  138.               </div>

  139.             </div>

  140.           </div>

  141.         </div>

  142. 

  143.       </div>

  144. 

  145.     </section><!-- /Hero Section -->

  146. 

  147.     <!-- About Section -->

  148.     <section id="about" class="about section">

  149. 

  150.       <div class="container" data-aos="fade-up" data-aos-delay="100">

  151. 

  152.         <div class="row gy-4 align-items-center justify-content-between flex-row-reverse">

  153. 

  154.           <div class="col-xl-5" data-aos="fade-up" data-aos-delay="200">

  155.             <span class="about-meta">MORE ABOUT US</span>

  156.             <h2 class="about-title">Empowering Digital Excellence</h2>

  157.             <p class="about-description"><strong>Aria Digital Machines</strong> is a leading provider of innovative

  158.               computer hardware and

  159.               software solutions. We specialize in empowering businesses and individuals with cutting-edge technology,

  160.               tailored to meet diverse needs. With a commitment to excellence and customer satisfaction, we deliver

  161.               reliable products and services that drive success in a rapidly evolving digital landscape.</p>

  162. 

  163.             <div class="row feature-list-wrapper">

  164.               <div class="col-md-6">

  165.                 <ul class="feature-list">

  166.                   <li><i class="bi bi-check-circle-fill"></i>Advanced Hardware Solutions</li>

  167.                   <li><i class="bi bi-check-circle-fill"></i>Tailored Tech Integration</li>

  168.                   <!-- <li><i class="bi bi-check-circle-fill"></i> Sed do eiusmod tempor</li> -->

  169.                 </ul>

  170.               </div>

  171.               <div class="col-md-6">

  172.                 <ul class="feature-list">

  173.                   <li><i class="bi bi-check-circle-fill"></i>Reliable, Scalable Technology</li>

  174.                   <li><i class="bi bi-check-circle-fill"></i>Innovation Meets Excellence</li>

  175.                   <!-- <li><i class="bi bi-check-circle-fill"></i> Ut enim ad minim veniam</li> -->

  176.                 </ul>

  177.               </div>

  178.             </div>

  179. 

  180.             <!-- <div class="info-wrapper">

  181.               <div class="row gy-4">

  182.                 <div class="col-lg-5">

  183.                   <div class="profile d-flex align-items-center gap-3">

  184.                     <img src="assets/img/avatar-1.webp" alt="CEO Profile" class="profile-image">

  185.                     <div>

  186.                       <h4 class="profile-name">Mario Smith</h4>

  187.                       <p class="profile-position">CEO &amp; Founder</p>

  188.                     </div>

  189.                   </div>

  190.                 </div>

  191.                 <div class="col-lg-7">

  192.                   <div class="contact-info d-flex align-items-center gap-2">

  193.                     <i class="bi bi-telephone-fill"></i>

  194.                     <div>

  195.                       <p class="contact-label">Call us anytime</p>

  196.                       <p class="contact-number">+123 456-789</p>

  197.                     </div>

  198.                   </div>

  199.                 </div>

  200.               </div>

  201.             </div> -->

  202.           </div>

  203. 

  204.           <div class="col-xl-6" data-aos="fade-up" data-aos-delay="300">

  205.             <div class="image-wrapper">

  206.               <div class="images position-relative" data-aos="zoom-out" data-aos-delay="400">

  207.                 <img src="assets/img/about-5.jpg" alt="Business Meeting" class="img-fluid main-image rounded-4">

  208.                 <img src="assets/img/about-2.jpg" alt="Team Discussion" class="img-fluid small-image rounded-4">

  209.               </div>

  210.               <div class="experience-badge floating d-none">

  211.                 <h3>15+ <span>Years</span></h3>

  212.                 <p>Of experience in business service</p>

  213.               </div>

  214.             </div>

  215.           </div>

  216.         </div>

  217. 

  218.       </div>

  219. 

  220.     </section><!-- /About Section -->

  221. 

  222.     <!-- Features Section -->

  223.     <section id="features" class="features section">

  224. 

  225.       <!-- Section Title -->

  226.       <div class="container section-title" data-aos="fade-up">

  227.         <h2>What's New</h2>

  228.         <!-- <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p> -->

  229.       </div><!-- End Section Title -->

  230. 

  231.       <div class="container">

  232. 

  233.         <div class="d-flex justify-content-center">

  234. 

  235.           <ul class="nav nav-tabs" data-aos="fade-up" data-aos-delay="100">

  236. 

  237.             <li class="nav-item">

  238.               <a class="nav-link active show" data-bs-toggle="tab" data-bs-target="#features-tab-1">

  239.                 <h4>14 inch</h4>

  240.               </a>

  241.             </li><!-- End tab nav item -->

  242. 

  243.             <li class="nav-item">

  244.               <a class="nav-link" data-bs-toggle="tab" data-bs-target="#features-tab-2">

  245.                 <h4>16 inch</h4>

  246.               </a><!-- End tab nav item -->

  247. 

  248.             </li>

  249.             <li class="nav-item">

  250.               <a class="nav-link" data-bs-toggle="tab" data-bs-target="#features-tab-3">

  251.                 <h4>All In One</h4>

  252.               </a>

  253.             </li><!-- End tab nav item -->

  254. 

  255.           </ul>

  256. 

  257.         </div>

  258. 

  259.         <div class="tab-content" data-aos="fade-up" data-aos-delay="200">

  260. 

  261.           <div class="tab-pane fade active show" id="features-tab-1">

  262.             <div class="row">

  263.               <div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center">

  264.                 <h3>Zeno Sleekbook 14.1 inch</h3>

  265.                 <!-- <p class="fst-italic">

  266.                   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et

  267.                   dolore

  268.                   magna aliqua.

  269.                 </p> -->

  270.                 <ul>

  271.                   <li><i class="bi bi-check2-all"></i> <span>14.1 inch 2.5K Display</span></li>

  272.                   <li><i class="bi bi-check2-all"></i> <span>Intel<sup>®</sup> Core<sup>™</sup> i5-| i7

  273.                       (12th | 13th Gen) </span></li>

  274.                   <li><i class="bi bi-check2-all"></i> <span>16 GB RAM , 512 GB M.2 NVMe</span></li>

  275.                   <li><i class="bi bi-check2-all"></i> <span>Metal Body, 65W Type-c</span></li>

  276.                 </ul>

  277.               </div>

  278.               <div class="col-lg-6 order-1 order-lg-2 text-center">

  279.                 <img src="https://anwisystems.com/dist/assets/imgs/productimg/home-laptop14.png" alt=""

  280.                   class="img-fluid">

  281.               </div>

  282.             </div>

  283.           </div><!-- End tab content item -->

  284. 

  285.           <div class="tab-pane fade" id="features-tab-2">

  286.             <div class="row">

  287.               <div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center">

  288.                 <h3>Zeno Sleekbook 16 inch </h3>

  289.                 <!-- <p class="fst-italic">

  290.                   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et

  291.                   dolore

  292.                   magna aliqua.

  293.                 </p> -->

  294.                 <ul>

  295.                   <li><i class="bi bi-check2-all"></i> <span>16 inch 2.5K Display</span></li>

  296.                   <li><i class="bi bi-check2-all"></i> <span>Intel<sup>®</sup> Core<sup>™</sup> i5-| i7

  297.                       (12th | 13th Gen)</span></li>

  298.                   <li><i class="bi bi-check2-all"></i> <span>16 GB RAM , 512 GB M.2 NVMe</span></li>

  299.                   <li><i class="bi bi-check2-all"></i> <span>Metal Body, 65W Type-c</span></li>

  300.                 </ul>

  301.               </div>

  302.               <div class="col-lg-6 order-1 order-lg-2 text-center">

  303.                 <img src="https://anwisystems.com/dist/assets/imgs/productimg/home-laptop16.png" alt=""

  304.                   class="img-fluid">

  305.               </div>

  306.             </div>

  307.           </div><!-- End tab content item -->

  308. 

  309.           <div class="tab-pane fade" id="features-tab-3">

  310.             <div class="row">

  311.               <div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center">

  312.                 <h3>Zeno All-in-One 23.8 inch</h3>

  313.                 <ul>

  314.                   <li><i class="bi bi-check2-all"></i> <span>23.8 inch FHD Display</span></li>

  315.                   <li><i class="bi bi-check2-all"></i> <span>Intel<sup>®</sup> Core<sup>™</sup> i3 | i5 | i7 Processor

  316.                       (12th | 13th Gen)</span></li>

  317.                   <li><i class="bi bi-check2-all"></i> <span>16 GB RAM , 512 GB M.2 NVMe</span></li>

  318.                   <li><i class="bi bi-check2-all"></i> <span>Plastic Body with Metal stand</span></li>

  319.                 </ul>

  320.                 <!-- <p class="fst-italic">

  321.                   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et

  322.                   dolore

  323.                   magna aliqua.

  324.                 </p> -->

  325.               </div>

  326.               <div class="col-lg-6 order-1 order-lg-2 text-center">

  327.                 <img src="https://anwisystems.com/dist/assets/imgs/zeno/aio/aio.png" alt="" class="img-fluid">

  328.               </div>

  329.             </div>

  330.           </div><!-- End tab content item -->

  331. 

  332.         </div>

  333. 

  334.       </div>

  335. 

  336.     </section><!-- /Features Section -->

  337. 

  338.     <!-- Features Cards Section -->

  339.     <section id="features-cards" class="features-cards section">

  340. 

  341.       <div class="container">

  342. 

  343.         <div class="row gy-4">

  344.           <div class="col-xl-3 col-md-6" data-aos="zoom-in" data-aos-delay="100">

  345.             <div class="feature-box orange">

  346.               <i class="bi bi-award"></i>

  347.               <h4>Exceptional Quality</h4>

  348.               <p>We deliver high-performance hardware and software solutions built to last and exceed expectations.</p>

  349.             </div>

  350.           </div><!-- End Feature Box-->

  351. 

  352.           <div class="col-xl-3 col-md-6" data-aos="zoom-in" data-aos-delay="200">

  353.             <div class="feature-box blue">

  354.               <i class="bi bi-patch-check"></i>

  355.               <h4>Reliable Solutions</h4>

  356.               <p>Our trusted products and services are designed to provide unmatched reliability for your business

  357.                 needs.</p>

  358.             </div>

  359.           </div><!-- End Feature Box-->

  360. 

  361.           <div class="col-xl-3 col-md-6" data-aos="zoom-in" data-aos-delay="300">

  362.             <div class="feature-box green">

  363.               <i class="bi bi-sunrise"></i>

  364.               <h4>Innovative Designs</h4>

  365.               <p>Stay ahead with cutting-edge technology solutions tailored to your unique requirements and goals.</p>

  366.             </div>

  367.           </div><!-- End Feature Box-->

  368. 

  369.           <div class="col-xl-3 col-md-6" data-aos="zoom-in" data-aos-delay="400">

  370.             <div class="feature-box red">

  371.               <i class="bi bi-shield-check"></i>

  372.               <h4>Secure Systems</h4>

  373.               <p>Protect your data and operations with robust and reliable security measures integrated into our

  374.                 solutions.</p>

  375.             </div>

  376.           </div><!-- End Feature Box-->

  377.         </div>

  378.       </div>

  379. 

  380.     </section><!-- /Features Cards Section -->

  381. 

  382.     <!-- Features 2 Section -->

  383.     <section id="features-2" class="features-2 section d-none">

  384. 

  385.       <div class="container" data-aos="fade-up" data-aos-delay="100">

  386. 

  387.         <div class="row align-items-center">

  388. 

  389.           <div class="col-lg-4">

  390. 

  391.             <div class="feature-item text-end mb-5" data-aos="fade-right" data-aos-delay="200">

  392.               <div class="d-flex align-items-center justify-content-end gap-4">

  393.                 <div class="feature-content">

  394.                   <h3>Use On Any Device</h3>

  395.                   <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui

  396.                     quis mi consectetuer lacinia.</p>

  397.                 </div>

  398.                 <div class="feature-icon flex-shrink-0">

  399.                   <i class="bi bi-display"></i>

  400.                 </div>

  401.               </div>

  402.             </div><!-- End .feature-item -->

  403. 

  404.             <div class="feature-item text-end mb-5" data-aos="fade-right" data-aos-delay="300">

  405.               <div class="d-flex align-items-center justify-content-end gap-4">

  406.                 <div class="feature-content">

  407.                   <h3>Feather Icons</h3>

  408.                   <p>Phasellus ullamcorper ipsum rutrum nunc nunc nonummy metus vestibulum volutpat sapien arcu sed

  409.                     augue aliquam erat volutpat.</p>

  410.                 </div>

  411.                 <div class="feature-icon flex-shrink-0">

  412.                   <i class="bi bi-feather"></i>

  413.                 </div>

  414.               </div>

  415.             </div><!-- End .feature-item -->

  416. 

  417.             <div class="feature-item text-end" data-aos="fade-right" data-aos-delay="400">

  418.               <div class="d-flex align-items-center justify-content-end gap-4">

  419.                 <div class="feature-content">

  420.                   <h3>Retina Ready</h3>

  421.                   <p>Aenean tellus metus bibendum sed posuere ac mattis non nunc vestibulum fringilla purus sit amet

  422.                     fermentum aenean commodo.</p>

  423.                 </div>

  424.                 <div class="feature-icon flex-shrink-0">

  425.                   <i class="bi bi-eye"></i>

  426.                 </div>

  427.               </div>

  428.             </div><!-- End .feature-item -->

  429. 

  430.           </div>

  431. 

  432.           <div class="col-lg-4" data-aos="zoom-in" data-aos-delay="200">

  433.             <div class="phone-mockup text-center">

  434.               <img src="assets/img/phone-app-screen.webp" alt="Phone Mockup" class="img-fluid">

  435.             </div>

  436.           </div><!-- End Phone Mockup -->

  437. 

  438.           <div class="col-lg-4">

  439. 

  440.             <div class="feature-item mb-5" data-aos="fade-left" data-aos-delay="200">

  441.               <div class="d-flex align-items-center gap-4">

  442.                 <div class="feature-icon flex-shrink-0">

  443.                   <i class="bi bi-code-square"></i>

  444.                 </div>

  445.                 <div class="feature-content">

  446.                   <h3>W3c Valid Code</h3>

  447.                   <p>Donec vitae sapien ut libero venenatis faucibus nullam quis ante etiam sit amet orci eget eros

  448.                     faucibus tincidunt.</p>

  449.                 </div>

  450.               </div>

  451.             </div><!-- End .feature-item -->

  452. 

  453.             <div class="feature-item mb-5" data-aos="fade-left" data-aos-delay="300">

  454.               <div class="d-flex align-items-center gap-4">

  455.                 <div class="feature-icon flex-shrink-0">

  456.                   <i class="bi bi-phone"></i>

  457.                 </div>

  458.                 <div class="feature-content">

  459.                   <h3>Fully Responsive</h3>

  460.                   <p>Maecenas tempus tellus eget condimentum rhoncus sem quam semper libero sit amet adipiscing sem

  461.                     neque sed ipsum.</p>

  462.                 </div>

  463.               </div>

  464.             </div><!-- End .feature-item -->

  465. 

  466.             <div class="feature-item" data-aos="fade-left" data-aos-delay="400">

  467.               <div class="d-flex align-items-center gap-4">

  468.                 <div class="feature-icon flex-shrink-0">

  469.                   <i class="bi bi-browser-chrome"></i>

  470.                 </div>

  471.                 <div class="feature-content">

  472.                   <h3>Browser Compatibility</h3>

  473.                   <p>Nullam dictum felis eu pede mollis pretium integer tincidunt cras dapibus vivamus elementum semper

  474.                     nisi aenean vulputate.</p>

  475.                 </div>

  476.               </div>

  477.             </div><!-- End .feature-item -->

  478. 

  479.           </div>

  480.         </div>

  481. 

  482.       </div>

  483. 

  484.     </section><!-- /Features 2 Section -->

  485. 

  486.     <!-- Call To Action Section -->

  487.     <section id="call-to-action" class="call-to-action section">

  488. 

  489.       <div class="container" data-aos="fade-up" data-aos-delay="100">

  490. 

  491.         <div class="row content justify-content-center align-items-center position-relative">

  492.           <div class="col-lg-8 mx-auto text-center">

  493.             <h2 class="display-4 mb-4">Empowering Your Digital Transformation</h2>

  494.             <p class="mb-4">Discover innovative hardware and software solutions tailored to elevate your business

  495.               operations. Let us help you achieve efficiency and growth in today's tech-driven world.</p>

  496.             <a href="#" class="btn btn-cta">Book A Demo</a>

  497.           </div>

  498. 

  499. 

  500.           <!-- Abstract Background Elements -->

  501.           <div class="shape shape-1">

  502.             <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">

  503.               <path

  504.                 d="M47.1,-57.1C59.9,-45.6,68.5,-28.9,71.4,-10.9C74.2,7.1,71.3,26.3,61.5,41.1C51.7,55.9,35,66.2,16.9,69.2C-1.3,72.2,-21,67.8,-36.9,57.9C-52.8,48,-64.9,32.6,-69.1,15.1C-73.3,-2.4,-69.5,-22,-59.4,-37.1C-49.3,-52.2,-32.8,-62.9,-15.7,-64.9C1.5,-67,34.3,-68.5,47.1,-57.1Z"

  505.                 transform="translate(100 100)"></path>

  506.             </svg>

  507.           </div>

  508. 

  509.           <div class="shape shape-2">

  510.             <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">

  511.               <path

  512.                 d="M41.3,-49.1C54.4,-39.3,66.6,-27.2,71.1,-12.1C75.6,3,72.4,20.9,63.3,34.4C54.2,47.9,39.2,56.9,23.2,62.3C7.1,67.7,-10,69.4,-24.8,64.1C-39.7,58.8,-52.3,46.5,-60.1,31.5C-67.9,16.4,-70.9,-1.4,-66.3,-16.6C-61.8,-31.8,-49.7,-44.3,-36.3,-54C-22.9,-63.7,-8.2,-70.6,3.6,-75.1C15.4,-79.6,28.2,-58.9,41.3,-49.1Z"

  513.                 transform="translate(100 100)"></path>

  514.             </svg>

  515.           </div>

  516. 

  517.           <!-- Dot Pattern Groups -->

  518.           <div class="dots dots-1">

  519.             <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">

  520.               <pattern id="dot-pattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">

  521.                 <circle cx="2" cy="2" r="2" fill="currentColor"></circle>

  522.               </pattern>

  523.               <rect width="100" height="100" fill="url(#dot-pattern)"></rect>

  524.             </svg>

  525.           </div>

  526. 

  527.           <div class="dots dots-2">

  528.             <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">

  529.               <pattern id="dot-pattern-2" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">

  530.                 <circle cx="2" cy="2" r="2" fill="currentColor"></circle>

  531.               </pattern>

  532.               <rect width="100" height="100" fill="url(#dot-pattern-2)"></rect>

  533.             </svg>

  534.           </div>

  535. 

  536.           <div class="shape shape-3">

  537.             <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">

  538.               <path

  539.                 d="M43.3,-57.1C57.4,-46.5,71.1,-32.6,75.3,-16.2C79.5,0.2,74.2,19.1,65.1,35.3C56,51.5,43.1,65,27.4,71.7C11.7,78.4,-6.8,78.3,-23.9,72.4C-41,66.5,-56.7,54.8,-65.4,39.2C-74.1,23.6,-75.8,4,-71.7,-13.2C-67.6,-30.4,-57.7,-45.2,-44.3,-56.1C-30.9,-67,-15.5,-74,0.7,-74.9C16.8,-75.8,33.7,-70.7,43.3,-57.1Z"

  540.                 transform="translate(100 100)"></path>

  541.             </svg>

  542.           </div>

  543.         </div>

  544. 

  545.       </div>

  546. 

  547.     </section><!-- /Call To Action Section -->

  548. 

  549.     <!-- Clients Section -->

  550.     <section id="clients" class="clients section d-none">

  551. 

  552.       <div class="container" data-aos="fade-up" data-aos-delay="100">

  553. 

  554.         <div class="swiper init-swiper">

  555.           <script type="application/json" class="swiper-config">

  556.             {

  557.               "loop": true,

  558.               "speed": 600,

  559.               "autoplay": {

  560.                 "delay": 5000

  561.               },

  562.               "slidesPerView": "auto",

  563.               "pagination": {

  564.                 "el": ".swiper-pagination",

  565.                 "type": "bullets",

  566.                 "clickable": true

  567.               },

  568.               "breakpoints": {

  569.                 "320": {

  570.                   "slidesPerView": 2,

  571.                   "spaceBetween": 40

  572.                 },

  573.                 "480": {

  574.                   "slidesPerView": 3,

  575.                   "spaceBetween": 60

  576.                 },

  577.                 "640": {

  578.                   "slidesPerView": 4,

  579.                   "spaceBetween": 80

  580.                 },

  581.                 "992": {

  582.                   "slidesPerView": 6,

  583.                   "spaceBetween": 120

  584.                 }

  585.               }

  586.             }

  587.           </script>

  588.           <div class="swiper-wrapper align-items-center">

  589.             <div class="swiper-slide"><img src="assets/img/clients/client-1.png" class="img-fluid" alt=""></div>

  590.             <div class="swiper-slide"><img src="assets/img/clients/client-2.png" class="img-fluid" alt=""></div>

  591.             <div class="swiper-slide"><img src="assets/img/clients/client-3.png" class="img-fluid" alt=""></div>

  592.             <div class="swiper-slide"><img src="assets/img/clients/client-4.png" class="img-fluid" alt=""></div>

  593.             <div class="swiper-slide"><img src="assets/img/clients/client-5.png" class="img-fluid" alt=""></div>

  594.             <div class="swiper-slide"><img src="assets/img/clients/client-6.png" class="img-fluid" alt=""></div>

  595.             <div class="swiper-slide"><img src="assets/img/clients/client-7.png" class="img-fluid" alt=""></div>

  596.             <div class="swiper-slide"><img src="assets/img/clients/client-8.png" class="img-fluid" alt=""></div>

  597.           </div>

  598.           <div class="swiper-pagination"></div>

  599.         </div>

  600. 

  601.       </div>

  602. 

  603.     </section><!-- /Clients Section -->

  604. 

  605.     <!-- Testimonials Section -->

  606.     <section id="testimonials" class="testimonials section light-background d-none">

  607. 

  608.       <!-- Section Title -->

  609.       <div class="container section-title" data-aos="fade-up">

  610.         <h2>Testimonials</h2>

  611.         <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>

  612.       </div><!-- End Section Title -->

  613. 

  614.       <div class="container">

  615. 

  616.         <div class="row g-5">

  617. 

  618.           <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">

  619.             <div class="testimonial-item">

  620.               <img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">

  621.               <h3>Saul Goodman</h3>

  622.               <h4>Ceo &amp; Founder</h4>

  623.               <div class="stars">

  624.                 <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i

  625.                   class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>

  626.               </div>

  627.               <p>

  628.                 <i class="bi bi-quote quote-icon-left"></i>

  629.                 <span>Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus.

  630.                   Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.</span>

  631.                 <i class="bi bi-quote quote-icon-right"></i>

  632.               </p>

  633.             </div>

  634.           </div><!-- End testimonial item -->

  635. 

  636.           <div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">

  637.             <div class="testimonial-item">

  638.               <img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">

  639.               <h3>Sara Wilsson</h3>

  640.               <h4>Designer</h4>

  641.               <div class="stars">

  642.                 <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i

  643.                   class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>

  644.               </div>

  645.               <p>

  646.                 <i class="bi bi-quote quote-icon-left"></i>

  647.                 <span>Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram

  648.                   malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.</span>

  649.                 <i class="bi bi-quote quote-icon-right"></i>

  650.               </p>

  651.             </div>

  652.           </div><!-- End testimonial item -->

  653. 

  654.           <div class="col-lg-6" data-aos="fade-up" data-aos-delay="300">

  655.             <div class="testimonial-item">

  656.               <img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">

  657.               <h3>Jena Karlis</h3>

  658.               <h4>Store Owner</h4>

  659.               <div class="stars">

  660.                 <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i

  661.                   class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>

  662.               </div>

  663.               <p>

  664.                 <i class="bi bi-quote quote-icon-left"></i>

  665.                 <span>Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim

  666.                   tempor labore quem eram duis noster aute amet eram fore quis sint minim.</span>

  667.                 <i class="bi bi-quote quote-icon-right"></i>

  668.               </p>

  669.             </div>

  670.           </div><!-- End testimonial item -->

  671. 

  672.           <div class="col-lg-6" data-aos="fade-up" data-aos-delay="400">

  673.             <div class="testimonial-item">

  674.               <img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">

  675.               <h3>Matt Brandon</h3>

  676.               <h4>Freelancer</h4>

  677.               <div class="stars">

  678.                 <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i

  679.                   class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>

  680.               </div>

  681.               <p>

  682.                 <i class="bi bi-quote quote-icon-left"></i>

  683.                 <span>Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit

  684.                   minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.</span>

  685.                 <i class="bi bi-quote quote-icon-right"></i>

  686.               </p>

  687.             </div>

  688.           </div><!-- End testimonial item -->

  689. 

  690.         </div>

  691. 

  692.       </div>

  693. 

  694.     </section><!-- /Testimonials Section -->

  695. 

  696.     <!-- Stats Section -->

  697.     <section id="stats" class="stats section d-none">

  698. 

  699.       <div class="container" data-aos="fade-up" data-aos-delay="100">

  700. 

  701.         <div class="row gy-4">

  702. 

  703.           <div class="col-lg-3 col-md-6">

  704.             <div class="stats-item text-center w-100 h-100">

  705.               <span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="1"

  706.                 class="purecounter"></span>

  707.               <p>Clients</p>

  708.             </div>

  709.           </div><!-- End Stats Item -->

  710. 

  711.           <div class="col-lg-3 col-md-6">

  712.             <div class="stats-item text-center w-100 h-100">

  713.               <span data-purecounter-start="0" data-purecounter-end="521" data-purecounter-duration="1"

  714.                 class="purecounter"></span>

  715.               <p>Projects</p>

  716.             </div>

  717.           </div><!-- End Stats Item -->

  718. 

  719.           <div class="col-lg-3 col-md-6">

  720.             <div class="stats-item text-center w-100 h-100">

  721.               <span data-purecounter-start="0" data-purecounter-end="1453" data-purecounter-duration="1"

  722.                 class="purecounter"></span>

  723.               <p>Hours Of Support</p>

  724.             </div>

  725.           </div><!-- End Stats Item -->

  726. 

  727.           <div class="col-lg-3 col-md-6">

  728.             <div class="stats-item text-center w-100 h-100">

  729.               <span data-purecounter-start="0" data-purecounter-end="32" data-purecounter-duration="1"

  730.                 class="purecounter"></span>

  731.               <p>Workers</p>

  732.             </div>

  733.           </div><!-- End Stats Item -->

  734. 

  735.         </div>

  736. 

  737.       </div>

  738. 

  739.     </section><!-- /Stats Section -->

  740. 

  741.     <!-- Services Section -->

  742.     <section id="services" class="services section light-background">

  743. 

  744.       <!-- Section Title -->

  745.       <div class="container section-title" data-aos="fade-up">

  746.         <h2>Pre-configured Workflows</h2>

  747.         <!-- <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p> -->

  748.       </div><!-- End Section Title -->

  749. 

  750.       <div class="container" data-aos="fade-up" data-aos-delay="100">

  751. 

  752.         <div class="row g-4">

  753. 

  754.           <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">

  755.             <div class="service-card d-flex">

  756.               <div class="icon flex-shrink-0 bg-transparent">

  757.                 <img src="./assets/img/icons/pre-sales.png" alt="">

  758.               </div>

  759.               <div>

  760.                 <h3>Pre-Sales</h3>

  761.                 <p>Rigid CRM does not work for every business, which is why our pre-sales workflows are adaptable to

  762.                   your business needs and customers.</p>

  763.                 <a href="#" class="read-more">Read More <i class="bi bi-arrow-right"></i></a>

  764.               </div>

  765.             </div>

  766.           </div><!-- End Service Card -->

  767. 

  768.           <div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">

  769.             <div class="service-card d-flex">

  770.               <div class="icon flex-shrink-0 bg-transparent">

  771.                 <img src="./assets/img/icons/sales.png" alt="">

  772.               </div>

  773.               <div>

  774.                 <h3>Sales</h3>

  775.                 <p>Our sales tools enable B2B and B2C functions to operate E-commerce style, offering complete control

  776.                   according to the business workflow.</p>

  777.                 <a href="#" class="read-more">Read More <i class="bi bi-arrow-right"></i></a>

  778.               </div>

  779.             </div>

  780.           </div><!-- End Service Card -->

  781. 

  782.           <div class="col-lg-6" data-aos="fade-up" data-aos-delay="300">

  783.             <div class="service-card d-flex">

  784.               <div class="icon flex-shrink-0 bg-transparent">

  785.                 <img src="./assets/img/icons/procurement.png" alt="">

  786.               </div>

  787.               <div>

  788.                 <h3>Procurement</h3>

  789.                 <p>Maximize profit margins and improve efficiency to stay cost competitive, mapping out your procurement

  790.                   practice effectively with intelligent demand forecasting that optimizes the inventory flow with more

  791.                   cash rotation cycles.</p>

  792.                 <a href="#" class="read-more">Read More <i class="bi bi-arrow-right"></i></a>

  793.               </div>

  794.             </div>

  795.           </div><!-- End Service Card -->

  796. 

  797.           <div class="col-lg-6" data-aos="fade-up" data-aos-delay="400">

  798.             <div class="service-card d-flex">

  799.               <div class="icon flex-shrink-0 bg-transparent">

  800.                 <img src="./assets/img/icons/marketing.png" alt="">

  801.               </div>

  802.               <div>

  803.                 <h3>Marketing</h3>

  804.                 <p>Get the entire team on a single platform to manage the campaigns with an effective way of approach

  805.                   and visibility to stakeholders, leading to increase in the profits.</p>

  806.                 <a href="#" class="read-more">Read More <i class="bi bi-arrow-right"></i></a>

  807.               </div>

  808.             </div>

  809.           </div><!-- End Service Card -->

  810. 

  811.         </div>

  812. 

  813.       </div>

  814. 

  815.     </section><!-- /Services Section -->

  816. 

  817.     <!-- Pricing Section -->

  818.     <section id="pricing" class="pricing section light-background d-none">

  819. 

  820.       <!-- Section Title -->

  821.       <div class="container section-title" data-aos="fade-up">

  822.         <h2>Pricing</h2>

  823.         <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>

  824.       </div><!-- End Section Title -->

  825. 

  826.       <div class="container" data-aos="fade-up" data-aos-delay="100">

  827. 

  828.         <div class="row g-4 justify-content-center">

  829. 

  830.           <!-- Basic Plan -->

  831.           <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">

  832.             <div class="pricing-card">

  833.               <h3>Basic Plan</h3>

  834.               <div class="price">

  835.                 <span class="currency">$</span>

  836.                 <span class="amount">9.9</span>

  837.                 <span class="period">/ month</span>

  838.               </div>

  839.               <p class="description">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium

  840.                 doloremque laudantium totam.</p>

  841. 

  842.               <h4>Featured Included:</h4>

  843.               <ul class="features-list">

  844.                 <li>

  845.                   <i class="bi bi-check-circle-fill"></i>

  846.                   Duis aute irure dolor

  847.                 </li>

  848.                 <li>

  849.                   <i class="bi bi-check-circle-fill"></i>

  850.                   Excepteur sint occaecat

  851.                 </li>

  852.                 <li>

  853.                   <i class="bi bi-check-circle-fill"></i>

  854.                   Nemo enim ipsam voluptatem

  855.                 </li>

  856.               </ul>

  857. 

  858.               <a href="#" class="btn btn-primary">

  859.                 Buy Now

  860.                 <i class="bi bi-arrow-right"></i>

  861.               </a>

  862.             </div>

  863.           </div>

  864. 

  865.           <!-- Standard Plan -->

  866.           <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">

  867.             <div class="pricing-card popular">

  868.               <div class="popular-badge">Most Popular</div>

  869.               <h3>Standard Plan</h3>

  870.               <div class="price">

  871.                 <span class="currency">$</span>

  872.                 <span class="amount">19.9</span>

  873.                 <span class="period">/ month</span>

  874.               </div>

  875.               <p class="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis

  876.                 praesentium voluptatum.</p>

  877. 

  878.               <h4>Featured Included:</h4>

  879.               <ul class="features-list">

  880.                 <li>

  881.                   <i class="bi bi-check-circle-fill"></i>

  882.                   Lorem ipsum dolor sit amet

  883.                 </li>

  884.                 <li>

  885.                   <i class="bi bi-check-circle-fill"></i>

  886.                   Consectetur adipiscing elit

  887.                 </li>

  888.                 <li>

  889.                   <i class="bi bi-check-circle-fill"></i>

  890.                   Sed do eiusmod tempor

  891.                 </li>

  892.                 <li>

  893.                   <i class="bi bi-check-circle-fill"></i>

  894.                   Ut labore et dolore magna

  895.                 </li>

  896.               </ul>

  897. 

  898.               <a href="#" class="btn btn-light">

  899.                 Buy Now

  900.                 <i class="bi bi-arrow-right"></i>

  901.               </a>

  902.             </div>

  903.           </div>

  904. 

  905.           <!-- Premium Plan -->

  906.           <div class="col-lg-4" data-aos="fade-up" data-aos-delay="300">

  907.             <div class="pricing-card">

  908.               <h3>Premium Plan</h3>

  909.               <div class="price">

  910.                 <span class="currency">$</span>

  911.                 <span class="amount">39.9</span>

  912.                 <span class="period">/ month</span>

  913.               </div>

  914.               <p class="description">Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil

  915.                 molestiae.</p>

  916. 

  917.               <h4>Featured Included:</h4>

  918.               <ul class="features-list">

  919.                 <li>

  920.                   <i class="bi bi-check-circle-fill"></i>

  921.                   Temporibus autem quibusdam

  922.                 </li>

  923.                 <li>

  924.                   <i class="bi bi-check-circle-fill"></i>

  925.                   Saepe eveniet ut et voluptates

  926.                 </li>

  927.                 <li>

  928.                   <i class="bi bi-check-circle-fill"></i>

  929.                   Nam libero tempore soluta

  930.                 </li>

  931.                 <li>

  932.                   <i class="bi bi-check-circle-fill"></i>

  933.                   Cumque nihil impedit quo

  934.                 </li>

  935.                 <li>

  936.                   <i class="bi bi-check-circle-fill"></i>

  937.                   Maxime placeat facere possimus

  938.                 </li>

  939.               </ul>

  940. 

  941.               <a href="#" class="btn btn-primary">

  942.                 Buy Now

  943.                 <i class="bi bi-arrow-right"></i>

  944.               </a>

  945.             </div>

  946.           </div>

  947. 

  948.         </div>

  949. 

  950.       </div>

  951. 

  952.     </section><!-- /Pricing Section -->

  953. 

  954.     <!-- Faq Section -->

  955.     <section class="faq-9 faq section light-background" id="faq">

  956. 

  957.       <div class="container">

  958.         <div class="row">

  959. 

  960.           <div class="col-lg-5" data-aos="fade-up">

  961.             <h2 class="faq-title">Have Questions? We’ve Got Answers</h2>

  962.             <p class="faq-description">Explore our FAQ to find detailed answers about our innovative hardware and

  963.               software solutions. Still have queries? Reach out to us anytime.</p>

  964.             <div class="faq-arrow d-none d-lg-block" data-aos="fade-up" data-aos-delay="200">

  965.               <svg class="faq-arrow" width="200" height="211" viewBox="0 0 200 211" fill="none"

  966.                 xmlns="http://www.w3.org/2000/svg">

  967.                 <path

  968.                   d="M198.804 194.488C189.279 189.596 179.529 185.52 169.407 182.07L169.384 182.049C169.227 181.994 169.07 181.939 168.912 181.884C166.669 181.139 165.906 184.546 167.669 185.615C174.053 189.473 182.761 191.837 189.146 195.695C156.603 195.912 119.781 196.591 91.266 179.049C62.5221 161.368 48.1094 130.695 56.934 98.891C84.5539 98.7247 112.556 84.0176 129.508 62.667C136.396 53.9724 146.193 35.1448 129.773 30.2717C114.292 25.6624 93.7109 41.8875 83.1971 51.3147C70.1109 63.039 59.63 78.433 54.2039 95.0087C52.1221 94.9842 50.0776 94.8683 48.0703 94.6608C30.1803 92.8027 11.2197 83.6338 5.44902 65.1074C-1.88449 41.5699 14.4994 19.0183 27.9202 1.56641C28.6411 0.625793 27.2862 -0.561638 26.5419 0.358501C13.4588 16.4098 -0.221091 34.5242 0.896608 56.5659C1.8218 74.6941 14.221 87.9401 30.4121 94.2058C37.7076 97.0203 45.3454 98.5003 53.0334 98.8449C47.8679 117.532 49.2961 137.487 60.7729 155.283C87.7615 197.081 139.616 201.147 184.786 201.155L174.332 206.827C172.119 208.033 174.345 211.287 176.537 210.105C182.06 207.125 187.582 204.122 193.084 201.144C193.346 201.147 195.161 199.887 195.423 199.868C197.08 198.548 193.084 201.144 195.528 199.81C196.688 199.192 197.846 198.552 199.006 197.935C200.397 197.167 200.007 195.087 198.804 194.488ZM60.8213 88.0427C67.6894 72.648 78.8538 59.1566 92.1207 49.0388C98.8475 43.9065 106.334 39.2953 114.188 36.1439C117.295 34.8947 120.798 33.6609 124.168 33.635C134.365 33.5511 136.354 42.9911 132.638 51.031C120.47 77.4222 86.8639 93.9837 58.0983 94.9666C58.8971 92.6666 59.783 90.3603 60.8213 88.0427Z"

  969.                   fill="currentColor"></path>

  970.               </svg>

  971.             </div>

  972.           </div>

  973. 

  974.           <div class="col-lg-7" data-aos="fade-up" data-aos-delay="300">

  975.             <div class="faq-container">

  976. 

  977.               <div class="faq-item faq-active">

  978.                 <h3>What services do you offer?</h3>

  979.                 <div class="faq-content">

  980.                   <p>We specialize in cutting-edge computer hardware and software solutions, tailored to meet your

  981.                     business needs and enhance operational efficiency.</p>

  982.                 </div>

  983.                 <i class="faq-toggle bi bi-chevron-right"></i>

  984.               </div><!-- End Faq item-->

  985. 

  986.               <div class="faq-item">

  987.                 <h3>How do you ensure data security?</h3>

  988.                 <div class="faq-content">

  989.                   <p>Our solutions come with robust security protocols to safeguard your data and ensure secure

  990.                     operations at every level.</p>

  991.                 </div>

  992.                 <i class="faq-toggle bi bi-chevron-right"></i>

  993.               </div><!-- End Faq item-->

  994. 

  995.               <div class="faq-item">

  996.                 <h3>Do you provide custom solutions?</h3>

  997.                 <div class="faq-content">

  998.                   <p>Yes, we design and implement customized hardware and software solutions to meet unique requirements

  999.                     and challenges.</p>

  1000.                 </div>

  1001.                 <i class="faq-toggle bi bi-chevron-right"></i>

  1002.               </div><!-- End Faq item-->

  1003. 

  1004.               <div class="faq-item">

  1005.                 <h3>What industries do you serve?</h3>

  1006.                 <div class="faq-content">

  1007.                   <p>We serve a wide range of industries, including IT, healthcare, education, and retail, providing

  1008.                     tailored solutions for each sector.</p>

  1009.                 </div>

  1010.                 <i class="faq-toggle bi bi-chevron-right"></i>

  1011.               </div><!-- End Faq item-->

  1012. 

  1013.               <div class="faq-item">

  1014.                 <h3>How can I get started?</h3>

  1015.                 <div class="faq-content">

  1016.                   <p>Getting started is simple! Book a demo or contact us to discuss your needs, and our team will guide

  1017.                     you through the next steps.</p>

  1018.                 </div>

  1019.                 <i class="faq-toggle bi bi-chevron-right"></i>

  1020.               </div><!-- End Faq item-->

  1021. 

  1022.               <div class="faq-item">

  1023.                 <h3>What support do you provide?</h3>

  1024.                 <div class="faq-content">

  1025.                   <p>We provide comprehensive post-implementation support, including troubleshooting, updates, and

  1026.                     maintenance services to ensure smooth operations.</p>

  1027.                 </div>

  1028.                 <i class="faq-toggle bi bi-chevron-right"></i>

  1029.               </div><!-- End Faq item-->

  1030. 

  1031.             </div>

  1032.           </div>

  1033. 

  1034.         </div>

  1035. 

  1036.       </div>

  1037.     </section><!-- /Faq Section -->

  1038. 

  1039.     <!-- Call To Action 2 Section -->

  1040.     <section id="call-to-action-2" class="call-to-action-2 section dark-background d-none">

  1041. 

  1042.       <div class="container">

  1043.         <div class="row justify-content-center" data-aos="zoom-in" data-aos-delay="100">

  1044.           <div class="col-xl-10">

  1045.             <div class="text-center">

  1046.               <h3>Call To Action</h3>

  1047.               <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  1048.                 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est

  1049.                 laborum.</p>

  1050.               <a class="cta-btn" href="#">Call To Action</a>

  1051.             </div>

  1052.           </div>

  1053.         </div>

  1054.       </div>

  1055. 

  1056.     </section><!-- /Call To Action 2 Section -->

  1057. 

  1058.     <!-- Contact Section -->

  1059.     <section id="contact" class="contact section light-background d-none">

  1060. 

  1061.       <!-- Section Title -->

  1062.       <div class="container section-title" data-aos="fade-up">

  1063.         <h2>Contact</h2>

  1064.         <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>

  1065.       </div><!-- End Section Title -->

  1066. 

  1067.       <div class="container" data-aos="fade-up" data-aos-delay="100">

  1068. 

  1069.         <div class="row g-4 g-lg-5">

  1070.           <div class="col-lg-5">

  1071.             <div class="info-box" data-aos="fade-up" data-aos-delay="200">

  1072.               <h3>Contact Info</h3>

  1073.               <p>Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum ante ipsum primis.

  1074.               </p>

  1075. 

  1076.               <div class="info-item" data-aos="fade-up" data-aos-delay="300">

  1077.                 <div class="icon-box">

  1078.                   <i class="bi bi-geo-alt"></i>

  1079.                 </div>

  1080.                 <div class="content">

  1081.                   <h4>Our Location</h4>

  1082.                   <p>A108 Adam Street</p>

  1083.                   <p>New York, NY 535022</p>

  1084.                 </div>

  1085.               </div>

  1086. 

  1087.               <div class="info-item" data-aos="fade-up" data-aos-delay="400">

  1088.                 <div class="icon-box">

  1089.                   <i class="bi bi-telephone"></i>

  1090.                 </div>

  1091.                 <div class="content">

  1092.                   <h4>Phone Number</h4>

  1093.                   <p>+1 5589 55488 55</p>

  1094.                   <p>+1 6678 254445 41</p>

  1095.                 </div>

  1096.               </div>

  1097. 

  1098.               <div class="info-item" data-aos="fade-up" data-aos-delay="500">

  1099.                 <div class="icon-box">

  1100.                   <i class="bi bi-envelope"></i>

  1101.                 </div>

  1102.                 <div class="content">

  1103.                   <h4>Email Address</h4>

  1104.                   <p>info@example.com</p>

  1105.                   <p>contact@example.com</p>

  1106.                 </div>

  1107.               </div>

  1108.             </div>

  1109.           </div>

  1110. 

  1111.           <div class="col-lg-7">

  1112.             <div class="contact-form" data-aos="fade-up" data-aos-delay="300">

  1113.               <h3>Get In Touch</h3>

  1114.               <p>Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum ante ipsum primis.

  1115.               </p>

  1116. 

  1117.               <form action="forms/contact.php" method="post" class="php-email-form" data-aos="fade-up"

  1118.                 data-aos-delay="200">

  1119.                 <div class="row gy-4">

  1120. 

  1121.                   <div class="col-md-6">

  1122.                     <input type="text" name="name" class="form-control" placeholder="Your Name" required="">

  1123.                   </div>

  1124. 

  1125.                   <div class="col-md-6 ">

  1126.                     <input type="email" class="form-control" name="email" placeholder="Your Email" required="">

  1127.                   </div>

  1128. 

  1129.                   <div class="col-12">

  1130.                     <input type="text" class="form-control" name="subject" placeholder="Subject" required="">

  1131.                   </div>

  1132. 

  1133.                   <div class="col-12">

  1134.                     <textarea class="form-control" name="message" rows="6" placeholder="Message" required=""></textarea>

  1135.                   </div>

  1136. 

  1137.                   <div class="col-12 text-center">

  1138.                     <div class="loading">Loading</div>

  1139.                     <div class="error-message"></div>

  1140.                     <div class="sent-message">Your message has been sent. Thank you!</div>

  1141. 

  1142.                     <button type="submit" class="btn">Send Message</button>

  1143.                   </div>

  1144. 

  1145.                 </div>

  1146.               </form>

  1147. 

  1148.             </div>

  1149.           </div>

  1150. 

  1151.         </div>

  1152. 

  1153.       </div>

  1154. 

  1155.     </section><!-- /Contact Section -->

  1156. 

  1157.   </main>

  1158. 

  1159.   <footer id="footer" class="footer">

  1160.   </footer>

  1161. 

  1162.   <!-- Scroll Top -->

  1163.   <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i

  1164.       class="bi bi-arrow-up-short"></i></a>

  1165. 

  1166.   <!-- Vendor JS Files -->

  1167.   <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  1168.   <script src="assets/vendor/php-email-form/validate.js"></script>

  1169.   <script src="assets/vendor/aos/aos.js"></script>

  1170.   <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>

  1171.   <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>

  1172.   <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>

  1173. 

  1174.   <!-- Main JS File -->

  1175.   

  1176.   <!-- header and footer js files  -->

  1177.   <script src="assets/js/navbar.js"></script>

  1178.   <script src="assets/js/footer.js"></script>

  1179.   <script src="assets/js/main.js"></script>

  1180. 

  1181. </body>

  1182. 

  1183. </html>