design/public/storePage.html

277 lines
26 KiB
HTML
Raw Normal View History

2024-11-06 10:31:56 +00:00
<!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">
2024-11-06 12:57:38 +00:00
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="..">
2024-11-06 10:31:56 +00:00
<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">
2024-11-06 12:57:38 +00:00
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="..">Home</a></div>
2024-11-06 10:31:56 +00:00
<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(&quot;https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif&quot;) 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="storeMain">
<div class="storeMainTop"><img class="storeMainTopImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg" width="1380" height="483"></div>
<div class="storeMainMid">
<div class="storeMainMidInside">
<div class="storeMainMidInsideSec storeMainMidInsideSecProfile">
<div class="storeMainMidInsideSecProfilePic"><img class="storeMainMidInsideSecProfilePicImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
<div class="storeMainMidInsideSecProfileDetails">
<h3 class="storeMainMidInsideSecProfileDetailsName">Jimmy's Long Smokes</h3>
<p class="storeMainMidInsideSecProfileDetailsBio">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><a class="storeMainMidInsideSecProfilePop" href="#">Read full</a>
</div>
</div>
<div class="storeMainMidInsideSec storeMainMidInsideSecAlt">
<div class="storeMainMidInsideSecUser">
<p style="display: flex;grid-gap: 10px;">By <a href="#">UserNameHandle(visitProfile)</a></p><span>follow-btn</span>
</div>
<div class="storeMainMidInsideSecWoT">
<div class="storeMainMidInsideSecWoTSec">
<p>Followed by (Cheem's network)</p>
<div class="storeMainMidInsideSecWoTSecPeople"><a data-bs-toggle="tooltip" data-bss-tooltip="" class="storeMainMidInsideSecWoTSecPeoplePerson" href="#" title="UserName"><img class="storeMainMidInsideSecWoTSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="storeMainMidInsideSecWoTSecPeoplePerson" href="#" title="UserName"><img class="storeMainMidInsideSecWoTSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="storeMainMidInsideSecWoTSecPeoplePerson" href="#" title="UserName"><img class="storeMainMidInsideSecWoTSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="storeMainMidInsideSecWoTSecPeoplePerson" href="#" title="UserName"><img class="storeMainMidInsideSecWoTSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a class="storeMainMidInsideSecWoTSecPeoplePerson" href="#">
<p>+50</p>
</a></div>
</div>
<div class="storeMainMidInsideSecWoTSec">
<p>And by (Your network)</p>
<div class="storeMainMidInsideSecWoTSecPeople"><a data-bs-toggle="tooltip" data-bss-tooltip="" class="storeMainMidInsideSecWoTSecPeoplePerson" href="#" title="UserName"><img class="storeMainMidInsideSecWoTSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="storeMainMidInsideSecWoTSecPeoplePerson" href="#" title="UserName"><img class="storeMainMidInsideSecWoTSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="storeMainMidInsideSecWoTSecPeoplePerson" href="#" title="UserName"><img class="storeMainMidInsideSecWoTSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="storeMainMidInsideSecWoTSecPeoplePerson" href="#" title="UserName"><img class="storeMainMidInsideSecWoTSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a class="storeMainMidInsideSecWoTSecPeoplePerson" href="#">
<p>+50</p>
</a></div>
</div>
</div>
<div class="storeMainMidInsideSecAction"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<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 filtersMainSecBoxInput"><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="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="productCardMain">
<div class="productCardMainInside">
<div class="productCardMainInsideTop">
<div class="productCardMainInsideTopVideo"><video class="productCardMainInsideTopVideoClip" width="100%" height="100%" src="https://video.nostr.build/25c9ca9e7564bb77ee37de6b196de287abd2dffaa7fd61bce9578bd07b567b2d.mp4" loop="" autoplay="" muted=""></video></div>
<div class="productCardMainInsideTopPicture"><img class="productCardMainInsideTopPictureImg" src="https://image.nostr.build/b02884479214ea14d4c8d365d5172b91e0bfd280dbc54e2a6f43b8861c5f5d1a.jpg"><i class='bx bxs-purchase-tag storeCardMainInsideTopIcon'></i></div>
<div class="storeCardMainInsideTopDetails">
<div class="storeCardMainInsideTopDetailsTop">
<div class="storeCardMainInsideTopDetailsTag"><i class='bx bxs-truck productCardMainInsideTopDetailsTagIcon'></i></div>
<div class="storeCardMainInsideTopDetailsTag"><i class='bx bxs-purchase-tag productCardMainInsideTopDetailsTagIcon'></i>
<div class="storeCardMainInsideTopDetailsTagDivider"></div>
<p class="storeCardMainInsideTopDetailsTagText">Physical</p>
</div>
</div>
<div class="storeCardMainInsideTopDetailsBottom">
<div class="storeCardMainInsideTopDetailsTag"><i class='bx bxs-map productCardMainInsideTopDetailsTagIcon'></i>
<div class="storeCardMainInsideTopDetailsTagDivider"></div>
<p class="storeCardMainInsideTopDetailsTagText"><strong>USA: Texas</strong></p>
</div>
<div class="storeCardMainInsideTopDetailsTag"><i class='bx bx-walk productCardMainInsideTopDetailsTagIcon'></i>
<div class="storeCardMainInsideTopDetailsTagDivider"></div>
<p class="storeCardMainInsideTopDetailsTagText">2-5 km</p>
</div>
</div>
</div>
</div>
<div class="productCardMainInsideMid">
<h3 class="productCardMainInsideMidTitle">PS5 (2 months used)</h3>
</div>
<div class="productCardMainInsideStore"><a class="productCardMainInsideStoreLink" href="storePage.html"><i class='bx bxs-store-alt productCardMainInsideStoreLinkIcon'></i>
<div class="productCardMainInsideStoreLinkDivider"></div>
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
</a></div>
<div class="productCardMainInsideBot"><a role="button" class="btnMain productCardMainInsideBotBtn" href="productPage.html">$450.00</a></div>
</div>
</div>
<div class="productCardMain">
<div class="productCardMainInside">
<div class="productCardMainInsideTop">
<div class="productCardMainInsideTopVideo"><video class="productCardMainInsideTopVideoClip" width="100%" height="100%" src="https://video.nostr.build/25c9ca9e7564bb77ee37de6b196de287abd2dffaa7fd61bce9578bd07b567b2d.mp4" loop="" autoplay="" muted=""></video></div>
<div class="productCardMainInsideTopPicture"><img class="productCardMainInsideTopPictureImg" src="https://image.nostr.build/b02884479214ea14d4c8d365d5172b91e0bfd280dbc54e2a6f43b8861c5f5d1a.jpg"><i class='bx bxs-purchase-tag storeCardMainInsideTopIcon'></i></div>
<div class="storeCardMainInsideTopDetails">
<div class="storeCardMainInsideTopDetailsTop">
<div class="storeCardMainInsideTopDetailsTag"><i class='bx bxs-truck productCardMainInsideTopDetailsTagIcon'></i></div>
<div class="storeCardMainInsideTopDetailsTag"><i class='bx bxs-purchase-tag productCardMainInsideTopDetailsTagIcon'></i>
<div class="storeCardMainInsideTopDetailsTagDivider"></div>
<p class="storeCardMainInsideTopDetailsTagText">Physical</p>
</div>
</div>
<div class="storeCardMainInsideTopDetailsBottom">
<div class="storeCardMainInsideTopDetailsTag"><i class='bx bxs-map productCardMainInsideTopDetailsTagIcon'></i>
<div class="storeCardMainInsideTopDetailsTagDivider"></div>
<p class="storeCardMainInsideTopDetailsTagText"><strong>USA: Texas</strong></p>
</div>
<div class="storeCardMainInsideTopDetailsTag"><i class='bx bx-walk productCardMainInsideTopDetailsTagIcon'></i>
<div class="storeCardMainInsideTopDetailsTagDivider"></div>
<p class="storeCardMainInsideTopDetailsTagText">2-5 km</p>
</div>
</div>
</div>
</div>
<div class="productCardMainInsideMid">
<h3 class="productCardMainInsideMidTitle">PS5 (2 months used)</h3>
</div>
<div class="productCardMainInsideStore"><a class="productCardMainInsideStoreLink" href="storePage.html"><i class='bx bxs-store-alt productCardMainInsideStoreLinkIcon'></i>
<div class="productCardMainInsideStoreLinkDivider"></div>
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
</a></div>
<div class="productCardMainInsideBot"><a role="button" class="btnMain productCardMainInsideBotBtn" href="productPage.html">$450.00</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>
<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">
2024-11-06 12:57:38 +00:00
<div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/public">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/public#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>
2024-11-06 10:31:56 +00:00
</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&nbsp;© <script>document.write(new Date().getFullYear())</script>&nbsp;<a class="BottomMainInsideBottomInsideTextLink" href="#">Chems</a>&nbsp;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>
2024-11-06 12:57:38 +00:00
</html>