380 lines
32 KiB
HTML
380 lines
32 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-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></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"><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="checkoutMain">
|
||
|
<div class="checkoutMainTop">
|
||
|
<div class="checkoutMainTopTitle">
|
||
|
<h2 class="checkoutMainTopTitleHeading">Checkout</h2>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="checkoutMainInside">
|
||
|
<div class="checkoutMainInsideSec checkoutMainInsideSecBody">
|
||
|
<div class="checkoutMainInsideSecBodyCard">
|
||
|
<div class="checkoutMainInsideSecBodyCardTop">
|
||
|
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopName"><a class="checkoutMainInsideSecBodyCardTopNameText" href="productPage.html">This is a product name, and its clickable / leads to product page</a></div>
|
||
|
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopPrice">
|
||
|
<p>$420.69</p>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopAmount">
|
||
|
<div class="inputWrapper"><input type="number" class="inputMain checkoutMainInsideSecBodyCardTopAmountInput" value="1"></div>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopAction"><button class="btnMain checkoutMainInsideSecBodyCardTopActionBtnView" type="button"><i class='bx bxs-show btnMainIcon'></i></button><button class="btnMain checkoutMainInsideSecBodyCardTopActionBtnTrash" type="button"><i class='bx bxs-trash btnMainIcon'></i></button></div>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecBodyCardBottom">
|
||
|
<div class="checkoutMainInsideSecBodyCardBottomMedia">
|
||
|
<div class="checkoutMainInsideSecBodyCardBottomMediaInside"><img class="checkoutMainInsideSecBodyCardBottomMediaInsideImg" src="https://image.nostr.build/63c350b95198496250ee63d95efe4cabb2bd70e7de4a3ce3505f71c7bd24651b.jpg"></div>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecBodyCardBottomDetails">
|
||
|
<div class="checkoutMainInsideSecBodyCardBottomDetailsSummary">
|
||
|
<p class="checkoutMainInsideSecBodyCardBottomDetailsSummaryText">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. 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. 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><a class="checkoutMainInsideSecBodyCardBottomDetailsStore" href="storePage.html">
|
||
|
<p>Product by: Store name</p>
|
||
|
</a>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecBodyCard">
|
||
|
<div class="checkoutMainInsideSecBodyCardTop">
|
||
|
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopName"><a class="checkoutMainInsideSecBodyCardTopNameText" href="productPage.html">This is a product name, and its clickable / leads to product page</a></div>
|
||
|
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopPrice">
|
||
|
<p>$420.69</p>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopAmount">
|
||
|
<div class="inputWrapper"><input type="number" class="inputMain checkoutMainInsideSecBodyCardTopAmountInput" value="1"></div>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopAction"><button class="btnMain checkoutMainInsideSecBodyCardTopActionBtnView" type="button"><i class='bx bxs-show btnMainIcon'></i></button><button class="btnMain checkoutMainInsideSecBodyCardTopActionBtnTrash" type="button"><i class='bx bxs-trash btnMainIcon'></i></button></div>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecBodyCardBottom">
|
||
|
<div class="checkoutMainInsideSecBodyCardBottomMedia">
|
||
|
<div class="checkoutMainInsideSecBodyCardBottomMediaInside"><img class="checkoutMainInsideSecBodyCardBottomMediaInsideImg" src="https://image.nostr.build/63c350b95198496250ee63d95efe4cabb2bd70e7de4a3ce3505f71c7bd24651b.jpg"></div>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecBodyCardBottomDetails">
|
||
|
<div class="checkoutMainInsideSecBodyCardBottomDetailsSummary">
|
||
|
<p class="checkoutMainInsideSecBodyCardBottomDetailsSummaryText">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. 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. 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><a class="checkoutMainInsideSecBodyCardBottomDetailsStore" href="storePage.html">
|
||
|
<p>Product by: Store name</p>
|
||
|
</a>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecBodyCard">
|
||
|
<div class="checkoutMainInsideSecBodyCardTop">
|
||
|
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopName"><a class="checkoutMainInsideSecBodyCardTopNameText" href="productPage.html">This is a product name, and its clickable / leads to product page</a></div>
|
||
|
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopPrice">
|
||
|
<p>$420.69</p>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopAmount">
|
||
|
<div class="inputWrapper"><input type="number" class="inputMain checkoutMainInsideSecBodyCardTopAmountInput" value="1"></div>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecBodyCardTopSec checkoutMainInsideSecBodyCardTopAction"><button class="btnMain checkoutMainInsideSecBodyCardTopActionBtnView" type="button"><i class='bx bxs-show btnMainIcon'></i></button><button class="btnMain checkoutMainInsideSecBodyCardTopActionBtnTrash" type="button"><i class='bx bxs-trash btnMainIcon'></i></button></div>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecBodyCardBottom">
|
||
|
<div class="checkoutMainInsideSecBodyCardBottomMedia">
|
||
|
<div class="checkoutMainInsideSecBodyCardBottomMediaInside"><img class="checkoutMainInsideSecBodyCardBottomMediaInsideImg" src="https://image.nostr.build/63c350b95198496250ee63d95efe4cabb2bd70e7de4a3ce3505f71c7bd24651b.jpg"></div>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecBodyCardBottomDetails">
|
||
|
<div class="checkoutMainInsideSecBodyCardBottomDetailsSummary">
|
||
|
<p class="checkoutMainInsideSecBodyCardBottomDetailsSummaryText">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. 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. 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><a class="checkoutMainInsideSecBodyCardBottomDetailsStore" href="storePage.html">
|
||
|
<p>Product by: Store name</p>
|
||
|
</a>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSec checkoutMainInsideSecSide">
|
||
|
<div class="checkoutMainInsideSecSideSecWrapper">
|
||
|
<div class="checkoutMainInsideSecSideSec checkoutMainInsideSecSideSecAlt">
|
||
|
<div class="checkoutMainInsideSecSideSecInfo">
|
||
|
<div class="checkoutMainInsideSecSideSecInfoSec">
|
||
|
<p class="checkoutMainInsideSecSideSecInfoSecText1">Initial total</p>
|
||
|
<p class="checkoutMainInsideSecSideSecInfoSecText2">$1,262.07</p>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecSideSecInfoSec">
|
||
|
<p class="checkoutMainInsideSecSideSecInfoSecText1">Tax</p>
|
||
|
<p class="checkoutMainInsideSecSideSecInfoSecText2">%10</p>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecSideSecInfoDivider"></div>
|
||
|
<div class="checkoutMainInsideSecSideSecInfoSec">
|
||
|
<p class="checkoutMainInsideSecSideSecInfoSecText1">Final total</p>
|
||
|
<p class="checkoutMainInsideSecSideSecInfoSecText2">$1,388.28</p>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecSideSecInfoActions"><button class="btnMain checkoutMainInsideSecSideSecInfoActionsBtnAlt" type="button"><i class='bx bxl-bitcoin btnMainIcon'></i></button><button class="btnMain checkoutMainInsideSecSideSecInfoActionsBtn" type="button">Purchase</button></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="checkoutMainInsideSecSideSec">
|
||
|
<p class="checkoutMainInsideSecSideSecNoteText">Notice 1: Your cart is saved locally on your device. Meaning your.. etc (unless it can be saved on relays?)</p>
|
||
|
<p class="checkoutMainInsideSecSideSecNoteText">Notice 2: You can only purchase products from one store (or not? don't know about the technicalities of this)</p>
|
||
|
</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 © <script>document.write(new Date().getFullYear())</script> <a class="BottomMainInsideBottomInsideTextLink" href="#">Chems</a> 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"><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 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>
|
||
|
<div id="userPageInfoPopup" class="popupMain" style="display: none;">
|
||
|
<div class="popupMainSec">
|
||
|
<div class="containerMain">
|
||
|
<div class="popupMainSecInside">
|
||
|
<div class="popupMainSecInsideBox">
|
||
|
<div class="popupMainSecInsideBoxTop">
|
||
|
<div class="popupMainSecInsideBoxTopTitle">
|
||
|
<h3>User's Bio</h3>
|
||
|
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
|
||
|
</div>
|
||
|
<div class="popupMainSecInsideBoxMid">
|
||
|
<div class="popupMainSecInsideBoxMidStoreProfile">
|
||
|
<div class="popupMainSecInsideBoxMidStoreProfileDescription">
|
||
|
<p>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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="popupMainSecInsideBoxBottom"></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>
|