240 lines
21 KiB
HTML
240 lines
21 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html class="htmlMain" lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
||
|
|
<title>Cheems Market</title>
|
||
|
|
<meta name="twitter:title" content="Cheems Market">
|
||
|
|
<meta property="og:title" content="Cheems Market">
|
||
|
|
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/filters.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/footer.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/listings.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/nav.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/pagination.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/productCard.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/store.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/storeCard.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/styles.css">
|
||
|
|
<link rel="preconnect" href="https://fonts.bunny.net">
|
||
|
|
<link href="https://fonts.bunny.net/css?family=roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet" />
|
||
|
|
|
||
|
|
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="bodyMain">
|
||
|
|
<div class="TopMain">
|
||
|
|
<div class="containerMain">
|
||
|
|
<div class="navMain">
|
||
|
|
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="./">
|
||
|
|
<div class="navMainSecLogoImgWrapper"><img class="navMainSecLogoImg" src="Nostr Dev Logo Mark W.svg"><img class="navMainSecLogoImg navMainSecLogoImgAlt" src="Nostr Dev Logo Mark.svg"></div>
|
||
|
|
<p class="navMainSecLogoText">CHEEMS MARKET</p>
|
||
|
|
</a></div>
|
||
|
|
<div class="navMainSec navMainSecMid">
|
||
|
|
<div class="navMainSecLinks">
|
||
|
|
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="./">Home</a></div>
|
||
|
|
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
|
||
|
|
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
|
||
|
|
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">About</a></div>
|
||
|
|
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="#">text</a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="navMainSec">
|
||
|
|
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="#">
|
||
|
|
<div class="navMainSecLinksSocialLinkInside" style="background: url("https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif") center / contain no-repeat;filter: sepia(100%) saturate(10000%) hue-rotate(-45deg);"></div>
|
||
|
|
</a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="MidMain">
|
||
|
|
<div class="secMain secMainAlt">
|
||
|
|
<div class="containerMain">
|
||
|
|
<div class="secMainInside">
|
||
|
|
<div class="filtersMain">
|
||
|
|
<div class="filtersMainSec"><button id="categoriesViewTrigger" class="btnMain filtersMainSecBtn" type="button">Categories</button><button id="expandListTrigger" class="btnMain filtersMainSecBtn" type="button"><i class='bx bx-expand-horizontal btnMainIcon'></i>Expand</button>
|
||
|
|
<div class="filtersMainSecBox">
|
||
|
|
<div class="dropdown dropdownMain"><button class="dropdown-toggle btnMain dropdownMainBtn filtersMainSecBtn" aria-expanded="false" data-bs-toggle="dropdown" type="button">Dropdown </button>
|
||
|
|
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="#">First Item</a><a class="dropdown-item dropdownMainMenuItem" href="#">Second Item</a><a class="dropdown-item dropdownMainMenuItem" href="#">Third Item</a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="filtersMainSec filtersMainSecAlt">
|
||
|
|
<div class="filtersMainSecBox">
|
||
|
|
<div class="inputWrapper inputWrapperAlt"><input type="text" class="inputMain" placeholder="Search term"><button class="btnMain inputMainBtn" type="button"><i class='bx bx-search-alt-2 btnMainIcon'></i></button></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="listingExpandable" class="containerMain">
|
||
|
|
<div class="secMainInside">
|
||
|
|
<div class="listingGrid">
|
||
|
|
<div class="listingGridSec listingGridSecSide listingGridSecSideActive">
|
||
|
|
<div class="listingGridSecSideInside">
|
||
|
|
<div class="listingGridSecBox listingGridSecSideBox">
|
||
|
|
<h4>Categories</h4>
|
||
|
|
</div>
|
||
|
|
<div class="listingGridSecBox listingGridSecSideBox">
|
||
|
|
<div class="listingGridSecSideBoxList"><button class="btnMain listingGridSecSideBoxListBtn" type="button"><span class="listingGridSecSideBoxListBtnText">Category type</span><i class='bx bx-chevron-down btnMainIcon listingGridSecSideBoxListBtnIcon'></i></button>
|
||
|
|
<div class="listingGridSecSideBoxListItems listingGridSecSideBoxListItemsActive">
|
||
|
|
<div class="listingGridSecSideBoxListItemsItem">
|
||
|
|
<div class="checkboxWrapper"><input type="checkbox" class="checkboxWrapperCheck"><label class="form-label inputMainLabel">Label</label></div>
|
||
|
|
</div>
|
||
|
|
<div class="listingGridSecSideBoxListItemsItem">
|
||
|
|
<div class="checkboxWrapper checkboxWrapperFancy"><input type="checkbox" class="checkboxWrapperCheck"><label class="form-label inputMainLabel">Label</label></div>
|
||
|
|
</div>
|
||
|
|
<div class="listingGridSecSideBoxListItemsItem">
|
||
|
|
<div class="checkboxWrapper checkboxWrapperFancy"><input type="checkbox" class="checkboxWrapperCheck"><label class="form-label inputMainLabel">Label</label></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="listingGridSecSideBoxList"><button class="btnMain listingGridSecSideBoxListBtn" type="button"><span class="listingGridSecSideBoxListBtnText">Category type</span><i class='bx bx-chevron-down btnMainIcon listingGridSecSideBoxListBtnIcon'></i></button>
|
||
|
|
<div class="listingGridSecSideBoxListItems listingGridSecSideBoxListItemsActive">
|
||
|
|
<div class="listingGridSecSideBoxListItemsItem">
|
||
|
|
<div class="checkboxWrapper"><input type="radio" class="checkboxWrapperCheckRadio" name="dada"><label class="form-label inputMainLabel">Label</label></div>
|
||
|
|
</div>
|
||
|
|
<div class="listingGridSecSideBoxListItemsItem">
|
||
|
|
<div class="checkboxWrapper checkboxWrapperFancy"><input type="radio" class="checkboxWrapperCheckRadio" name="dada"><label class="form-label inputMainLabel">Label</label></div>
|
||
|
|
</div>
|
||
|
|
<div class="listingGridSecSideBoxListItemsItem">
|
||
|
|
<div class="checkboxWrapper checkboxWrapperFancy"><input type="radio" class="checkboxWrapperCheckRadio" name="dada"><label class="form-label inputMainLabel">Label</label></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="listingGridSec listingGridSecSideBody">
|
||
|
|
<div class="listingGridSecBox">
|
||
|
|
<div class="secMainInsideGrid secMainInsideGrid4">
|
||
|
|
<div class="storeCardMain">
|
||
|
|
<div class="storeCardMainInside">
|
||
|
|
<div class="storeCardMainInsideTop">
|
||
|
|
<div class="storeCardMainInsideTopPicture"><img class="storeCardMainInsideTopPictureImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"><i class='bx bxs-store-alt storeCardMainInsideTopIcon'></i></div>
|
||
|
|
<div class="storeCardMainInsideTopProducts"><a class="storeCardMainInsideTopProductsPicture" href="#"><img class="storeCardMainInsideTopProductsPictureImg" src="assets/img/why-didnt-booker-immedietly-cover-up-his-ad-tattoo-when-he-v0-yd4j8grc9tcc1.webp">
|
||
|
|
<div class="storeCardMainInsideTopProductsPictureDetails">
|
||
|
|
<h4 class="storeCardMainInsideTopProductsPictureDetailsTitle">Product title</h4>
|
||
|
|
<p class="storeCardMainInsideTopProductsPictureDetailsPrice">$25</p>
|
||
|
|
</div>
|
||
|
|
</a><a class="storeCardMainInsideTopProductsPicture" href="#"><img class="storeCardMainInsideTopProductsPictureImg" src="assets/img/why-didnt-booker-immedietly-cover-up-his-ad-tattoo-when-he-v0-yd4j8grc9tcc1.webp">
|
||
|
|
<div class="storeCardMainInsideTopProductsPictureDetails">
|
||
|
|
<h4 class="storeCardMainInsideTopProductsPictureDetailsTitle">Product title</h4>
|
||
|
|
<p class="storeCardMainInsideTopProductsPictureDetailsPrice">$25</p>
|
||
|
|
</div>
|
||
|
|
</a><a class="storeCardMainInsideTopProductsPicture" href="#"><img class="storeCardMainInsideTopProductsPictureImg" src="assets/img/why-didnt-booker-immedietly-cover-up-his-ad-tattoo-when-he-v0-yd4j8grc9tcc1.webp">
|
||
|
|
<div class="storeCardMainInsideTopProductsPictureDetails">
|
||
|
|
<h4 class="storeCardMainInsideTopProductsPictureDetailsTitle">Product title</h4>
|
||
|
|
<p class="storeCardMainInsideTopProductsPictureDetailsPrice">$25</p>
|
||
|
|
</div>
|
||
|
|
</a></div>
|
||
|
|
<div class="storeCardMainInsideTopDetails">
|
||
|
|
<div class="storeCardMainInsideTopDetailsTop"></div>
|
||
|
|
<div class="storeCardMainInsideTopDetailsBottom">
|
||
|
|
<div class="storeCardMainInsideTopDetailsTag"><i class='bx bxs-map storeCardMainInsideTopDetailsTagIcon'></i>
|
||
|
|
<div class="storeCardMainInsideTopDetailsTagDivider"></div>
|
||
|
|
<p class="storeCardMainInsideTopDetailsTagText">Online</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="storeCardMainInsideMid">
|
||
|
|
<h3 class="storeCardMainInsideMidTitle">Jimmy's Long Smokes</h3>
|
||
|
|
<p class="storeCardMainInsideMidText">Need a smoke? A specific kind of smoke? We got it. We got the long, the short, the thick and thin, the brown and black. We have them all.</p>
|
||
|
|
</div>
|
||
|
|
<div class="storeCardMainInsideBot"><a role="button" class="btnMain storeCardMainInsideBotBtn" href="storePage.html">Visit stall</a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="storeCardMain">
|
||
|
|
<div class="storeCardMainInside">
|
||
|
|
<div class="storeCardMainInsideTop">
|
||
|
|
<div class="storeCardMainInsideTopPicture"><img class="storeCardMainInsideTopPictureImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"><i class='bx bxs-store-alt storeCardMainInsideTopIcon'></i></div>
|
||
|
|
<div class="storeCardMainInsideTopProducts"><a class="storeCardMainInsideTopProductsPicture" href="#"><img class="storeCardMainInsideTopProductsPictureImg" src="assets/img/why-didnt-booker-immedietly-cover-up-his-ad-tattoo-when-he-v0-yd4j8grc9tcc1.webp">
|
||
|
|
<div class="storeCardMainInsideTopProductsPictureDetails">
|
||
|
|
<h4 class="storeCardMainInsideTopProductsPictureDetailsTitle">Product title</h4>
|
||
|
|
<p class="storeCardMainInsideTopProductsPictureDetailsPrice">$25</p>
|
||
|
|
</div>
|
||
|
|
</a><a class="storeCardMainInsideTopProductsPicture" href="#"><img class="storeCardMainInsideTopProductsPictureImg" src="assets/img/why-didnt-booker-immedietly-cover-up-his-ad-tattoo-when-he-v0-yd4j8grc9tcc1.webp">
|
||
|
|
<div class="storeCardMainInsideTopProductsPictureDetails">
|
||
|
|
<h4 class="storeCardMainInsideTopProductsPictureDetailsTitle">Product title</h4>
|
||
|
|
<p class="storeCardMainInsideTopProductsPictureDetailsPrice">$25</p>
|
||
|
|
</div>
|
||
|
|
</a><a class="storeCardMainInsideTopProductsPicture" href="#"><img class="storeCardMainInsideTopProductsPictureImg" src="assets/img/why-didnt-booker-immedietly-cover-up-his-ad-tattoo-when-he-v0-yd4j8grc9tcc1.webp">
|
||
|
|
<div class="storeCardMainInsideTopProductsPictureDetails">
|
||
|
|
<h4 class="storeCardMainInsideTopProductsPictureDetailsTitle">Product title</h4>
|
||
|
|
<p class="storeCardMainInsideTopProductsPictureDetailsPrice">$25</p>
|
||
|
|
</div>
|
||
|
|
</a></div>
|
||
|
|
<div class="storeCardMainInsideTopDetails">
|
||
|
|
<div class="storeCardMainInsideTopDetailsTop"></div>
|
||
|
|
<div class="storeCardMainInsideTopDetailsBottom">
|
||
|
|
<div class="storeCardMainInsideTopDetailsTag"><i class='bx bxs-map storeCardMainInsideTopDetailsTagIcon'></i>
|
||
|
|
<div class="storeCardMainInsideTopDetailsTagDivider"></div>
|
||
|
|
<p class="storeCardMainInsideTopDetailsTagText">Online</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="storeCardMainInsideMid">
|
||
|
|
<h3 class="storeCardMainInsideMidTitle">Jimmy's Long Smokes</h3>
|
||
|
|
<p class="storeCardMainInsideMidText">Need a smoke? A specific kind of smoke? We got it. We got the long, the short, the thick and thin, the brown and black. We have them all.</p>
|
||
|
|
</div>
|
||
|
|
<div class="storeCardMainInsideBot"><a role="button" class="btnMain storeCardMainInsideBotBtn" href="storePage.html">Visit stall</a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="paginationMain">
|
||
|
|
<div class="paginationMainInside"><button class="btnMain paginationMainInsideBtn" type="button"><i class='bx bx-chevron-left btnMainIcon'></i></button>
|
||
|
|
<div class="paginationMainInsideDivider"></div>
|
||
|
|
<div class="paginationMainInsideNumbers"><button class="btnMain paginationMainInsideNumbersBtn paginationMainInsideNumbersBtnActive" type="button">1</button><button class="btnMain paginationMainInsideNumbersBtn" type="button">2</button><button class="btnMain paginationMainInsideNumbersBtn" type="button">3</button></div>
|
||
|
|
<div class="paginationMainInsideDivider"></div><button class="btnMain paginationMainInsideBtn" type="button"><i class='bx bx-chevron-right btnMainIcon'></i></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="BottomMain">
|
||
|
|
<div class="BottomMainInside">
|
||
|
|
<div class="BottomMainInsideTop">
|
||
|
|
<div class="containerMain">
|
||
|
|
<div class="BottomMainInsideTopInside">
|
||
|
|
<div class="BottomMainInsideTopInsideSec">
|
||
|
|
<div class="BottomMainInsideTopInsideSecLeft"><img class="BottomMainInsideTopInsideSecLogo" src="Nostr Dev Logo Mark.svg">
|
||
|
|
<p style="font-weight: 800;text-align: center;font-size: 30px;line-height: 1;color: #ff9900;">CHEEMS MARKET</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="BottomMainInsideTopInsideSec">
|
||
|
|
<div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/#Team">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../portfolio.html">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../blog.html">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="../career.html">text</a></div>
|
||
|
|
</div>
|
||
|
|
<div class="BottomMainInsideTopInsideSec">
|
||
|
|
<div class="BottomMainInsideTopInsideSecRight">
|
||
|
|
<p class="BottomMainInsideTopInsideSecRightText">text</p>
|
||
|
|
<div class="BottomMainInsideTopInsideSecRightSocials"><a role="button" class="btnMain BottomMainInsideTopInsideSecRightSocialsBtn" href="#"><img class="btnMainImgMain" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"></a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="BottomMainInsideBottom">
|
||
|
|
<div class="containerMain">
|
||
|
|
<div class="BottomMainInsideBottomInside">
|
||
|
|
<p class="BottomMainInsideBottomInsideText">Copyright © <script>document.write(new Date().getFullYear())</script> <a class="BottomMainInsideBottomInsideTextLink" href="#">Chems</a> All Rights Reserved.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
||
|
|
<script src="assets/js/bs-init.js"></script>
|
||
|
|
<script src="assets/js/categoryDrop.js"></script>
|
||
|
|
<script src="assets/js/checkboxBetter.js"></script>
|
||
|
|
<script src="assets/js/expandList.js"></script>
|
||
|
|
<script src="assets/js/toggleCategories.js"></script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|