KFA Marketplace - The Mechanical Keyboard Marketplace

<!DOCTYPE html> <html lang="en" data-layout="horizontal" data-topbar="light" data-sidebar="dark" data-sidebar-size="lg" data-sidebar-image="none"> <head> <meta charset="utf-8" /> <title> KFA Marketplace - The Mechanical Keyboard Marketplace </title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Mechanical Keyboard Marketplace to buy and sell mechanical keyboards, keycaps, switches, artisans, and other keyboard accessories! Safe and fast place to buy and sell anything you need for a mechanical keyboard!"> <meta content="The Keyboard Marketplace" name="KeebsForAll Marketplace" />  <link rel="shortcut icon" href="/static/images/kfa.2c8624f7b9b0.svg">    <script src="/static/js/layout.4615bbfd57a1.js"></script>  <link href="/static/css/bootstrap.min.6fe7683581b4.css" id="bootstrap-style" rel="stylesheet" type="text/css" />  <link href="/static/css/icons.min.1bb17c6205f1.css" rel="stylesheet" type="text/css" />  <link href="/static/css/app.min.d96cae7f9c17.css" id="app-style" rel="stylesheet" type="text/css" />  <link href="/static/css/custom.3030ebf616c8.css" id="app-style" rel="stylesheet" type="text/css" /> <script src="/static/js/jquery-3.6.1.min.9e0cc263422d.js"></script> </head> <body>  <div id="layout-wrapper"> <header id="page-topbar"> <input type="hidden" name="csrfmiddlewaretoken" value="PfexKmbKavokisYeq0tHAkDusMCjXVi0lwxXAuSIaTsbguqQbrtjrR7TKHsdLNlv"> <div class="layout-width"> <div class="navbar-header"> <div class="d-flex flex-grow-1 justify-content-lg-start justify-content-md-start justify-content-between">  <button type="button" class="btn btn-sm ps-1 pe-2 fs-16 header-item vertical-menu-btn topnav-hamburger" id="topnav-hamburger-icon"> <img src="/static/images/hamburger-menu.bb803351e788.svg" alt="" height="22"> </button> <div class="navbar-brand-box horizontal-logo d-flex align-items-center ps-1 pe-md-4"> <a href="/" class="logo logo-dark"> <span class="logo-sm"> <h4 class="mb-0" style="line-height: 0.8;">KeebsForAll Marketplace<br> <small style="font-size:12px">The Keyboard Marketplace</small> </h4> </span> <span class="logo-lg"> <h4 class="mb-0" style="line-height: 0.8;">KeebsForAll Marketplace<br> <small style="font-size:12px">The Keyboard Marketplace</small> </h4> </span> </a> <a href="/" class="logo logo-light"> <span class="logo-sm"> <img src="/static/images/kfa.2c8624f7b9b0.svg" alt="" height="32"> </span> <span class="logo-lg"> <h4 class="mb-0">KeebsForAll Marketplace</h4>  </span> </a> </div>  <div class="dropdown d-md-none px-0 topbar-head-dropdown header-item"> <button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle" id="page-header-search-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img src="/static/images/search.66c6de3eefd1.svg" height="28"> </button> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0" aria-labelledby="page-header-search-dropdown"> <form class="p-3" method="GET" action="/product/search/"> <div class="form-group m-0"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search ..." name="search-term" aria-label="Recipient's username"> <button class="btn btn-primary" type="submit"><i class="mdi mdi-magnify" style="vertical-align: middle;"></i></button> </div> </div> </form> </div> </div> <form class="app-search flex-grow-1 pe-3 d-none d-md-flex justify-content-end" method="GET" action="/product/search/"> <div class="position-relative"> <input type="text" class="form-control" placeholder="Search..." autocomplete="off" id="search-options" value="" name="search-term"> <span class="mdi mdi-magnify search-widget-icon"></span> <span class="mdi mdi-close-circle search-widget-icon search-widget-icon-close d-none" id="search-close-options"></span> </div> <div class="dropdown-menu dropdown-menu-lg" style="width: 265px; top:100%;" id="search-dropdown"> <div data-simplebar style="max-height: 320px;">  <a href="/dashboard/" class="dropdown-item notify-item"> <i class="ri-bubble-chart-line align-middle fs-18 text-muted me-2"></i> <span>Analytics Dashboard</span> </a>  <a href="/users/settings/" class="dropdown-item notify-item"> <i class="ri-user-settings-line align-middle fs-18 text-muted me-2"></i> <span>My account settings</span> </a> </div> <div class="text-center pt-3 pb-1"> <button type="submit" class="btn btn-primary btn-sm">Search products <i class="ri-arrow-right-line ms-1" style="vertical-align: middle;"></i></button> </div> </div> </form> <div class="dropdown topbar-head-dropdown ms-0 header-item"> <button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle" id="page-header-cart-dropdown" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="true"> <i class="bx bx-shopping-bag fs-22"></i> <span class="position-absolute topbar-badge cartitem-badge fs-10 translate-middle badge rounded-pill bg-main">0</span> </button> <div class="dropdown-menu dropdown-menu-xl dropdown-menu-end p-0 dropdown-menu-cart" aria-labelledby="page-header-cart-dropdown" data-popper-placement="bottom-end" style="position: absolute; inset: 0px 0px auto auto; margin: 0px; transform: translate(0px, 58px);"> <div class="p-3 border-top-0 border-start-0 border-end-0 border-dashed border"> <div class="row align-items-center"> <div class="col"> <h6 class="m-0 fs-16 fw-semibold"> My Cart</h6> </div> <div class="col-auto"> <span class="badge badge-soft-warning fs-13"><span class="cartitem-badge">0</span> items</span> </div> </div> </div> <div data-simplebar="init" style="max-height: 300px;"> <div class="simplebar-wrapper" style="margin: 0px;"> <div class="simplebar-height-auto-observer-wrapper"> <div class="simplebar-height-auto-observer"></div> </div> <div class="simplebar-mask"> <div class="simplebar-offset" style="right: 0px; bottom: 0px;"> <div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden scroll;"> <div class="simplebar-content" style="padding: 0px;"> <div class="p-2"> <div class="text-center empty-cart d-block" id="empty-cart"> <div class="avatar-md mx-auto my-3"> <div class="avatar-title bg-soft-info text-info fs-36 rounded-circle"> <i class="bx bx-cart"></i> </div> </div> <h5 class="mb-3">Your Cart is Empty!</h5> <a href="/product/listing/" class="btn btn-success bg-main w-md mb-3">Shop Now</a> </div> </div> </div></div></div></div> <div class="simplebar-placeholder" style="width: auto; height: 336px;"></div> </div> <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;"> <div class="simplebar-scrollbar" style="width: 0px; display: none;"></div> </div> <div class="simplebar-track simplebar-vertical" style="visibility: visible;"> <div class="simplebar-scrollbar" style="height: 267px; display: block; transform: translate3d(0px, 0px, 0px);"> </div> </div> </div> </div> </div> </div> <div class="d-lg-flex d-md-flex d-none flex align-items-center "> <div class="ms-1 header-item d-none d-sm-flex"> <a href="https://www.keebsforall.com" class="btn btn-outline-dark btnx-outline-dark mx-md-2 mx-2 brx-20 fs-5"> KFA Main Store </a> </div> <a href="/accounts/signup/" class="btn btn-outline-dark border-0 mx-md-2 mx-2 brx-20 fs-5"> Register </a> <div class="dropdown header-item topbar-user"> <button type="button" class="btn px-1" id="page-header-user-dropdown" onclick="/accounts/login/" > <span class="d-flex align-items-center"> <a href="/accounts/login/" class="btn btn-dark btnx-outline-dark text-white brx-20 mx-md-0 mx-2 fs-5"> Login </a> </span> </button> <div class="dropdown-menu dropdown-menu-end">  <p class="dropdown-header">Welcome !</p> <a class="dropdown-item" href="/accounts/login/"><i class="ri-login-circle-line text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Login</span></a> <a class="dropdown-item" href="/accounts/signup/"><i class="mdi mdi-account-circle text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Signup</span></a> </div> </div> </div> </div> </div> </header> <style> .responsive-nav-list .border-bottom { border-color:var(--main)!important; } </style>  <div class="app-menu navbar-menu bgc-light "> <div id="scrollbar" class="homepage-menu d-none d-lg-block d-md-block" style="visibility:visible;opacity:1"> <div class="container-fluid"> <div id="two-column-menu"> </div> <ul class="navbar-nav justify-content-center ps-lg-0" id="navbar-nav"> <li class="menu-title"><span data-key="t-menu">Menu</span></li> <li class="nav-item" role="presentation"> <a class="nav-link menu-link fs-5 text-dark ffc-sans" href="/product/listing/">Shop All</a> </li> <li class="nav-item" role="presentation"> <a class="nav-link menu-link fs-5 text-dark ffc-sans" href="/product/category-search/Keyboards/" data-filter="Keyboards" aria-expanded="false" aria-controls="sidebarApps"> Keyboards </a> <div class="collapse menu-dropdown"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <li class="nav-item" role="presentation"> <a class="nav-link menu-link fs-5 text-dark ffc-sans" href="/product/category-search/Fully%20Assembled/" data-filter="Fully Assembled" aria-expanded="false" aria-controls="sidebarApps"> Fully Assembled </a> </li> <li class="nav-item" role="presentation"> <a class="nav-link menu-link fs-5 text-dark ffc-sans" href="/product/category-search/Unassembled/" data-filter="Unassembled" aria-expanded="false" aria-controls="sidebarApps"> Unassembled </a> </li> </li> </ul> </div> </li> <li class="nav-item" role="presentation"> <a class="nav-link menu-link fs-5 text-dark ffc-sans" href="/product/category-search/Keycaps/" data-filter="Keycaps" aria-expanded="false" aria-controls="sidebarApps"> Keycaps </a> </li> <li class="nav-item" role="presentation"> <a class="nav-link menu-link fs-5 text-dark ffc-sans" href="/product/category-search/Switches/" data-filter="Switches" aria-expanded="false" aria-controls="sidebarApps"> Switches </a> </li> <li class="nav-item" role="presentation"> <a class="nav-link menu-link fs-5 text-dark ffc-sans" href="/product/category-search/Plates%20&%20PCBs/" data-filter="Plates & PCBs" aria-expanded="false" aria-controls="sidebarApps"> Plates & PCBs </a> </li> <li class="nav-item" role="presentation"> <a class="nav-link menu-link fs-5 text-dark ffc-sans" href="/product/category-search/Deskmats/" data-filter="Deskmats" aria-expanded="false" aria-controls="sidebarApps"> Deskmats </a> </li> <li class="nav-item" role="presentation"> <a class="nav-link menu-link fs-5 text-dark ffc-sans" href="/product/category-search/Keyboard%20Accessories/" data-filter="Keyboard Accessories" aria-expanded="false" aria-controls="sidebarApps"> Keyboard Accessories </a> </li> <li class="nav-item" role="presentation"> <a class="nav-link menu-link fs-5 text-dark ffc-sans" href="/product/category-search/Others/" data-filter="Others" aria-expanded="false" aria-controls="sidebarApps"> Others </a> </li> </ul> </div>  </div> <div class="sidebar-background"></div> </div> <div class="d-flex flex-column responsive-nav d-md-none d-none" data-aos="fade-right" id="parent-categories-div"> <ul class="responsive-nav-list m-0 p-0"> <li class="nav-item d-flex justify-content-between align-items-center py-0 my-0 w-100 border-bottom accordion"> <a href="/product/listing/" class="p-2 text-dark"> Shop All </a> </li> <li class="nav-item d-flex justify-content-between align-items-center py-0 my-0 w-100 border-bottom accordion"> <a href="/product/category-search/Keyboards/" class="p-2 text-dark"> Keyboards </a> <i class="ri-arrow-down-s-line p-2" onclick="changeIcon(this)" data-bs-toggle="collapse" data-bs-target="#collapse11" aria-expanded="true" aria-controls="collapseOne"></i> </li> <ul class="m-0 p-0 accordion-collapse collapse" id="collapse11"> <li class="nav-item d-flex justify-content-between align-items-center py-0 my-0 w-100 border-bottom"> <a href="/product/category-search/Fully%20Assembled/" class="p-2 text-dark d-flex align-items-center"> <i class="ri-arrow-drop-right-fill p-1"></i> Fully Assembled </a> </li> <li class="nav-item d-flex justify-content-between align-items-center py-0 my-0 w-100 border-bottom"> <a href="/product/category-search/Unassembled/" class="p-2 text-dark d-flex align-items-center"> <i class="ri-arrow-drop-right-fill p-1"></i> Unassembled </a> </li> </ul> <li class="nav-item d-flex justify-content-between align-items-center py-0 my-0 w-100 border-bottom accordion"> <a href="/product/category-search/Keycaps/" class="p-2 text-dark"> Keycaps </a> </li> <li class="nav-item d-flex justify-content-between align-items-center py-0 my-0 w-100 border-bottom accordion"> <a href="/product/category-search/Switches/" class="p-2 text-dark"> Switches </a> </li> <li class="nav-item d-flex justify-content-between align-items-center py-0 my-0 w-100 border-bottom accordion"> <a href="/product/category-search/Plates%20&%20PCBs/" class="p-2 text-dark"> Plates & PCBs </a> </li> <li class="nav-item d-flex justify-content-between align-items-center py-0 my-0 w-100 border-bottom accordion"> <a href="/product/category-search/Deskmats/" class="p-2 text-dark"> Deskmats </a> </li> <li class="nav-item d-flex justify-content-between align-items-center py-0 my-0 w-100 border-bottom accordion"> <a href="/product/category-search/Keyboard%20Accessories/" class="p-2 text-dark"> Keyboard Accessories </a> </li> <li class="nav-item d-flex justify-content-between align-items-center py-0 my-0 w-100 border-bottom accordion"> <a href="/product/category-search/Others/" class="p-2 text-dark"> Others </a> </li> <li class="nav-item d-flex justify-content-between align-items-center py-0 my-0 w-100 border-bottom"> <a href="/accounts/signup/?redirect_to=/dashboard" class="p-2 text-dark"> Sell </a> </li> <li class="nav-item d-flex justify-content-between align-items-center py-0 my-0 w-100 border-bottom"> <a class="p-2 text-dark" href="/accounts/login/"><i class="ri-login-circle-line text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Login</span></a> </li> <li class="nav-item d-flex justify-content-between align-items-center py-0 my-0 w-100 border-bottom"> <a class="p-2 text-dark" href="/accounts/signup/"><i class="mdi mdi-account-circle text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Signup</span></a> </li> </ul> </div>   <div class="vertical-overlay"></div> <style> [data-layout=horizontal] .page-content { margin-top: 0px; } .nav-pills .nav-link { color: black; font-weight: 300 !important; } @media (min-width: 1400px){ .container { max-width: 1320px; } } </style>    <div class="main-content bg-white px-sm-0 px-xs-0"> <div class="page-content bg-white pb-0 px-0"> <div class="container-fluid bg-white px-0 px-lg-3">  <div id="carouselExampleCaption" class="carousel slide pt-lg-1 pt-md-1 px-0" data-bs-ride="carousel"> <div class="carousel-inner" role="listbox"> <div class="carousel-item active"> <a href=""> <img src="/media/media/KFA.png" alt="" class="d-block img-fluid mx-auto"> </a> </div> </div> </div>  <div class="layout-wrapper landing bg-white">  <section class="section bg-white py-2" id="marketplace"> <div class="container-fluid mx-0 px-1" style="max-width:100%"> <div class="row justify-content-center"> <div class="col-lg-8"> <div class="text-center mb-5"> <h2 class="mb-3 fw-bold lh-base pt-5"> <a href="/product/listing/" class="fs-2 fw-bold" style="color:var(--vz-heading-color);">Explore Products</a> </h2> </div> </div> </div> <div class="row"> <div class="col-lg-12 row mx-0 align-items-center justify-content-center"> <div class="product-main-card col-lg-3 col-12 col-md-4"> <div class="card card-hover card-transition p-3" style="height:330px; border: 1px solid #EDEDED;"> <a href="/product/gmk-bento-r2-bundle-867/"> <img class="card-img-top" style="height: 128px; object-fit: contain; border-radius: 0; object-position: top;" src="/media/media/IMG_1800_DaJ8bB6.jpg" alt="Card image cap"> </a> <div class="card-body text-center d-flex flex-column" style="padding: 8px 15px;height:180px"> <a class="mb-1 text-two-lines" href="/product/gmk-bento-r2-bundle-867/"> <h3 class="text-dark mb-0" style="font-weight:600">GMK Bento R2 Traditional Base Kit SEALED</h3> </a> <p style="font-size:18px;font-weight:400"> $110.0 </p> <a class="gold-bg-color px-2 py-0 mt-auto w-fit align-self-center" href="/shop/cart/add/5078/"> Add To Cart </a> </div> </div> </div> <div class="product-main-card col-lg-3 col-12 col-md-4"> <div class="card card-hover card-transition p-3" style="height:330px; border: 1px solid #EDEDED;"> <a href="/product/nk65-alu-green-1151/"> <img class="card-img-top" style="height: 128px; object-fit: contain; border-radius: 0; object-position: top;" src="/media/media/IMG_4501.png" alt="Card image cap"> </a> <div class="card-body text-center d-flex flex-column" style="padding: 8px 15px;height:180px"> <a class="mb-1 text-two-lines" href="/product/nk65-alu-green-1151/"> <h3 class="text-dark mb-0" style="font-weight:600">NK65 Alu (green)</h3> </a> <p style="font-size:18px;font-weight:400"> $100.0 </p> <a class="gold-bg-color px-2 py-0 mt-auto w-fit align-self-center" href="/shop/cart/add/5916/"> Add To Cart </a> </div> </div> </div> <div class="product-main-card col-lg-3 col-12 col-md-4"> <div class="card card-hover card-transition p-3" style="height:330px; border: 1px solid #EDEDED;"> <a href="/product/60-iso-pc-plate-1070/"> <img class="card-img-top" style="height: 128px; object-fit: contain; border-radius: 0; object-position: top;" src="/media/media/IMG_0378.HEIC" alt="Card image cap"> </a> <div class="card-body text-center d-flex flex-column" style="padding: 8px 15px;height:180px"> <a class="mb-1 text-two-lines" href="/product/60-iso-pc-plate-1070/"> <h3 class="text-dark mb-0" style="font-weight:600">60% ISO PC Plate</h3> </a> <p style="font-size:18px;font-weight:400"> $10.0 </p> <a class="gold-bg-color px-2 py-0 mt-auto w-fit align-self-center" href="/shop/cart/add/5671/"> Add To Cart </a> </div> </div> </div> <div class="product-main-card col-lg-3 col-12 col-md-4"> <div class="card card-hover card-transition p-3" style="height:330px; border: 1px solid #EDEDED;"> <a href="/product/kat-arctic-bundle-1-798/"> <img class="card-img-top" style="height: 128px; object-fit: contain; border-radius: 0; object-position: top;" src="/media/media/IMG_1874.JPG" alt="Card image cap"> </a> <div class="card-body text-center d-flex flex-column" style="padding: 8px 15px;height:180px"> <a class="mb-1 text-two-lines" href="/product/kat-arctic-bundle-1-798/"> <h3 class="text-dark mb-0" style="font-weight:600">Kat Arctic Bundle #1</h3> </a> <p style="font-size:18px;font-weight:400"> $80.0 </p> <a class="gold-bg-color px-2 py-0 mt-auto w-fit align-self-center" href="/shop/cart/add/4957/"> Add To Cart </a> </div> </div> </div> <div class="product-main-card col-lg-3 col-12 col-md-4"> <div class="card card-hover card-transition p-3" style="height:330px; border: 1px solid #EDEDED;"> <a href="/product/bm43a-40-custom-built-keyboard-1152/"> <img class="card-img-top" style="height: 128px; object-fit: contain; border-radius: 0; object-position: top;" src="/media/media/20250102_194757.jpg" alt="Card image cap"> </a> <div class="card-body text-center d-flex flex-column" style="padding: 8px 15px;height:180px"> <a class="mb-1 text-two-lines" href="/product/bm43a-40-custom-built-keyboard-1152/"> <h3 class="text-dark mb-0" style="font-weight:600">BM43a 40% Custom Built Keyboard</h3> </a> <p style="font-size:18px;font-weight:400"> $425.0 <del class="text-danger">($500.00)</del> </p> <a class="gold-bg-color px-2 py-0 mt-auto w-fit align-self-center" href="/shop/cart/add/5918/"> Add To Cart </a> </div> </div> </div> <div class="product-main-card col-lg-3 col-12 col-md-4"> <div class="card card-hover card-transition p-3" style="height:330px; border: 1px solid #EDEDED;"> <a href="/product/custom-keyboard-mouse-and-deskmat-combo-1016/"> <img class="card-img-top" style="height: 128px; object-fit: contain; border-radius: 0; object-position: top;" src="/media/media/EBAY_PHOTO_KEYBOARD_MOUSE_AND_DESK_MAT.JPG" alt="Card image cap"> </a> <div class="card-body text-center d-flex flex-column" style="padding: 8px 15px;height:180px"> <a class="mb-1 text-two-lines" href="/product/custom-keyboard-mouse-and-deskmat-combo-1016/"> <h3 class="text-dark mb-0" style="font-weight:600">Custom Keyboard Mouse And Deskmat Combo</h3> </a> <p style="font-size:18px;font-weight:400"> $144.0 <del class="text-danger">($200.00)</del> </p> <a class="gold-bg-color px-2 py-0 mt-auto w-fit align-self-center" href="/shop/cart/add/5478/"> Add To Cart </a> </div> </div> </div> <div class="product-main-card col-lg-3 col-12 col-md-4"> <div class="card card-hover card-transition p-3" style="height:330px; border: 1px solid #EDEDED;"> <a href="/product/salvation-keyboard-business-grey-1087/"> <img class="card-img-top" style="height: 128px; object-fit: contain; border-radius: 0; object-position: top;" src="/media/media/IMG20241004191838.jpg" alt="Card image cap"> </a> <div class="card-body text-center d-flex flex-column" style="padding: 8px 15px;height:180px"> <a class="mb-1 text-two-lines" href="/product/salvation-keyboard-business-grey-1087/"> <h3 class="text-dark mb-0" style="font-weight:600">Salvation Keyboard - Business Grey</h3> </a> <p style="font-size:18px;font-weight:400"> $198.0 <del class="text-danger">($220.00)</del> </p> <a class="gold-bg-color px-2 py-0 mt-auto w-fit align-self-center" href="/shop/cart/add/5775/"> Add To Cart </a> </div> </div> </div> <div class="product-main-card col-lg-3 col-12 col-md-4"> <div class="card card-hover card-transition p-3" style="height:330px; border: 1px solid #EDEDED;"> <a href="/product/x88-aeboards-blaecks-635g-l-538/"> <img class="card-img-top" style="height: 128px; object-fit: contain; border-radius: 0; object-position: top;" src="/media/media/IMG_5085.jpeg" alt="Card image cap"> </a> <div class="card-body text-center d-flex flex-column" style="padding: 8px 15px;height:180px"> <a class="mb-1 text-two-lines" href="/product/x88-aeboards-blaecks-635g-l-538/"> <h3 class="text-dark mb-0" style="font-weight:600">X88 AEBoards Blaecks - 63.5g (L)</h3> </a> <p style="font-size:18px;font-weight:400"> $35.0 </p> <a class="gold-bg-color px-2 py-0 mt-auto w-fit align-self-center" href="/shop/cart/add/4312/"> Add To Cart </a> </div> </div> </div> <div class="product-main-card col-lg-3 col-12 col-md-4"> <div class="card card-hover card-transition p-3" style="height:330px; border: 1px solid #EDEDED;"> <a href="/product/geonworks-f2-84-lavender-1073/"> <img class="card-img-top" style="height: 128px; object-fit: contain; border-radius: 0; object-position: top;" src="/media/media/IMG_2158.DNG" alt="Card image cap"> </a> <div class="card-body text-center d-flex flex-column" style="padding: 8px 15px;height:180px"> <a class="mb-1 text-two-lines" href="/product/geonworks-f2-84-lavender-1073/"> <h3 class="text-dark mb-0" style="font-weight:600">Geonworks F2-84 Lavender</h3> </a> <p style="font-size:18px;font-weight:400"> $402.5 <del class="text-danger">($575.00)</del> </p> <a class="gold-bg-color px-2 py-0 mt-auto w-fit align-self-center" href="/shop/cart/add/5729/"> Add To Cart </a> </div> </div> </div> <div class="product-main-card col-lg-3 col-12 col-md-4"> <div class="card card-hover card-transition p-3" style="height:330px; border: 1px solid #EDEDED;"> <a href="/product/qwertykeys-qk80-tkl-80-keyboard-new-981/"> <img class="card-img-top" style="height: 128px; object-fit: contain; border-radius: 0; object-position: top;" src="/media/media/PXL_20240403_220910385.jpg" alt="Card image cap"> </a> <div class="card-body text-center d-flex flex-column" style="padding: 8px 15px;height:180px"> <a class="mb-1 text-two-lines" href="/product/qwertykeys-qk80-tkl-80-keyboard-new-981/"> <h3 class="text-dark mb-0" style="font-weight:600">QK80 TKL 80% QwertyKeys Keyboard NEW</h3> </a> <p style="font-size:18px;font-weight:400"> $350.0 </p> <a class="gold-bg-color px-2 py-0 mt-auto w-fit align-self-center" href="/shop/cart/add/5379/"> Add To Cart </a> </div> </div> </div> <div class="product-main-card col-lg-3 col-12 col-md-4"> <div class="card card-hover card-transition p-3" style="height:330px; border: 1px solid #EDEDED;"> <a href="/product/gmk-serika-r2-with-extra-keycaps-1103/"> <img class="card-img-top" style="height: 128px; object-fit: contain; border-radius: 0; object-position: top;" src="/media/media/KakaoTalk_20250212_103147254_Qq4kByx.jpg" alt="Card image cap"> </a> <div class="card-body text-center d-flex flex-column" style="padding: 8px 15px;height:180px"> <a class="mb-1 text-two-lines" href="/product/gmk-serika-r2-with-extra-keycaps-1103/"> <h3 class="text-dark mb-0" style="font-weight:600">QK100 -E-White with extras</h3> </a> <p style="font-size:18px;font-weight:400"> $199.0 </p> <a class="gold-bg-color px-2 py-0 mt-auto w-fit align-self-center" href="/shop/cart/add/5826/"> Add To Cart </a> </div> </div> </div> <div class="product-main-card col-lg-3 col-12 col-md-4"> <div class="card card-hover card-transition p-3" style="height:330px; border: 1px solid #EDEDED;"> <a href="/product/gmmk-pro-white-ice-pc-plate-1022/"> <img class="card-img-top" style="height: 128px; object-fit: contain; border-radius: 0; object-position: top;" src="/media/media/image_2024-05-30_205542883.png" alt="Card image cap"> </a> <div class="card-body text-center d-flex flex-column" style="padding: 8px 15px;height:180px"> <a class="mb-1 text-two-lines" href="/product/gmmk-pro-white-ice-pc-plate-1022/"> <h3 class="text-dark mb-0" style="font-weight:600">Gmmk Pro White Ice + PC Plate</h3> </a> <p style="font-size:18px;font-weight:400"> $200.0 </p> <a class="gold-bg-color px-2 py-0 mt-auto w-fit align-self-center" href="/shop/cart/add/5528/"> Add To Cart </a> </div> </div> </div> <div class="product-main-card col-lg-3 col-12 col-md-4"> <div class="card card-hover card-transition p-3" style="height:330px; border: 1px solid #EDEDED;"> <a href="/product/vertex-studio-angle80-r2-acron-1053/"> <img class="card-img-top" style="height: 128px; object-fit: contain; border-radius: 0; object-position: top;" src="/media/media/Vertex_Studio_Angle80_R2_Acron__Donuts_keycap_set_1-1.jpg" alt="Card image cap"> </a> <div class="card-body text-center d-flex flex-column" style="padding: 8px 15px;height:180px"> <a class="mb-1 text-two-lines" href="/product/vertex-studio-angle80-r2-acron-1053/"> <h3 class="text-dark mb-0" style="font-weight:600">Vertex Studio Angle80 R2, Acron</h3> </a> <p style="font-size:18px;font-weight:400"> $380.0 <del class="text-danger">($400.00)</del> </p> <a class="gold-bg-color px-2 py-0 mt-auto w-fit align-self-center" href="/shop/cart/add/5632/"> Add To Cart </a> </div> </div> </div> <div class="product-main-card col-lg-3 col-12 col-md-4"> <div class="card card-hover card-transition p-3" style="height:330px; border: 1px solid #EDEDED;"> <a href="/product/ikki-68-aurora-x-winters-breath-lubed-614/"> <img class="card-img-top" style="height: 128px; object-fit: contain; border-radius: 0; object-position: top;" src="/media/media/IMG_7932.jpg" alt="Card image cap"> </a> <div class="card-body text-center d-flex flex-column" style="padding: 8px 15px;height:180px"> <a class="mb-1 text-two-lines" href="/product/ikki-68-aurora-x-winters-breath-lubed-614/"> <h3 class="text-dark mb-0" style="font-weight:600">Ikki 68 Aurora x Winters Breath w Lubed Oil Kings</h3> </a> <p style="font-size:18px;font-weight:400"> $175.0 <del class="text-danger">($250.00)</del> </p> <a class="gold-bg-color px-2 py-0 mt-auto w-fit align-self-center" href="/shop/cart/add/4481/"> Add To Cart </a> </div> </div> </div> <div class="product-main-card col-lg-3 col-12 col-md-4"> <div class="card card-hover card-transition p-3" style="height:330px; border: 1px solid #EDEDED;"> <a href="/product/freebird-60-custom-build-1066/"> <img class="card-img-top" style="height: 128px; object-fit: contain; border-radius: 0; object-position: top;" src="/media/media/IMG_2860.jpg" alt="Card image cap"> </a> <div class="card-body text-center d-flex flex-column" style="padding: 8px 15px;height:180px"> <a class="mb-1 text-two-lines" href="/product/freebird-60-custom-build-1066/"> <h3 class="text-dark mb-0" style="font-weight:600">Freebird 60 custom build</h3> </a> <p style="font-size:18px;font-weight:400"> $200.0 </p> <a class="gold-bg-color px-2 py-0 mt-auto w-fit align-self-center" href="/shop/cart/add/5715/"> Add To Cart </a> </div> </div> </div> </div> </div> </div> </section>      </div>  </div>  </div>  </div>  </div>  </div>  </div>  </div>   <footer class="custom-login-footer py-2 position-relative"> <div class="container"> <div class="newsletter"> <h1 class="text-white text-lg-start text-center"> Stay in Touch! <br> <p class="text-white">We promise, we will only email you when we have cool products available.</p> </h1> <input type="hidden" name="csrfmiddlewaretoken" value="PfexKmbKavokisYeq0tHAkDusMCjXVi0lwxXAuSIaTsbguqQbrtjrR7TKHsdLNlv"> <div style="position: relative;"> <input type="email" name="email" id="newsletter" placeholder="Enter your email"> <a class="cursor-pointer text-white bg-main" onclick="subscribeToNewsletter();">Subscribe Now</a> </div> </div> <div class="d-flex flex-row justify-content-end"> <a class="social-footer-mid" href="https://www.instagram.com/keebsforall/" target="_blank"> <img src="/static/images/vimeo-footer.7215e368075c.png"> </a> <a class="social-footer-mid" href="https://mobile.twitter.com/keebsforall" target="_blank"> <img src="/static/images/twitter-footer.1aedd51cedd3.png"> </a> <a class="social-footer-mid" href="https://discord.gg/kfa" target="_blank"> <img src="/static/images/discord-footer.914094b153e2.png"> </a> <a class="social-footer-mid" href="https://www.keebsforall.com" target="_blank"> <img src="/static/images/dribbble-footer.137c1fc282e1.png"> </a> </div> <div class="row"> <div class="col-lg-4 mt-4"> <div> <h4 class="footer-list-heading mb-0 text-black">KeebForAll Marketplace </h4> <div class="mt-4"> <p> Keebsforall Marketplace is an online marketplace dedicated to mechanical keyboard enthusiasts. </p> </div> </div> </div> <div class="col-lg-7 ms-lg-auto"> <div class="row"> <div class="col-sm-4 mt-4"> <h4 class="footer-list-heading mb-0 text-black">Useful Pages </h4> <div class="text-muted mt-3"> <ul class="list-unstyled ff-secondary footer-list"> <li><a href="/about_us/">About Us</a></li> <li><a href="/shipping_and_returns/">Marketplace Policy</a></li> <li><a href="/terms_of_service/">Terms of Servicess</a></li> </ul> </div> </div> <div class="col-sm-4 mt-4"> <h4 class="footer-list-heading mb-0 text-black">Quick Links </h4> <div class="text-muted mt-3"> <ul class="list-unstyled ff-secondary footer-list"> <li><a href="/product/category-search/Keyboards/">Keyboards</a></li> <li><a href="/product/category-search/Keycaps/">Keycaps</a></li> <li><a href="/product/category-search/Switches/">Switches</a></li> <li><a href="/product/category-search/Plates/">Plates</a></li> <li><a href="/product/category-search/Deskmates/">Deskmats</a></li> </ul> </div> </div> <div class="col-sm-4 mt-4"> <h4 class="footer-list-heading mb-0 text-black">Support </h4> <div class="text-muted mt-3"> <ul class="list-unstyled ff-secondary footer-list">  <li><a href="tel:+14245271905"><i class="ri-phone-fill fs-20 align-middle me-1"></i> +1 (424) 527 1905</a></li> <li><a href="mailto:help@keebsforall.com"><i class="ri-mail-send-line fs-20 align-middle me-1"></i> help@keebsforall.com</a></li> </ul> </div> </div> </div> </div> </div> <div class="row text-center text-sm-start align-items-center mt-1"> <div class="col-sm-6"> <div> <p class="copy-rights mb-0"> <script> document.write(new Date().getFullYear()) </script> 漏 KeebsForAll Marketplace </p> </div> </div> </div> </div> </footer> <script> function isEmail(email) { var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; return regex.test(email); } function subscribeToNewsletter(){ var newsletterEmail = $("#newsletter").val(); if (newsletterEmail != ""){ if (isEmail(newsletterEmail)){ $.post( "/users/newsletter/", {'csrfmiddlewaretoken': 'PfexKmbKavokisYeq0tHAkDusMCjXVi0lwxXAuSIaTsbguqQbrtjrR7TKHsdLNlv', 'email': newsletterEmail} ).done(function (data) { if (data.success){ new showNotification(data['msg'], "bg-success"); $("#newsletter").val(''); } }); } else{ new showNotification("Email format incorrect!", "bg-warning"); } } else{ new showNotification("No email address entered!", "bg-warning"); } } </script>  </div>  <script src="/static/libs/bootstrap/dist/js/bootstrap.bundle.min.7ccd9d390d31.js"></script> <script src="/static/libs/simplebar/dist/simplebar.min.e671c25e9190.js"></script> <script src="/static/libs/node-waves/dist/waves.min.9a5b3dfca09d.js"></script> <script src="/static/libs/feather-icons/dist/feather.min.3d870b921701.js"></script> <script src="/static/js/pages/plugins/lord-icon-2.1.0.2be9e8022e0f.js"></script> <script src="/static/js/plugins.f2de629b3675.js"></script>  <script src="/static/js/app.b8f9e5ca97c9.js"></script> <script src="/static/js/extra_js.eb61ad3c48e6.js"></script> <script> let height = screen.height/2 - 150; '' </script> <script> function markAsReadNotification(id){ var csrfToken = $('input[name=csrfmiddlewaretoken]').val(); $.post( `/notifications/${id}/mark-as-read/`, {'csrfmiddlewaretoken': csrfToken,} ).done(function (data) { if (data.success){ $("#"+id).alert('close'); $(`#total-notifications-1,#total-notifications-2,#total-notifications-3`).html(data.notifications); $(`#notify-div-${data.id}`).remove(); } }); } </script> </body> </html>

CINXE.COM

KFA Marketplace - The Mechanical Keyboard Marketplace