rahul.katari
/
anwisystems


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136
							<!DOCTYPE html>
<html lang="zxx">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="description" content="" />
    <title>Anwi Systems</title>
    <!-- Favicon -->
    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="./assets/img/favicon.gif"
    />

    <!-------------------------------- all css files --------------------------->

    <!--*************************************************** 
       fontawesome,bootstrap,plugins and main style css
     ***************************************************-->
    <!-- cdn links -->

    <link rel="stylesheet" href="assets/css/fontawesome.min.css" />
    <link rel="stylesheet" href="assets/css/ionicons.min.css" />
    <link rel="stylesheet" href="assets/css/simple-line-icons.css" />
    <link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css" />
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <!-- <link rel="stylesheet" href="assets/css/bootstrap4.min.css" /> -->

    <link rel="stylesheet" href="assets/css/plugins/plugins.css" />
    <link rel="stylesheet" href="assets/css/style.min.css" />
    <link rel="stylesheet" href="assets/css/main-style.css" />
    <link rel="stylesheet" href="assets/css/responsive.css" />
    <link
      rel="stylesheet"
      href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
    />
  </head>

  <body>
    <section class="waves">
      <!-- navbar -->
      <div id="navbar-head"></div>
    </section>
    <!-- end-of-navbar -->

    <!-- main slider start -->
    <section>
      <div class="banner-wave-bg"></div>
      <div class="main-slider theme1 bg-light1">
        <div class="slider-item bg-img">
          <div class="container-fluid main-banner">
            <div class="row align-items-center">
              <div class="col-12">
                <div
                  class="slider-content content-slider d-flex align-items-center row mt-100 mb-md-5 mb-0"
                >
                  <div
                    class="col-md-6 col-lg-7 col-sm-12 m-auto d-md-none d-sm-block"
                  >
                    <img
                      src="./assets/img/slider/slider-img1.svg"
                      class="img-fluid"
                      alt="slider-img-1"
                    />
                  </div>
                  <div
                    class="col-md-6 col-lg-5 col-sm-12 banner-head-margin mb-5"
                  >
                    <div class="welcome">
                      <p
                        class="title animated"
                        data-animation-in="fadeInLeft"
                        data-delay-in="0.3"
                      >
                        Welcome to Anwi Systems
                      </p>
                    </div>
                    <div>
                      <div
                        class="animated d-block featuring"
                        data-animation-in="fadeInRight"
                        data-delay-in="0.8"
                      >
                        <p>Featuring</p>
                      </div>
                      <div
                        class="animated d-block bold-text"
                        data-animation-in="fadeInRight"
                        data-delay-in="0.8"
                      >
                        <p>
                          The Latest Computing Solutions, Extraordinary
                          Performance and Unparalleled Flexibility
                        </p>
                      </div>
                      <div class="my-4">
                        <p>
                          Lorem ipsum dolor sit amet, consectetur adipiscing
                          elit. Malesuada volutpat arcu egestas dictum euismod
                          donec pellentesque et, viverra.
                        </p>
                      </div>
                      <div
                        class="animated font-weight-bold"
                        data-animation-in="fadeInUp"
                        data-delay-in="0.5"
                      >
                        <a
                          href="products.html"
                          class="py-3 px-5 bg-white border mr-10 view-prod"
                        >
                          View Products</a
                        >
                        <a
                          href="contact-us.html"
                          class="py-3 px-5 border text-white cont-us"
                        >
                          Contact Us</a
                        >
                      </div>
                    </div>
                  </div>
                  <div
                    class="col-md-6 col-lg-7 col-sm-12 m-auto justify-content-end d-md-block d-none"
                  >
                    <img
                      src="./assets/img/slider/slider-img1.svg"
                      class="img-fluid ms-auto"
                      alt="slider-img-1"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- slider-item end -->
        <div class="slider-item bg-img">
          <div class="container-fluid main-banner">
            <div class="row align-items-center">
              <div class="col-12">
                <div
                  class="slider-content content-slider d-flex align-items-center row mt-100 mb-md-5 mb-0"
                >
                  <div
                    class="col-md-6 col-lg-7 col-sm-12 m-auto d-md-none d-sm-block"
                  >
                    <img
                      src="./assets/img/slider/slider-img1.svg"
                      class="img-fluid"
                      alt="slider-img-1"
                    />
                  </div>
                  <div
                    class="col-md-6 col-lg-5 col-sm-12 banner-head-margin mb-5"
                  >
                    <div class="welcome">
                      <p
                        class="title animated"
                        data-animation-in="fadeInLeft"
                        data-delay-in="0.3"
                      >
                        Welcome to Anwi Systems
                      </p>
                    </div>
                    <div>
                      <div
                        class="animated d-block featuring"
                        data-animation-in="fadeInRight"
                        data-delay-in="0.8"
                      >
                        <p>Featuring</p>
                      </div>
                      <div
                        class="animated d-block bold-text"
                        data-animation-in="fadeInRight"
                        data-delay-in="0.8"
                      >
                        <p>
                          The Latest Computing Solutions, Extraordinary
                          Performance and Unparalleled Flexibility
                        </p>
                      </div>
                      <div class="my-4">
                        <p>
                          Lorem ipsum dolor sit amet, consectetur adipiscing
                          elit. Malesuada volutpat arcu egestas dictum euismod
                          donec pellentesque et, viverra.
                        </p>
                      </div>
                      <div
                        class="animated font-weight-bold"
                        data-animation-in="fadeInUp"
                        data-delay-in="0.5"
                      >
                        <a
                          href="products.html"
                          class="py-3 px-5 bg-white border mr-10 view-prod"
                        >
                          View Products</a
                        >
                        <a
                          href="contact-us.html"
                          class="py-3 px-5 border text-white cont-us"
                        >
                          Contact Us</a
                        >
                      </div>
                    </div>
                  </div>
                  <div
                    class="col-md-6 col-lg-7 col-sm-12 m-auto justify-content-end d-md-block d-none"
                  >
                    <img
                      src="./assets/img/slider/slider-img1.svg"
                      class="img-fluid ms-auto"
                      alt="slider-img-1"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- slider-item end -->
      </div>
      <div class="overlay-header d-none"></div>
    </section>
    <!-- main slider end -->

    <!-- secondary slider start -->
    <section class="d-none d-md-block">
      <div class="carousel-container">
        <div class="d-flex justify-content-between mt-5 container">
          <div class="d-flex">
            <div>
              <img src="./assets/img/slider/featured-img.svg" alt="" />
            </div>
            <div class="form-check-label pl-30 py-1">FEATURED</div>
          </div>
          <a href="products.html" class="text-decoration-underline"
            >View all Products</a
          >
        </div>
        <div
          id="carouselExampleIndicators"
          class="carousel slide container p-0"
          data-ride="carousel"
        >
          <ol class="carousel-indicators d-none d-md-flex">
            <li
              data-target="#carouselExampleIndicators"
              data-slide-to="0"
              class="active"
            >
              <div class="card border-0" style="width: 8rem">
                <img
                  class="card-img-top"
                  src="./assets/img/servers/Server 2 Edited .png"
                  alt="Card image cap"
                />
                <div class="card-body">
                  <p class="card-text">American Pass</p>
                </div>
              </div>
            </li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1">
              <div class="card bg-none border-0" style="width: 8rem">
                <img
                  class="card-img-top"
                  src="./assets/img/servers/Server 3 Edited.png"
                  alt="Card image cap"
                />
                <div class="card-body">
                  <p class="card-text">Coyote Pass</p>
                </div>
              </div>
            </li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2">
              <div class="card border-0" style="width: 8rem">
                <img
                  class="card-img-top"
                  src="./assets/img/servers/Server 4 Edited.png"
                  alt="Card image cap"
                />
                <div class="card-body">
                  <p class="card-text">North Pass</p>
                </div>
              </div>
            </li>
          </ol>
          <div class="carousel-inner">
            <div class="carousel-item active">
              <!-- <img class="d-block w-100" src="./assets/img/banner/Content-bg-withoutdots.svg" alt="First slide"> -->
              <div class="d-block w-100">
                <div class="carousel-img">
                  <img
                    src="./assets/img/slider/slider-img1.svg"
                    alt=""
                    class="w-50"
                  />
                </div>
              </div>

              <div class="carousel-caption d-none d-md-block">
                <div class="card border-0" style="width: 18rem">
                  <div class="card-body text-start">
                    <p class="card-title">SERVERS</p>
                    <h5 class="card-subtitle mb-2">American Pass</h5>
                    <p class="card-text">
                      Some quick example text to build on the card title and
                      make up the bulk of the card's content.
                    </p>
                    <a href="surpass3u.html" class="card-link"
                      >Learn More<i class="fa fa-arrow-right"></i>
                    </a>
                  </div>
                </div>
              </div>
            </div>

            <div class="carousel-item">
              <!-- <img class="d-block w-100" src="./assets/img/banner/Content-bg.svg" alt="Second slide"> -->
              <div class="d-block w-100">
                <div class="carousel-img">
                  <img
                    src="./assets/img/slider/slider-img1.svg"
                    alt=""
                    class="w-50"
                  />
                </div>
              </div>

              <div class="carousel-caption d-none d-md-block">
                <div class="card border-0" style="width: 18rem">
                  <div class="card-body text-start">
                    <p class="card-title">Servers</p>
                    <h5 class="card-subtitle mb-2">Coyote Pass</h5>
                    <p class="card-text">
                      Some quick example text to build on the card title and
                      make up the bulk of the card's content.
                    </p>
                    <a href="surpass2u.html" class="card-link"
                      >Learn More <i class="fa fa-arrow-right"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="carousel-item">
              <!-- <img class="d-block w-100" src="./assets/img/banner/1.jpg" alt="Third slide"> -->
              <div class="d-block w-100">
                <div class="carousel-img">
                  <img
                    src="./assets/img/slider/slider-img1.svg"
                    alt=""
                    class="w-50"
                  />
                </div>
              </div>
              <div class="carousel-caption d-none d-md-block">
                <div class="card border-0" style="width: 18rem">
                  <div class="card-body text-start">
                    <p class="card-title">Servers</p>
                    <h5 class="card-subtitle mb-2">North Pass</h5>
                    <p class="card-text">
                      Some quick example text to build on the card title and
                      make up the bulk of the card's content.
                    </p>
                    <a href="surpass1u.html" class="card-link"
                      >Learn More <i class="fa fa-arrow-right"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <a
            class="d-block text-start carousel-control-prev"
            href="#carouselExampleIndicators"
            role="button"
            data-slide="prev"
          >
            <!-- <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span> -->
            <div class="d-flex">
              <i class="fa fa-angle-left p-3"></i>
            </div>
          </a>
          <a
            class="d-block text-right carousel-control-next"
            href="#carouselExampleIndicators"
            role="button"
            data-slide="next"
          >
            <!-- <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span> -->
            <div class="d-flex justify-content-end">
              <i class="fa fa-angle-right p-3"></i>
            </div>
          </a>
        </div>
      </div>
    </section>
    <!-- secondary slider start -->

    <!-- product tab start -->
    <section>
      <div class="main-product-tab theme1 content-block pt-5 pt-md-0">
        <div class="container">
          <div class="products-head">
            <h3>
              Explore our wide range <br />
              of High Performance products.
            </h3>
          </div>
          <div class="row">
            <div class="product-tab-nav tabs col-lg-3 col- 12 border-right">
              <nav class="product-tab-menu single-product tabs">
                <h4 class="mb-4">Categories</h4>
                <ul
                  class="nav flex-md-row flex-lg-column flex-sm-row"
                  id="pills-tab scroll"
                  role="tablist"
                >
                  <li class="nav-items active border mb-25">
                    <a
                      class="nav-link active d-flex w-100 h-100"
                      id="server-home-tab"
                      data-bs-toggle="pill"
                      href="#server-home"
                      role="tab"
                      aria-controls="server-home"
                      aria-selected="true"
                    >
                      <img src="./assets/img/icon/main-servers.svg" alt="" />
                      <p class="d-none d-md-block">Servers</p>
                    </a>
                  </li>

                  <li class="nav-items border mb-25">
                    <a
                      class="nav-link d-flex w-100 h-100"
                      id="pills-switches-tab"
                      data-bs-toggle="pill"
                      href="#pills-switches"
                      role="tab"
                      aria-controls="pills-switches"
                      aria-selected="false"
                    >
                      <img
                        src="./assets/img/icon/main-network-switches.svg"
                        alt=""
                      />
                      <p class="d-none d-md-block">
                        Network <br class="mobile--text-break" />
                        Switches
                      </p>
                    </a>
                  </li>

                  <li class="nav-items border mb-25">
                    <a
                      class="nav-link spec d-flex w-100 h-100"
                      id="pills-network-tab"
                      data-bs-toggle="pill"
                      href="#pills-network"
                      role="tab"
                      aria-controls="pills-network"
                      aria-selected="false"
                    >
                      <img
                        src="./assets/img/icon/main-network-cards.svg"
                        alt=""
                      />
                      <p class="d-none d-md-block">
                        Network <br class="mobile--text-break" />
                        Cards / Cables
                      </p>
                    </a>
                  </li>

                  <li class="nav-items border mb-25">
                    <a
                      class="nav-link d-flex w-100 h-100"
                      id="pills-storage-tab"
                      data-bs-toggle="pill"
                      href="#pills-storage"
                      role="tab"
                      aria-controls="pills-storage"
                      aria-selected="false"
                    >
                      <img src="./assets/img/icon/main-storage.svg" alt="" />
                      <p class="d-none d-md-block">Storage</p>
                    </a>
                  </li>

                  <li class="nav-items border mb-25">
                    <a
                      class="nav-link spec d-flex w-100 h-100"
                      id="pills-router-tab"
                      data-bs-toggle="pill"
                      href="#pills-router"
                      role="tab"
                      aria-controls="pills-router"
                      aria-selected="false"
                    >
                      <img src="./assets/img/icon/main-router.svg" alt="" />
                      <p class="d-none d-md-block">Routers</p>
                    </a>
                  </li>

                  <li class="nav-items border mb-25">
                    <a
                      class="nav-link spec d-flex w-100 h-100"
                      id="pills-firewalls-tab"
                      data-bs-toggle="pill"
                      href="#pills-firewalls"
                      role="tab"
                      aria-controls="pills-firewalls"
                      aria-selected="false"
                    >
                      <img src="./assets/img/icon/security.svg" alt="" />
                      <p class="d-none d-md-block">Firewalls</p>
                    </a>
                  </li>

                  <li class="nav-items border mb-25">
                    <a
                      class="nav-link spec d-flex w-100 h-100"
                      id="pills-smart-rack-tab"
                      data-bs-toggle="pill"
                      href="#pills-smart-rack"
                      role="tab"
                      aria-controls="pills-smart-rack"
                      aria-selected="false"
                    >
                      <img
                        src="./assets/img/icon/main-smart-racks.svg"
                        alt=""
                      />
                      <p class="d-none d-md-block">
                        Smart <br class="mobile--text-break" />
                        Racks
                      </p>
                    </a>
                  </li>

                  <li class="nav-items border mb-25">
                    <a
                      class="nav-link spec d-flex w-100 h-100"
                      id="pills-management-units-tab"
                      data-bs-toggle="pill"
                      href="#pills-management-units"
                      role="tab"
                      aria-controls="pills-management-units"
                      aria-selected="false"
                    >
                      <img
                        src="./assets/img/icon/main-power-mangement.svg"
                        alt=""
                      />
                      <p class="d-none d-md-block">
                        Management <br class="mobile--text-break" />
                        Units
                      </p>
                    </a>
                  </li>
                </ul>
              </nav>
            </div>
            <!-- product-tab-nav end -->

            <div class="col-lg-9 tab-content container" id="anwi-products">
              <!-- first tab-pane -->
              <div
                class="tab-pane fade show active"
                id="server-home"
                role="tabpanel"
                aria-labelledby="server-home-tab"
              >
                <div class="d-flex mb-4 ps-md-4">
                  <i class="fa fa-2x fa-compass mr-10 my-auto"></i>
                  <p>Servers</p>
                </div>
                <div class="cards py-80 d-none">
                  <div class="design-editor1">
                    <div class="product-slider-init theme1 slick-nav">
                      <!-- slider-item start -->
                      <div class="slider-item" id="singlecart">
                        <div class="card shadow-none product-card">
                          <div class="card-body">
                            <div
                              class="media flex-column flex-md-row align-items-center"
                            >
                              <div class="product-thumbnail position-relative">
                                <span class="badge badge-danger top-right"
                                  >featured</span
                                >
                                <a href="surpass3u.html">
                                  <img
                                    class="first-img"
                                    src="./assets/img/servers/american-pass-fv.png"
                                    alt="thumbnail"
                                  />
                                </a>
                              </div>
                              <div class="media-body ps-md-4 product-desc">
                                <div class="py-0 px-0">
                                  <h3 class="title">
                                    <a href="surpass3u.html"
                                      >ANWI-SurPASS-1U-2S-4SFF</a
                                    >
                                  </h3>
                                </div>
                                <ul class="product-list-des">
                                  <li>
                                    Outstanding storage scalability without
                                    performance degradation.
                                  </li>

                                  <li>
                                    The latest processor innovation with 3rd Gen
                                    Intel® Xeon® Scalable processors Innovative
                                    3U design.
                                  </li>
                                  <li>
                                    3rd Gen Intel® Xeon® Scalable processors.
                                  </li>
                                  <li>
                                    Advanced, hardware-enhanced security
                                    features.
                                  </li>
                                </ul>
                                <a
                                  href="surpass3u.html"
                                  class="btn btn--lg bg-light"
                                >
                                  <i class="fa fa-plus-circle"></i> View All
                                </a>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- slider-item end -->
                      <div class="slider-item">
                        <div class="card shadow-none product-card">
                          <div class="card-body">
                            <div
                              class="media flex-column flex-md-row align-items-center"
                            >
                              <div class="product-thumbnail position-relative">
                                <span class="badge badge-danger top-right"
                                  >featured</span
                                >
                                <a href="flint-pass-2u-node.html">
                                  <!-- <img class="first-img" src="./assets/img/servers/flint-pass-fv-re.png" alt="thumbnail" /> -->
                                  <img
                                    class="first-img"
                                    src="./assets/img/servers/flint-pass-fv.png"
                                    alt=" thumbnail"
                                  />
                                </a>
                              </div>
                              <div class="media-body ps-md-4 product-desc">
                                <div class="py-0 px-0">
                                  <h3 class="title">
                                    <a href="flint-pass-2u-node.html"
                                      >ANWI-SurPASS-3U-8S-24SFF</a
                                    >
                                  </h3>
                                </div>
                                <ul class="product-list-des">
                                  <li>
                                    Outstanding storage scalability without
                                    performance degradation
                                  </li>
                                  <li>
                                    3rd Gen Intel® Xeon® Scalable processors
                                  </li>
                                  <li>
                                    Advanced, hardware-enhanced security
                                    features
                                  </li>
                                  <li>
                                    Intel® Optane™ persistent memory 200 series
                                  </li>
                                  <li>
                                    Support for up to 200Gb network cards.
                                  </li>
                                </ul>
                                <a
                                  href="flint-pass-2u-node.html"
                                  class="btn btn--xl btn-primary rounded-pill"
                                >
                                  Know More
                                </a>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- slider-item end -->
                    </div>
                  </div>
                </div>
                <div
                  class="g-4 row row-cols-1 row-cols-md-3 px-md-4 d-none d-md-flex"
                >
                  <div class="card border-0 product-cards col-md-4">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/servers/american-pass-small.svg"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">American Pass</h5>
                      <p class="d-none d-md-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span
                          >Outstanding storage scalability without performance
                          degradation.</span
                        >
                      </p>
                      <p class="d-none d-md-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span
                          >The latest processor innovation with 3rd Gen intel
                          Xeon® Scalable processors</span
                        >
                      </p>
                      <p class="d-none d-md-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>Innovative 3U design</span>
                      </p>
                      <a
                        href="surpass3u.html"
                        class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                  <div class="card border-0 product-cards col-md-4">
                    <img
                      class="card-img-top h-100 w-75"
                      src="./assets/img/servers/creek-pass.svg"
                      alt="Card image cap "
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">Coyote Pass</h5>
                      <p class="d-none d-md-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3rd Gen Intel® Xeon® Scalable processors</span>
                      </p>
                      <p class="d-none d-md-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>Higher memory bandwidth and capacity</span>
                      </p>
                      <p class="d-none d-md-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>Improved I/O balance and performance</span>
                      </p>
                      <a
                        href="surpass2u.html"
                        class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                  <div class="card border-0 product-cards col-md-4">
                    <img
                      class="card-img-top h-100 w-75"
                      src="./assets/img/servers/flink-pass.svg"
                      alt="Card image cap "
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">North Pass</h5>
                      <p class="d-none d-md-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>Outstanding Anwi Quality & Reliability</span>
                      </p>
                      <p class="d-none d-md-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span
                          >Integrated dual 1GbE Ethernet + Type 1 OCPv2 slot for
                          10, 25, 40GbE option</span
                        >
                      </p>
                      <p class="d-none d-md-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span
                          >M.2 SATA/PCIe slot, Dedicated Mgmt 1GbE RJ45
                          port</span
                        >
                      </p>
                      <a
                        href="surpass1u.html"
                        class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                </div>
                <div class="d-md-none">
                  <div class="card border-0 product-cards col-md-4">
                    <a href="servers.html">
                      <img
                        class="card-img-top w-75"
                        src="./assets/img/servers/american-pass-small.svg"
                        alt="Card image cap"
                      />
                    </a>
                  </div>
                </div>
                <div class="text-center mt-5">
                  <a href="servers.html" class="view-products bg-light">
                    <i class="fa fa-plus-circle mr-10"></i>
                    VIEW ALL
                  </a>
                </div>
              </div>
              <!-- second tab-pane -->
              <div
                class="tab-pane fade"
                id="pills-switches"
                role="tabpanel"
                aria-labelledby="pills-switches-tab"
              >
                <div class="d-flex mb-4 ps-md-4">
                  <i class="fa fa-compass mr-10 my-auto fa-2x"></i>
                  <p>Network Switches</p>
                </div>

                <div
                  id="carouselExampleControls"
                  class="carousel slide px-40 d-none d-md-flex"
                  data-bs-ride="carousel"
                >
                  <div class="carousel-inner">
                    <div class="carousel-item active">
                      <div class="row">
                        <div class="card border-0 product-cards col-lg-4">
                          <img
                            class="card-img-top w-75"
                            src="./assets/img/650!450/10g.png"
                            alt="Card image cap"
                          />
                          <div class="card-body text-center">
                            <h5 class="card-title text-start">10G-Switch</h5>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span
                                >Compact full featured modular 10GE/40GE data
                                center switch</span
                              >
                            </p>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span
                                >1 x Mini USB serial console port with mini-USB
                                to RJ45 converter cable</span
                              >
                            </p>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span>1 x USB 2.0 Type-A port</span>
                            </p>
                            <a
                              href="10g-data.html"
                              class="bg-light btn mt-4 px-5 py-3 w-100"
                              >Learn More</a
                            >
                          </div>
                        </div>
                        <div class="card border-0 product-cards col-lg-4">
                          <img
                            class="card-img-top w-75"
                            src="./assets/img/650!450/25g.png"
                            alt="Card image cap"
                          />
                          <div class="card-body text-center">
                            <h5 class="card-title text-start">25G-Switch</h5>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span
                                >Compact full featured modular 10/25/40/50/100GE
                                data center switch</span
                              >
                            </p>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span
                                >1 x Mini USB serial console port with mini-USB
                                to RJ45 converter cable</span
                              >
                            </p>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span>1 x USB 2.0 Type-A port</span>
                            </p>
                            <a
                              href="25g-data.html"
                              class="bg-light btn mt-4 px-5 py-3 w-100"
                              >Learn More</a
                            >
                          </div>
                        </div>
                        <div class="card border-0 product-cards col-lg-4">
                          <img
                            class="card-img-top w-75"
                            src="./assets/img/650!450/40g.png"
                            alt="Card image cap"
                          />
                          <div class="card-body text-center">
                            <h5 class="card-title text-start">40G-Switch</h5>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span
                                >Outstanding storage scalability without
                                performance degradation.</span
                              >
                            </p>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span
                                >3rd Gen Intel® Xeon® Scalable processors</span
                              >
                            </p>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span>DDR4 16x DIMMs</span>
                            </p>
                            <a
                              href="40g-data.html"
                              class="bg-light btn mt-4 px-5 py-3 w-100"
                              >Learn More</a
                            >
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div class="row">
                        <div class="card border-0 product-cards col-lg-4">
                          <img
                            class="card-img-top w-75"
                            src="./assets/img/650!450/100g1.png"
                            alt="Card image cap"
                          />
                          <div class="card-body text-center">
                            <h5 class="card-title text-start">100G-1 Switch</h5>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span>3U Rack-Mount enclosure</span>
                            </p>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span
                                >3rd Gen Intel® Xeon® Scalable processors</span
                              >
                            </p>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span>DDR4 16x DIMMs</span>
                            </p>
                            <a
                              href="100g-port1.html"
                              class="bg-light btn mt-4 px-5 py-3 w-100"
                              >Learn More</a
                            >
                          </div>
                        </div>
                        <div class="card border-0 product-cards col-lg-4">
                          <img
                            class="card-img-top w-75"
                            src="./assets/img/650!450/100g2.png"
                            alt="Card image cap"
                          />
                          <div class="card-body text-center">
                            <h5 class="card-title text-start">100G-2 Switch</h5>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span
                                >Compact full featured modular 10/25/40/50/100GE
                                data center switch</span
                              >
                            </p>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span
                                >1 x RJ45 console/management port with RS232
                                signaling</span
                              >
                            </p>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span>1 x USB 2.0 Type-A port</span>
                            </p>
                            <a
                              href="100g-port2.html"
                              class="bg-light btn mt-4 px-5 py-3 w-100"
                              >Learn More</a
                            >
                          </div>
                        </div>
                        <div class="card border-0 product-cards col-lg-4">
                          <img
                            class="card-img-top w-75"
                            src="./assets/img/650!450/100g3.png"
                            alt="Card image cap"
                          />
                          <div class="card-body text-center">
                            <h5 class="card-title text-start">100G-3 Switch</h5>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span
                                >Compact full featured 10/100GE data center
                                switch</span
                              >
                            </p>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span
                                >1 x RJ45 console/management port with RS232
                                signaling</span
                              >
                            </p>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span>1 x USB 2.0 Type-A port</span>
                            </p>
                            <a
                              href="100g-port3.html"
                              class="bg-light btn mt-4 px-5 py-3 w-100"
                              >Learn More</a
                            >
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div>
                        <div class="card border-0 product-cards w-25">
                          <img
                            class="card-img-top w-75"
                            src="./assets/img/650!450/400g.png"
                            alt="Card image cap"
                          />
                          <div class="card-body text-center">
                            <h5 class="card-title text-start">400G Switch</h5>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span>1 RU, Data Center Spine Switch</span>
                            </p>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span>12.8Tbps switching capacity</span>
                            </p>
                            <p class="d-flex card-text text-start">
                              <i class="fa fa-plus mr-5 mt-1"></i>
                              <span>32 x 400GE QSFP28 ports</span>
                            </p>
                            <a
                              href="400g-data.html"
                              class="bg-light btn mt-4 px-5 py-3 w-100"
                              >Learn More</a
                            >
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <a
                    class="carousel-control-prev d-flex justify-content-start"
                    type="button"
                    data-bs-target="#carouselExampleControls"
                    data-bs-slide="prev"
                  >
                    <i class="fa fa-2x fa-chevron-double-left"></i>
                  </a>
                  <a
                    class="carousel-control-next d-flex justify-content-end"
                    type="button"
                    data-bs-target="#carouselExampleControls"
                    data-bs-slide="next"
                  >
                    <i class="fa fa-2x fa-chevron-double-right"></i>
                  </a>
                </div>
                <div class="d-md-none">
                  <div class="card border-0 product-cards col-md-4">
                    <a href="network-switches.html">
                      <img
                        class="card-img-top w-75"
                        src="./assets/img/650!450/10g.png"
                        alt="Card image cap"
                      />
                    </a>
                  </div>
                </div>
                <div class="text-center mt-5">
                  <a
                    href="network-switches.html"
                    class="view-products bg-light"
                  >
                    <i class="fa fa-plus-circle mr-10"></i>
                    VIEW ALL
                  </a>
                </div>
              </div>
              <!-- third tab-pane -->
              <div
                class="tab-pane fade"
                id="pills-network"
                role="tabpanel"
                aria-labelledby="pills-network-tab"
              >
                <div class="d-flex mb-4 ps-md-4">
                  <i class="fa fa-2x fa-compass mr-10 my-auto"></i>
                  <p>Network Cards / Cables</p>
                </div>
                <div
                  class="d-flex g-4 row row-cols-1 row-cols-md-3 ps-md-5 d-none d-md-flex"
                >
                  <div class="card border-0 product-cards">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/650!450/700-series.png"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">
                        Anwi Ethernet Network Adapter XXV710
                      </h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span
                          >Flexible and Scalable I/O for Virtualized
                          Infrastructures</span
                        >
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span
                          >Enhanced Network Virtualization Overlays (NVO)</span
                        >
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span
                          >Onboard high-precision oscillator for greater phase
                          accuracy</span
                        >
                      </p>
                      <a
                        href="network-card-700series.html"
                        class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                  <div class="card border-0 product-cards">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/650!450/800-series.png"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">
                        Anwi Ethernet 800 Series Network Adapters
                      </h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>Application Device Queues (ADQ)</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>Supports both RDMA iWARP and RoCEv2</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span
                          >Connect to a wide range of switch speeds and media
                          types</span
                        >
                      </p>
                      <a
                        href="network-card-800series.html"
                        class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                  <div class="card border-0 product-cards d-none">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/servers/american-pass-small.svg"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">American Pass</h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3U Rack-Mount enclosure</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3rd Gen Intel® Xeon® Scalable processors</span>
                      </p>
                      <p class="card-text text-start">
                        <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
                      </p>
                      <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                </div>
                <div class="d-md-none">
                  <div class="card border-0 product-cards col-md-4">
                    <a href="network-cards.html">
                      <img
                        class="card-img-top w-75"
                        src="./assets/img/650!450/800-series.png"
                        alt="Card image cap"
                      />
                    </a>
                  </div>
                </div>
                <div class="text-center mt-5">
                  <a href="network-cards.html" class="view-products bg-light">
                    <i class="fa fa-plus-circle mr-10"></i>
                    VIEW ALL
                  </a>
                </div>
              </div>
              <!--fourth tab-pane-->
              <div
                class="tab-pane fade"
                id="pills-storage"
                role="tabpanel"
                aria-labelledby="pills-storage-tab"
              >
                <div class="d-flex mb-4 ps-md-4">
                  <i class="fa fa-2x fa-compass mr-10 my-auto"></i>
                  <p>Storage</p>
                </div>
                <div
                  class="d-flex g-4 row row-cols-1 row-cols-md-3 ps-md-5 d-none d-md-flex"
                >
                  <div class="card border-0 product-cards">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/storage/24-bay-storage.png"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">24 Bay Storage</h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>24 Bay Supermicro Server</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>High-performance Computing Solutions</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span
                          >Advanced, hardware-enhanced security features</span
                        >
                      </p>
                      <a
                        href="24-bay-storage.html"
                        class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                  <div class="card border-0 product-cards d-none">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/servers/american-pass-small.svg"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">American Pass</h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3U Rack-Mount enclosure</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3rd Gen Intel® Xeon® Scalable processors</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>DDR4 16x DIMMs</span>
                      </p>
                      <a href="" class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                  <div class="card border-0 product-cards d-none">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/servers/american-pass-small.svg"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">American Pass</h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3U Rack-Mount enclosure</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3rd Gen Intel® Xeon® Scalable processors</span>
                      </p>
                      <p class="card-text text-start">
                        <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
                      </p>
                      <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                </div>
                <div class="d-md-none">
                  <div class="card border-0 product-cards col-md-4">
                    <a href="24-bay-storage.html">
                      <img
                        class="card-img-top w-75"
                        src="./assets/img/storage/24-bay-storage.png"
                        alt="Card image cap"
                      />
                    </a>
                  </div>
                </div>
                <div class="text-center mt-5">
                  <a href="24-bay-storage.html" class="view-products bg-light">
                    <i class="fa fa-plus-circle mr-10"></i>
                    VIEW ALL
                  </a>
                </div>
              </div>
              <!-- fifth tab pane  -->
              <div
                class="tab-pane fade"
                id="pills-router"
                role="tabpanel"
                aria-labelledby="pills-router-tab"
              >
                <div class="d-flex mb-4 ps-md-4">
                  <i class="fa fa-2x fa-compass mr-10 my-auto"></i>
                  <p>Routers</p>
                </div>
                <div
                  class="d-flex g-4 row row-cols-1 row-cols-md-3 ps-md-5 d-none d-md-flex"
                >
                  <div class="card border-0 product-cards">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/650!450/router1.png"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">COR580</h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span
                          >Support for single-stage and three-stage fabric
                          configurations</span
                        >
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>Self-routing with dynamic load balancing</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>24 x QSFP-DD cell-based fabric ports</span>
                      </p>
                      <a
                        href="routers.html"
                        class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                  <div class="card border-0 product-cards d-none">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/servers/american-pass-small.svg"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">American Pass</h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3U Rack-Mount enclosure</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3rd Gen Intel® Xeon® Scalable processors</span>
                      </p>
                      <p class="card-text text-start">
                        <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
                      </p>
                      <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                  <div class="card border-0 product-cards d-none">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/servers/american-pass-small.svg"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">American Pass</h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3U Rack-Mount enclosure</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3rd Gen Intel® Xeon® Scalable processors</span>
                      </p>
                      <p class="card-text text-start">
                        <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
                      </p>
                      <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                </div>
                <div class="d-md-none">
                  <div class="card border-0 product-cards col-md-4">
                    <a href="routers.html">
                      <img
                        class="card-img-top w-75"
                        src="./assets/img/650!450/router1.png"
                        alt="Card image cap"
                      />
                    </a>
                  </div>
                </div>
                <div class="text-center mt-5">
                  <a href="routers.html" class="view-products bg-light">
                    <i class="fa fa-plus-circle mr-10"></i>
                    VIEW ALL
                  </a>
                </div>
              </div>
              <!-- sixth tab pane -->
              <div
                class="tab-pane fade"
                id="pills-firewalls"
                role="tabpanel"
                aria-labelledby="pills-firewalls-tab"
              >
                <div class="d-flex mb-4 ps-md-4">
                  <i class="fa fa-2x fa-compass mr-10 my-auto"></i>
                  <p>Firewalls</p>
                </div>
                <div
                  class="d-flex g-4 row row-cols-1 row-cols-md-3 ps-md-5 d-none d-md-flex"
                >
                  <div class="card border-0 product-cards">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/firewall/firewall1.png"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">Netgate 7100 1U</h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span
                          >Standard configuration with 8GB of RAM and 32GB
                          storage.</span
                        >
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span
                          >This system is designed for a long deployment
                          lifetime.</span
                        >
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span
                          >Maximum Active Connections: 8,000,000 (more with
                          additional RAM)</span
                        >
                      </p>
                      <a
                        href="firewall.html"
                        class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                  <div class="card border-0 product-cards d-none">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/servers/american-pass-small.svg"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">American Pass</h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3U Rack-Mount enclosure</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3rd Gen Intel® Xeon® Scalable processors</span>
                      </p>
                      <p class="card-text text-start">
                        <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
                      </p>
                      <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                  <div class="card border-0 product-cards d-none">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/servers/american-pass-small.svg"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">American Pass</h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3U Rack-Mount enclosure</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3rd Gen Intel® Xeon® Scalable processors</span>
                      </p>
                      <p class="card-text text-start">
                        <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
                      </p>
                      <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                </div>
                <div class="d-md-none">
                  <div class="card border-0 product-cards col-md-4">
                    <a href="firewall.html">
                      <img
                        class="card-img-top w-75"
                        src="./assets/img/firewall/firewall1.png"
                        alt="Card image cap"
                      />
                    </a>
                  </div>
                </div>
                <div class="text-center mt-5">
                  <a href="firewall.html" class="view-products bg-light">
                    <i class="fa fa-plus-circle mr-10"></i>
                    VIEW ALL
                  </a>
                </div>
              </div>
              <!-- seventh tab pane -->
              <div
                class="tab-pane fade"
                id="pills-smart-rack"
                role="tabpanel"
                aria-labelledby="pills-smart-rack-tab"
              >
                <div class="d-flex mb-4 ps-md-4">
                  <i class="fa fa-2x fa-compass mr-10 my-auto"></i>
                  <p>Smart Racks</p>
                </div>
                <div
                  class="d-flex g-4 row row-cols-1 row-cols-md-3 ps-md-5 d-none d-md-flex"
                >
                  <div class="card border-0 product-cards">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/racks/server-rack.png"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">Smart Racks</h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3U Rack-Mount enclosure</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3rd Gen Intel® Xeon® Scalable processors</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>DDR4 16x DIMMs</span>
                      </p>
                      <a
                        href="racks.html"
                        class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                  <div class="card border-0 product-cards d-none">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/servers/american-pass-small.svg"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">American Pass</h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3U Rack-Mount enclosure</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3rd Gen Intel® Xeon® Scalable processors</span>
                      </p>
                      <p class="card-text text-start">
                        <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
                      </p>
                      <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                  <div class="card border-0 product-cards d-none">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/servers/american-pass-small.svg"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">American Pass</h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3U Rack-Mount enclosure</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3rd Gen Intel® Xeon® Scalable processors</span>
                      </p>
                      <p class="card-text text-start">
                        <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
                      </p>
                      <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                </div>
                <div class="d-md-none">
                  <div class="card border-0 product-cards col-md-4">
                    <a href="racks.html">
                      <img
                        class="card-img-top w-75"
                        src="./assets/img/racks/server-rack.png"
                        alt="Card image cap"
                      />
                    </a>
                  </div>
                </div>
                <div class="text-center mt-5">
                  <a href="racks.html" class="view-products bg-light">
                    <i class="fa fa-plus-circle mr-10"></i>
                    VIEW ALL
                  </a>
                </div>
              </div>
              <!-- eigth tab pane -->
              <div
                class="tab-pane fade"
                id="pills-management-units"
                role="tabpanel"
                aria-labelledby="pills-management-units-tab"
              >
                <div class="d-flex mb-4 ps-md-4">
                  <i class="fa fa-2x fa-compass mr-10 my-auto"></i>
                  <p>Mangement Units</p>
                </div>
                <div
                  class="d-flex g-4 row row-cols-1 row-cols-md-3 ps-md-5 d-none d-md-flex"
                >
                  <div class="card border-0 product-cards">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/no-image.png"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">IMOU units</h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3U Rack-Mount enclosure</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3rd Gen Intel® Xeon® Scalable processors</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>DDR4 16x DIMMs</span>
                      </p>
                      <a
                        href="management-units.html"
                        class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                  <div class="card border-0 product-cards d-none">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/servers/american-pass-small.svg"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">American Pass</h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3U Rack-Mount enclosure</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3rd Gen Intel® Xeon® Scalable processors</span>
                      </p>
                      <p class="card-text text-start">
                        <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
                      </p>
                      <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                  <div class="card border-0 product-cards d-none">
                    <img
                      class="card-img-top w-75"
                      src="./assets/img/servers/american-pass-small.svg"
                      alt="Card image cap"
                    />
                    <div class="card-body text-center">
                      <h5 class="card-title text-start">American Pass</h5>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3U Rack-Mount enclosure</span>
                      </p>
                      <p class="d-flex card-text text-start">
                        <i class="fa fa-plus mr-5 mt-1"></i>
                        <span>3rd Gen Intel® Xeon® Scalable processors</span>
                      </p>
                      <p class="card-text text-start">
                        <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
                      </p>
                      <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
                        >Learn More</a
                      >
                    </div>
                  </div>
                </div>
                <div class="d-md-none">
                  <div class="card border-0 product-cards col-md-4">
                    <a href="management-units.html">
                      <img
                        class="card-img-top w-75"
                        src="./assets/img/no-image.png"
                        alt="Card image cap"
                      />
                    </a>
                  </div>
                </div>
                <div class="text-center mt-5">
                  <a
                    href="management-units.html"
                    class="view-products bg-light"
                  >
                    <i class="fa fa-plus-circle mr-10"></i>
                    VIEW ALL
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="container my-5 our-team">
          <div class="our-team-head">
            <h2>Our Team</h2>
          </div>
          <div class="row our-team-content">
            <div class="col-lg-5">
              <img src="./assets/img/slider/our-team.svg" alt="" />
            </div>
            <div class="col-lg-7">
              <div
                id="carouselExampleIndicators-2"
                class="carousel slide"
                data-ride="carousel"
              >
                <div>
                  <a
                    class="carousel-control-prev"
                    href="#carouselExampleIndicators-2"
                    role="button"
                    data-slide="prev"
                  >
                    <i class="fa fa-arrow-left"></i>
                  </a>
                  <ol class="carousel-indicators">
                    <li
                      data-target="#carouselExampleIndicators-2"
                      data-slide-to="0"
                      class="active"
                    ></li>
                    <li
                      data-target="#carouselExampleIndicators-2"
                      data-slide-to="1"
                    ></li>
                    <li
                      data-target="#carouselExampleIndicators-2"
                      data-slide-to="2"
                    ></li>
                  </ol>
                  <a
                    class="carousel-control-next"
                    href="#carouselExampleIndicators-2"
                    role="button"
                    data-slide="next"
                  >
                    <i class="fa fa-arrow-right"></i>
                  </a>
                </div>
                <div class="carousel-inner">
                  <div class="carousel-item active">
                    <div>
                      <p class="pb-3">01</p>
                      <h4 class="pb-3 font-weight-bold">Who we are</h4>
                      <p>
                        Anwi Systems is an innovative 5G networking solution
                        provider with an abundance of passion and energy to
                        enhance the core values of our company.
                      </p>
                    </div>
                  </div>
                  <div class="carousel-item">
                    <div>
                      <p class="pb-3">02</p>
                      <h4 class="pb-3 font-weight-bold">Our Engineering</h4>
                      <p>
                        Engineering R&D accounts for 66% of our total headcount
                        with the majority of engineers having over 10 years of
                        related working experience.
                      </p>
                    </div>
                  </div>
                  <div class="carousel-item">
                    <div>
                      <p class="pb-3">03</p>
                      <h4 class="pb-3 font-weight-bold">Our Standards</h4>
                      <p>
                        All of our products go through rigorous third-party
                        testing to ensure our system performance meets industry
                        quality standards. Before third party testing, Anwi
                        Systems has the capability to validate hardware design,
                        electrical design, mechanical design and system design
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="container mt-5 solutions">
          <div class="solutions-head">
            <h2>
              Solutions for every need, no <br />
              matter the size.
            </h2>
          </div>
          <div class="row solutions-content">
            <div class="col-lg-4 col-md-6">
              <div class="card border-0 mx-3">
                <img
                  class="card-img-top m-auto py-5 w-50"
                  src="./assets/img/slider/Cityscapes Medium Building 1.svg"
                  alt="Card image cap"
                />
                <div class="card-body">
                  <h5 class="card-title">Team</h5>
                  <p class="card-text">
                    Some quick example text to build on the card title and make
                    up the bulk of the card's content.
                  </p>
                  <div class="w-100 text-lg-end mt-3">
                    <a href="#"
                      >Learn More <i class="fa fa-arrow-right pl-30"></i>
                    </a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-6">
              <div class="card border-0 mx-3">
                <img
                  class="card-img-top m-auto py-3 w-75"
                  src="./assets/img/slider/Cityscapes Skyscraper 1.png"
                  alt="Card image cap"
                />
                <div class="card-body">
                  <h5 class="card-title">Business</h5>
                  <p class="card-text">
                    Some quick example text to build on the card title and make
                    up the bulk of the card's content.
                  </p>
                  <div class="w-100 text-lg-end mt-3">
                    <a href="#"
                      >Learn More <i class="fa fa-arrow-right pl-30"></i>
                    </a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-6">
              <div class="card border-0 mx-3">
                <img
                  class="card-img-top m-auto py-3 w-75"
                  src="./assets/img/slider/Cityscapes Downtown.png"
                  alt="Card image cap"
                />
                <div class="card-body">
                  <h5 class="card-title">Enterprise</h5>
                  <p class="card-text">
                    Some quick example text to build on the card title and make
                    up the bulk of the card's content.
                  </p>
                  <div class="w-100 text-lg-end mt-3">
                    <a href="#"
                      >Learn More <i class="fa fa-arrow-right pl-30"></i>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- product tab end -->

    <!-- About us start -->
    <section class="content-block collbrate-img bg collabrate-section d-none">
      <div class="container">
        <div class="row align-items-center justify-content-between">
          <div class="text-content-block col-lg-8">
            <h6>COLLABRATION WITH US</h6>
            <h2>Dedicated IT Solutions with 25 Years Experience</h2>
            <p>
              Entrepreneurs, artist, athletes and other individuals who have
              excelled in their field share fun and inspiring stories from their
              journey to success.
            </p>
          </div>
          <div class="text-content-block col-lg-4">
            <figure>
              <img src="./assets/img/iconset01.png" alt="Image" />
            </figure>
            <div class="text-center">
              <a href="about-us.html">Know More....</a>
            </div>
            <!-- end text-content-block -->
          </div>
          <!-- end col-6 -->
          <!-- <div class="col-lg-3 col-md-6 wow fadeIn animated scroll_img1" style="visibility: visible;">
        <figure class="image-box" data-stellar-ratio="1.3" style="display: block; top: 87.5156px;"> <img
            id="scroll_img" src="./assets/img/service/intro-image01.jpg" alt="Image"> </figure>
      </div> -->
          <!-- end col-3 -->
          <!-- <div class="col-lg-3 col-md-6 wow fadeIn animated sticky" style="visibility: visible;">
        <figure class="image-box sec-img-box" data-stellar-ratio="1.1" style="display: block; top: 29.1719px;"> <img
            src="./assets/img/service/intro-image02.jpg" alt="Image"> </figure>
      </div> -->
          <!-- end col-3 -->
        </div>
        <!-- end row -->
      </div>

      <!-- end container -->
    </section>
    <!-- about us end -->

    <!-- Promotion Banner -->
    <section class="promotion-section content-block d-none">
      <div class="container promotion-container">
        <div class="banner-img-wrapper">
          <img
            src="./assets/img/promotions-banners/collaborate-with-us.jpg"
            alt="promotion-banner"
            class="img-fluid d-none d-md-block"
          />
          <img
            src="./assets/img/promotions-banners/collaborate-with-us.jpg"
            alt="promotion-banner"
            class="img-fluid d-block d-md-none"
          />
        </div>
      </div>
    </section>
    <!-- End-Promotion Banner -->

    <section class="static-media-section theme-bg py-45 content-block d-none">
      <div class="container">
        <div class="static-media-wrap p-0">
          <div class="row">
            <div class="col-lg-3 col-sm-6 py-3 static-media">
              <div class="d-flex static-media2 flex-column flex-sm-row">
                <img
                  class="align-self-center mb-2 mb-sm-0 me-auto me-sm-3"
                  src="./assets/img/icon/2.png"
                  alt="icon"
                />
                <div class="media-body shipping1">
                  <h4 class="title text-capitalize text-white">
                    Free Shipping
                  </h4>
                  <p class="text text-white">On all orders over $75.00</p>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-sm-6 py-3 static-media1">
              <div class="d-flex static-media2 flex-column flex-sm-row">
                <img
                  class="align-self-center mb-2 mb-sm-0 me-auto me-sm-3"
                  src="./assets/img/icon/3.png"
                  alt="icon"
                />
                <div class="media-body shipping2">
                  <h4 class="title text-capitalize text-white">Free Returns</h4>
                  <p class="text text-white">Returns are free within 9 days</p>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-sm-6 py-3 static-media">
              <div class="d-flex static-media2 flex-column flex-sm-row">
                <img
                  class="align-self-center mb-2 mb-sm-0 me-auto me-sm-3"
                  src="./assets/img/icon/5.png"
                  alt="icon"
                />
                <div class="media-body shipping3">
                  <h4 class="title text-capitalize text-white">Support 24/7</h4>
                  <p class="text text-white">Contact us 24 hours a day</p>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-sm-6 py-3 static-media1">
              <div class="d-flex static-media2 flex-column flex-sm-row">
                <img
                  class="align-self-center mb-2 mb-sm-0 me-auto me-sm-3"
                  src="./assets/img/icon/4.png"
                  alt="icon"
                />
                <div class="media-body shipping4">
                  <h4 class="title text-capitalize text-white">
                    100% Payment Secure
                  </h4>
                  <p class="text text-white">Your payment are safe with us.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- blog-section end -->

    <!-- footer start -->
    <div id="footer-head"></div>
    <!-- footer end -->

    <!--------------------------- all js files ------------------->

    <!--------------- jquery,modernizr ,poppe,bootstrap,plugins and main js-------------------------------->
    <script
      src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
      integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
      crossorigin="anonymous"
    ></script>
    <!-- <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.3/dist/umd/popper.min.js"
        integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
    </script> -->

    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js"
      integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
      crossorigin="anonymous"
    ></script>

    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
    <script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
    <script src="assets/js/plugins/jquery-ui.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/plugins/plugins.js"></script>
    <script src="assets/js/plugins/ajax-contact.js"></script>
    <script src="assets/js/main.js"></script>
    <script src="assets/js/scroll.js"></script>
    <script src="assets/js/cart.js"></script>

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->

    <script src="assets/js/vendor/vendor.min.js"></script>
    <script src="assets/js/plugins/plugins.min.js"></script>
    <script src="assets/js/main.js"></script>

    <!-- navbar-js -->
    <script src="assets/js/navbar.js"></script>

    <!-- footer-js -->
    <script src="assets/js/footer.js"></script>
  </body>
</html>