design/public/productPage.html
free ko 68875d6384
All checks were successful
publish / Build-and-publish (push) Successful in 16s
fixes and navbar plus mobile nav edit
2024-11-16 16:07:42 +02:00

602 lines
55 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/checkout.css">
<link rel="stylesheet" href="assets/css/createStore.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/popup.css">
<link rel="stylesheet" href="assets/css/product.css">
<link rel="stylesheet" href="assets/css/productCard.css">
<link rel="stylesheet" href="assets/css/profileBox.css">
<link rel="stylesheet" href="assets/css/storeCard.css">
<link rel="stylesheet" href="assets/css/storePage.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/userPage.css">
<link rel="stylesheet" href="assets/css/wot.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=archivo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,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="navMainWrapper">
<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">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button>
<div class="dropdown dropdownMain navMainSecLinksSocialUser"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-user btnMainIcon'></i>UserName</button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="userPage.html">Profile</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="navMainWrapper">
<div class="containerMain">
<div class="navMain navMainAlt">
<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="#">Dashboard</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="TopMain TopMainMobile">
<div class="containerMain">
<div class="navMain navMainMobile">
<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 navMainSecMobile">
<div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="#"><i class='bx bxs-cart btnMainIcon'></i></a><button id="mobileMenuPopupTrigger" class="btnMain navMainSecLinksSocialBurger" type="button"><i class='bx bx-menu btnMainIcon'></i></button></div>
</div>
</div>
</div>
</div>
<div class="MidMain">
<div class="secMain secMainAlt">
<div class="containerMain">
<div class="secMainInside">
<div class="productMainWrapper">
<div class="productMainWrapperTop">
<div class="productMainWrapperTopSec productMainWrapperTopSecInfo">
<h2 class="productMainWrapperTopSecInfoTitle">Product name</h2>
</div>
</div>
<div class="productMain">
<div class="productMainSec productMainSecBod">
<div class="productMainSecBodGallery">
<div class="productMainSecBodGalleryTop">
<div class="productMainSecBodGalleryTopPic"><img class="productMainSecBodGalleryTopPicImg" src="https://image.nostr.build/7d5ae67b45c6995f066410cef3cd9630a7cb2663d41bd734bfd0d81de07ebcf3.jpg"></div>
</div>
<div class="productMainSecBodGalleryBot">
<div class="productMainSecBodGalleryBotList">
<div class="productMainSecBodGalleryBotListPicWrapper">
<div class="productMainSecBodGalleryBotListPic productMainSecBodGalleryBotListPicActive"><img class="productMainSecBodGalleryBotListPicImg" src="https://image.nostr.build/7d5ae67b45c6995f066410cef3cd9630a7cb2663d41bd734bfd0d81de07ebcf3.jpg"></div>
</div>
<div class="productMainSecBodGalleryBotListPicWrapper">
<div class="productMainSecBodGalleryBotListPic"><img class="productMainSecBodGalleryBotListPicImg" src="https://image.nostr.build/7d5ae67b45c6995f066410cef3cd9630a7cb2663d41bd734bfd0d81de07ebcf3.jpg"></div>
</div>
<div class="productMainSecBodGalleryBotListPicWrapper">
<div class="productMainSecBodGalleryBotListPic"><img class="productMainSecBodGalleryBotListPicImg" src="https://image.nostr.build/7d5ae67b45c6995f066410cef3cd9630a7cb2663d41bd734bfd0d81de07ebcf3.jpg">
<div class="productMainSecBodGalleryBotListVidCover"><i class='bx bx-play productMainSecBodGalleryBotListVidCoverIcon'></i></div>
</div>
</div>
</div>
</div>
</div>
<div id="productInfo" class="productMainSecBodExtra">
<div class="tabsMain">
<div class="tabsMainTop">
<div class="tabsMainTopElement tabsMainTopElementActive">
<p class="tabsMainTopElementText">Description</p>
</div>
<div class="tabsMainTopElement">
<p class="tabsMainTopElementText">Shipping</p>
</div>
<div class="tabsMainTopElement">
<p class="tabsMainTopElementText">Sources</p>
</div>
</div>
<div class="tabsMainMid">
<div class="tabsMainMidElement tabsMainMidElementActive">
<div class="productMainSecBodExtraInside">
<div class="productMainSecBodExtraInsideDetails">
<p>0Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="productMainSecBodExtraInsideActions"><button class="btnMain productMainSecBodExtraInsideActionsBtn" type="button">View full</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="productMainSecBodExtraInside">
<div class="productMainSecBodExtraInsideDetails">
<p>1Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="productMainSecBodExtraInsideMap">
<div class="productMainSecBodExtraInsideMapInside"><iframe width="100%" height="100%" style="border:unset;" src="https://www.openstreetmap.org/export/embed.html?bbox=-0.1429429650306702%2C51.46883148157258%2C-0.139402449131012%2C51.47026171191673&amp;layer=mapnik" style="border: 1px solid black"></iframe><small><a href="https://www.openstreetmap.org/#map=19/51.469547/-0.141173">View Larger Map</a></small></div>
</div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="productMainSecBodExtraInside">
<div class="productMainSecBodExtraInsideDetails">
<p>2Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="productMainSecBodExtraInsideSources">
<div class="productMainSecBodExtraInsideSourcesCard">
<div class="productMainSecBodExtraInsideSourcesCardTop">
<div class="productMainSecBodExtraInsideSourcesCardTopFlag"><img class="productMainSecBodExtraInsideSourcesCardTopFlagImg" src="https://image.nostr.build/0001b79ef07baa8fb0f3e01a39d42f9d7d25052110f3b94fab96532aa6a0afd7.png"></div>
<div class="productMainSecBodExtraInsideSourcesCardTopDetails">
<p class="productMainSecBodExtraInsideSourcesCardTopDetailsText">This product was 65% made in COUNTRY</p>
</div>
</div>
<div class="productMainSecBodExtraInsideSourcesCardMid">
<div class="productMainSecBodExtraInsideSourcesCardMidElement">
<p class="productMainSecBodExtraInsideSourcesCardTopDetailsText">Assembled in:</p>
<div class="productMainSecBodExtraInsideSourcesCardTopDetailsOther">
<div class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElement"><span class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElementPercentage">15%</span>
<p class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElementName">COUNTRY2</p>
</div>
</div>
</div>
<div class="productMainSecBodExtraInsideSourcesCardMidElement">
<p class="productMainSecBodExtraInsideSourcesCardTopDetailsText">Processed at:</p>
<div class="productMainSecBodExtraInsideSourcesCardTopDetailsOther">
<div class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElement"><span class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElementPercentage">15%</span>
<p class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElementName">COUNTRY2</p>
</div>
</div>
</div>
<div class="productMainSecBodExtraInsideSourcesCardMidElement">
<p class="productMainSecBodExtraInsideSourcesCardTopDetailsText">Materials from:</p>
<div class="productMainSecBodExtraInsideSourcesCardTopDetailsOther">
<div class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElement"><span class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElementPercentage">15%</span>
<p class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElementName">COUNTRY2</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="productMainSecBodExtraTagsWrapper">
<p>Tags</p>
<div class="productMainSecBodExtraTags">
<p class="productMainSecBodExtraTagsTag">Tag</p>
<p class="productMainSecBodExtraTagsTag">Tag</p>
</div>
</div>
</div>
</div>
<div class="productMainSec productMainSecSide">
<div class="productMainSecSideSec">
<h3 class="productMainSecSideSecTitle">Summary</h3>
</div>
<div class="productMainSecSideSec productMainSecSideSecAlt">
<p class="productMainSecSideSecText">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p><a role="button" class="btnMain productMainSecSideSecBtn" href="#productInfo">Learn more</a>
</div>
<div class="productMainSecSideSec">
<h4 class="productMainSecSideSecTitle">Purchase</h4>
</div>
<div class="productMainSecSideSec productMainSecSideSecAlt">
<div class="productMainSecSideSecPrice">
<div class="productMainSecSideSecPriceBox">
<div class="productMainSecSideSecPriceBoxCurrency">
<p>$</p>
</div>
<div class="productMainSecSideSecPriceBoxPrice">
<p class="productMainSecSideSecPriceBoxPriceText">420</p>
</div>
</div>
<div class="productMainSecSideSecPriceOther">
<p class="productMainSecSideSecPriceText">Payable with BTC through the LN</p><a class="linkMain" href="#">(Learn more)</a>
</div>
</div>
<div class="productMainSecSideSecActions"><button class="btnMain productMainSecSideSecActionsBtn" type="button">Wishlist</button><button class="btnMain productMainSecSideSecActionsBtn productMainSecSideSecActionsBtnBuy" type="button"><span class="productMainSecSideSecActionsBtnBuySpan productMainSecSideSecActionsBtnBuySpanAlt">in stock</span><span class="productMainSecSideSecActionsBtnBuySpan">Add to cart</span></button></div>
</div>
<div class="productMainSecSideSec">
<h4 class="productMainSecSideSecTitle">Seller info - Store</h4>
</div>
<div class="productMainSecSideSec productMainSecSideSecAlt">
<div class="userProfileBoxMain">
<div class="userProfileBoxMainBox">
<div class="userProfileBoxMainBanner"><img class="userProfileBoxMainBannerImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
<div class="userProfileBoxMainTop"><a class="userProfileBoxMainTopPic userProfileBoxMainTopPicAlt" href="storePage.html"><img class="userProfileBoxMainTopPicImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a>
<div class="userProfileBoxMainTopDetails">
<p class="userProfileBoxMainTopDetailsName">Jimmy's Long Smokes</p>
<p class="userProfileBoxMainTopDetailsBio">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>
</div>
</div>
</div>
<div class="productMainSecSideSec">
<h4 class="productMainSecSideSecTitle">Seller info - Store owner</h4>
</div>
<div class="productMainSecSideSec productMainSecSideSecAlt">
<div class="userProfileBoxMain">
<div class="userProfileBoxMainBox">
<div class="userProfileBoxMainBanner"><img class="userProfileBoxMainBannerImg" src="https://image.nostr.build/6a014cf10dbc1362eeb03e124b6e99839b1042db3577be34746b6370a5ca2f26.jpg"></div>
<div class="userProfileBoxMainTop"><a class="userProfileBoxMainTopPic" href="userPage.html"><img class="userProfileBoxMainTopPicImg" src="https://image.nostr.build/248af40228255b5b0ef27be2f36229f6f9475956e903b90bdbf2f08bc03ac6cf.jpg"></a>
<div class="userProfileBoxMainTopDetails">
<p class="userProfileBoxMainTopDetailsName">name</p>
<p class="userProfileBoxMainTopDetailsBio">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
</div>
<div class="userProfileBoxMainMid">
<div class="wotMain wotMainAlt">
<div class="wotMainSec">
<p>Followed by (Cheem's network)</p>
<div class="wotMainSecPeople"><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="#">
<div class="wotMainSecPeoplePerson">
<p>+50</p>
</div>
</a></div>
</div>
<div class="wotMainSec">
<p>Also by (Your network)</p>
<div class="wotMainSecPeople"><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="userPage.html">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
</a><a class="wotMainSecPeoplePersonWrapper" href="#">
<div class="wotMainSecPeoplePerson">
<p>+50</p>
</div>
</a></div>
</div>
</div>
</div>
<div class="userProfileBoxMainBottom"><button class="btnMain userProfileBoxMainBottomBtn userProfileBoxMainBottomBtnActive" type="button">Following</button></div>
</div>
</div>
</div>
</div>
</div>
<div class="secMainInsideExtraSec">
<div class="secMainInsideExtraSecTop">
<h3 class="secMainInsideExtraSecTopTitle">Other products by seller</h3>
</div>
<div class="secMainInsideExtraSecMid">
<div class="secMainInsideGrid secMainInsideGrid4">
<div class="productCardMain">
<div class="productCardMainInside">
<div class="productCardMainInsideTop">
<div class="productCardMainInsideTopPicture"><img class="productCardMainInsideTopPictureImg" src="https://image.nostr.build/63c350b95198496250ee63d95efe4cabb2bd70e7de4a3ce3505f71c7bd24651b.jpg"><i class='bx bxs-purchase-tag productCardMainInsideTopIcon'></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">Digital</p>
</div>
</div>
<div class="storeCardMainInsideTopDetailsBottom">
<div class="storeCardMainInsideTopDetailsTag"><i class='bx bxs-map productCardMainInsideTopDetailsTagIcon'></i>
<div class="storeCardMainInsideTopDetailsTagDivider"></div>
<p class="storeCardMainInsideTopDetailsTagText">Online</p>
</div>
</div>
</div>
</div>
<div class="productCardMainInsideMid">
<h3 class="productCardMainInsideMidTitle">COD: Black Ops 6 (Key)</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"><span class="productCardMainInsideBotBtnSpan productCardMainInsideBotBtnSpanAlt">out of stock</span><span class="productCardMainInsideBotBtnSpan">$30,000.69</span></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"><span class="productCardMainInsideBotBtnSpan productCardMainInsideBotBtnSpanAlt">in stock</span><span class="productCardMainInsideBotBtnSpan">$30,000.69</span></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"><span class="productCardMainInsideBotBtnSpan productCardMainInsideBotBtnSpanAlt">in stock</span><span class="productCardMainInsideBotBtnSpan">$30,000.69</span></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"><span class="productCardMainInsideBotBtnSpan productCardMainInsideBotBtnSpanAlt">in stock</span><span class="productCardMainInsideBotBtnSpan">$30,000.69</span></a></div>
</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">
<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">Dashboard</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&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>
<div id="mobileMenuPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Navigation</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidNavigation">
<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>
<div class="popupMainSecInsideBoxBottom">
<div class="popupMainSecInsideBoxBottomActions"><button id="loginRegisterMobilePopupTrigger" class="btnMain navMainSecLinksSocialBtn popupMainSecInsideBoxBottomActionsBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="loginRegisterPopup" class="popupMain" style="display: none;">
<div class="popupMainSec">
<div class="containerMain">
<div class="popupMainSecInside">
<div class="popupMainSecInsideBox">
<div class="popupMainSecInsideBoxTop">
<div class="popupMainSecInsideBoxTopTitle">
<h3>Getting in</h3>
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
</div>
<div class="popupMainSecInsideBoxMid">
<div class="popupMainSecInsideBoxMidLoginRegister">
<div class="tabsMain">
<div class="tabsMainTop">
<div class="tabsMainTopElement tabsMainTopElementAlt tabsMainTopElementActive tabsMainTopElementActiveAlt">
<p class="tabsMainTopElementText">Login</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt">
<p class="tabsMainTopElementText">Register</p>
</div>
<div class="tabsMainTopElement tabsMainTopElementAlt popupMainSecInsideBoxMidLoginRegisterNostrTab"><img class="btnMainImgMain" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"></div>
</div>
<div class="tabsMainMid">
<div class="tabsMainMidElement tabsMainMidElementActive">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Email</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Re-type password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
<div class="inputMainNote">
<p>Notice:</p>
<p>This is a note. You can change the type of this note by adding different classes to it (example: inputMainNoteGreen)</p>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
</div>
<div class="tabsMainMidElement">
<div class="inputMainBoxWrapper">
<div class="inputMainBox">
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Bunker address</label>
<div class="inputWrapper"><input type="email" class="inputMain" placeholder="example@domain.com" required=""></div>
</div>
<div class="inputMainWrapper"><label class="form-label inputMainLabel">Password</label>
<div class="inputWrapper"><input type="password" class="inputMain" placeholder="***" required=""></div>
</div>
</div>
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Sign in</button></div>
</div>
<div class="tabsMainMidElementDividerWrapper">
<div class="tabsMainMidElementDivider"></div>
<p>or</p>
<div class="tabsMainMidElementDivider"></div>
</div>
<div class="inputMainBoxWrapper">
<div class="inputMainBoxWrapperActions"><button class="btnMain inputMainBoxWrapperActionsBtn" type="button">Extension login</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="popupMainSecInsideBoxBottom">
<p>Paragraph</p>
</div>
</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/expandProductCheckout.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/tabs.js"></script>
<script src="assets/js/toggleCategories.js"></script>
</body>
</html>