product page and product card changes
All checks were successful
publish / Build-and-publish (push) Successful in 16s
All checks were successful
publish / Build-and-publish (push) Successful in 16s
This commit is contained in:
stitch
parent
4781fcf02e
commit
378b97d299
383
public/assets/css/product.css
Normal file
383
public/assets/css/product.css
Normal file
@ -0,0 +1,383 @@
|
|||||||
|
.productMainWrapper {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
grid-gap: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMain {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
grid-gap: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 992px) {
|
||||||
|
.productMain {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSec {
|
||||||
|
flex-grow: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
grid-gap: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSec.productMainSecSide {
|
||||||
|
min-width: 400px;
|
||||||
|
max-width: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 992px) {
|
||||||
|
.productMainSec.productMainSecSide {
|
||||||
|
min-width: unset;
|
||||||
|
max-width: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSec.productMainSecBod {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
grid-gap: 25px;
|
||||||
|
min-width: 0%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodGallery {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
grid-gap: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecSideSec {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
grid-gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecSideSec.productMainSecSideSecAlt {
|
||||||
|
padding: 15px;
|
||||||
|
background: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 0 4px 0 rgb(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodGalleryTop {
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodGalleryBot {
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: white;
|
||||||
|
box-shadow: 0 0 4px 0 rgb(0,0,0,0.1);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodGalleryBotList {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
grid-gap: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
background: rgba(0,0,0,0.15);
|
||||||
|
border-radius: 4px;
|
||||||
|
overflow-y: hidden;
|
||||||
|
overflow-x: auto;
|
||||||
|
justify-content: start;
|
||||||
|
box-shadow: inset 0 0 8px 0 rgb(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodGalleryBotListPicWrapper {
|
||||||
|
min-width: 200px;
|
||||||
|
max-width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodGalleryBotListPic {
|
||||||
|
transition: ease 0.3s;
|
||||||
|
padding-top: 56.25%;
|
||||||
|
background: rgba(0,0,0,0.1);
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 6px;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
box-shadow: 0 0 4px 0 rgb(0,0,0,0.1);
|
||||||
|
outline: solid 3px rgba(255,153,0,0);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodGalleryBotListPic:hover {
|
||||||
|
outline: solid 3px rgba(255,153,0,0.85);
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodGalleryBotListPicImg {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodExtra {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
grid-gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodGalleryTopPic {
|
||||||
|
width: 100%;
|
||||||
|
padding-top: 56.25%;
|
||||||
|
background: rgba(0,0,0,0.1);
|
||||||
|
border-radius: 8px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodGalleryTopPicImg {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodGalleryBotListPic.productMainSecBodGalleryBotListPicActive {
|
||||||
|
outline: solid 2px rgb(255,153,0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainWrapperTop {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
grid-gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainWrapperTopSec {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
grid-gap: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainWrapperTopSec.productMainWrapperTopSecInfo {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainWrapperTopSecInfoTitle {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodExtraInside {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
grid-gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodExtraInsideDetails {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodExtraInsideActions {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnMain.productMainSecBodExtraInsideActionsBtn {
|
||||||
|
width: 100%;
|
||||||
|
padding: 5px 15px;
|
||||||
|
font-size: 16px;
|
||||||
|
background: rgba(0,0,0,0.05);
|
||||||
|
color: rgba(0,0,0,0.35);
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecSideSecText {
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnMain.productMainSecSideSecBtn {
|
||||||
|
width: 100%;
|
||||||
|
padding: 5px 15px;
|
||||||
|
font-size: 16px;
|
||||||
|
background: rgba(0,0,0,0.05);
|
||||||
|
color: rgba(0,0,0,0.35);
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecSideSecActions {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
grid-gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 576px) {
|
||||||
|
.productMainSecSideSecActions {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnMain.productMainSecSideSecActionsBtn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 16px;
|
||||||
|
background: rgba(0,0,0,0);
|
||||||
|
color: rgba(0,0,0,0.35);
|
||||||
|
border: solid 1px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnMain.productMainSecSideSecActionsBtn:hover {
|
||||||
|
background: rgba(255,153,0,0.85);
|
||||||
|
border: solid 1px rgba(0,0,0,0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnMain.productMainSecSideSecActionsBtn.productMainSecSideSecActionsBtnBuy {
|
||||||
|
width: 100%;
|
||||||
|
background: rgb(255,153,0);
|
||||||
|
color: white;
|
||||||
|
border: solid 1px rgba(0,0,0,0);
|
||||||
|
padding: 5px 5px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnMain.productMainSecSideSecActionsBtn.productMainSecSideSecActionsBtnBuy:hover {
|
||||||
|
background: rgba(255,153,0,0.85);
|
||||||
|
box-shadow: 0 0 4px 0 rgb(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecSideSecPrice {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
grid-gap: 10px;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 576px) {
|
||||||
|
.productMainSecSideSecPrice {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecSideSecPriceBox {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
grid-gap: 0px;
|
||||||
|
border-radius: 6px;
|
||||||
|
border: solid 1px rgba(0,0,0,0.1);
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 18px;
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 576px) {
|
||||||
|
.productMainSecSideSecPriceBox {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecSideSecPriceBoxCurrency {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 5px 15px;
|
||||||
|
border-right: solid 1px rgba(0,0,0,0.1);
|
||||||
|
background: rgba(255,153,0,0.85);
|
||||||
|
color: white;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecSideSecPriceBoxPrice {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 5px 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecSideSecPriceText {
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecSideSecPriceBoxPriceText {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecSideSecPriceOther {
|
||||||
|
font-size: 14px;
|
||||||
|
color: rgba(0,0,0,0.5);
|
||||||
|
font-weight: 600;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
grid-gap: 5px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecSideSecActionsBtnBuySpan {
|
||||||
|
text-align: center;
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecSideSecActionsBtnBuySpan.productMainSecSideSecActionsBtnBuySpanAlt {
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 5px 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
background: rgba(0,0,0,0.05);
|
||||||
|
border: solid 1px rgba(255,255,255,0.15);
|
||||||
|
flex-grow: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecSideSecTitle {
|
||||||
|
font-weight: 600;
|
||||||
|
color: rgba(0,0,0,0.5);
|
||||||
|
font-size: 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodExtraTagsWrapper {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
grid-gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodExtraTags {
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: white;
|
||||||
|
box-shadow: 0 0 4px 0 rgb(0,0,0,0.1);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
grid-gap: 10px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodExtraTagsTag {
|
||||||
|
transition: ease 0.3s;
|
||||||
|
padding: 5px 15px;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: solid 1px rgba(0,0,0,0.1);
|
||||||
|
font-weight: 400;
|
||||||
|
color: rgba(0,0,0,0.5);
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productMainSecBodExtraTagsTag:hover {
|
||||||
|
color: rgb(255,255,255);
|
||||||
|
background: #ffa826;
|
||||||
|
}
|
||||||
|
|
||||||
@ -57,6 +57,7 @@
|
|||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btnMain.productCardMainInsideBotBtn:hover {
|
.btnMain.productCardMainInsideBotBtn:hover {
|
||||||
@ -202,3 +203,17 @@
|
|||||||
background: rgba(255,255,255,0.1);
|
background: rgba(255,255,255,0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.productCardMainInsideBotBtnSpan {
|
||||||
|
text-align: center;
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productCardMainInsideBotBtnSpan.productCardMainInsideBotBtnSpanAlt {
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 5px 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
background: rgba(0,0,0,0.05);
|
||||||
|
border: solid 1px rgba(255,255,255,0.15);
|
||||||
|
flex-grow: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
141
public/assets/css/profileBox.css
Normal file
141
public/assets/css/profileBox.css
Normal file
@ -0,0 +1,141 @@
|
|||||||
|
.userProfileBoxMain {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
grid-gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.userProfileBoxMainTop {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
grid-gap: 15px;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 90%;
|
||||||
|
background: rgba(255,255,255,0.85);
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
padding: 10px;
|
||||||
|
margin-top: -30px;
|
||||||
|
z-index: 1;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 0 4px 0 rgb(0,0,0,0.15);
|
||||||
|
border: solid 1px rgba(0,0,0,0.1);
|
||||||
|
align-self: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.userProfileBoxMainTopPic {
|
||||||
|
transition: ease 0.3s;
|
||||||
|
min-height: 75px;
|
||||||
|
min-width: 75px;
|
||||||
|
max-height: 75px;
|
||||||
|
max-width: 75px;
|
||||||
|
background: rgba(0,0,0,0.1);
|
||||||
|
border-radius: 100%;
|
||||||
|
border: solid 4px white;
|
||||||
|
box-shadow: 0 0 6px 0 rgb(0,0,0,0.25);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.userProfileBoxMainTopPic:hover {
|
||||||
|
border: solid 4px #ff9900;
|
||||||
|
transform: scale(1.02);
|
||||||
|
}
|
||||||
|
|
||||||
|
.userProfileBoxMainTopPicImg {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
object-fit: cover;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.userProfileBoxMainTopDetails {
|
||||||
|
flex-grow: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
grid-gap: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.userProfileBoxMainTopDetailsName {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.userProfileBoxMainTopDetailsBio {
|
||||||
|
font-size: 14px;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.userProfileBoxMainMid {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
grid-gap: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.userProfileBoxMainBottom {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
grid-gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnMain.userProfileBoxMainBottomBtn {
|
||||||
|
width: 100%;
|
||||||
|
background: rgba(0,0,0,0.1);
|
||||||
|
color: rgba(0,0,0,0.5);
|
||||||
|
border: solid 1px rgba(0,0,0,0.1);
|
||||||
|
padding: 8px;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnMain.userProfileBoxMainBottomBtn:hover {
|
||||||
|
width: 100%;
|
||||||
|
background: rgba(255,153,0,0.85);
|
||||||
|
border: solid 1px rgba(0,0,0,0);
|
||||||
|
transform: scale(1.02);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnMain.userProfileBoxMainBottomBtn.userProfileBoxMainBottomBtnActive {
|
||||||
|
background: rgba(255,153,0,0.85);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.userProfileBoxMainBanner {
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding-top: 25%;
|
||||||
|
background: rgba(0,0,0,0.1);
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
box-shadow: 0 0 6px 0 rgb(0,0,0,0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.userProfileBoxMainBannerImg {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.storeProfileBoxMain {
|
||||||
|
}
|
||||||
|
|
||||||
|
.userProfileBoxMainTopPic.userProfileBoxMainTopPicAlt {
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
@ -127,78 +127,9 @@
|
|||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.storeMainMidInsideSecWoT {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
grid-gap: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 576px) {
|
|
||||||
.storeMainMidInsideSecWoT {
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.storeMainMidInsideSecAction {
|
.storeMainMidInsideSecAction {
|
||||||
}
|
}
|
||||||
|
|
||||||
.storeMainMidInsideSecWoTSec {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
grid-gap: 5px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.storeMainMidInsideSecWoTSecPeople {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
grid-gap: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.storeMainMidInsideSecWoTSecPeoplePerson {
|
|
||||||
transition: ease 0.3s;
|
|
||||||
min-width: 40px;
|
|
||||||
max-width: 40px;
|
|
||||||
min-height: 40px;
|
|
||||||
min-width: 40px;
|
|
||||||
background: rgba(255,255,255,0.75);
|
|
||||||
backdrop-filter: blur(5px);
|
|
||||||
border-radius: 100%;
|
|
||||||
border: solid 3px white;
|
|
||||||
box-shadow: 0 0 4px 0 rgb(0,0,0,0.5);
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
margin-left: -20px;
|
|
||||||
color: rgba(0,0,0,0.5);
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.storeMainMidInsideSecWoTSecPeoplePerson:first-child {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.storeMainMidInsideSecWoTSecPeoplePerson:hover {
|
|
||||||
margin: 0 20px 0 0;
|
|
||||||
transform: translateY(-5px);
|
|
||||||
border: solid 3px rgb(255,153,0);
|
|
||||||
box-shadow: 0 0 0px 0 rgb(0,0,0,0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.storeMainMidInsideSecWoTSecPeoplePersonImg {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.storeMainMidInsideSecUser {
|
.storeMainMidInsideSecUser {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@ -97,6 +97,7 @@ h1, h2, h3, h4, h5, h6 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
transition: ease 0.2s;
|
||||||
display: block;
|
display: block;
|
||||||
transition: ease 0.2s;
|
transition: ease 0.2s;
|
||||||
color: unset;
|
color: unset;
|
||||||
@ -105,7 +106,6 @@ a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
transition: ease 0.2s;
|
|
||||||
color: unset;
|
color: unset;
|
||||||
text-decoration: unset;
|
text-decoration: unset;
|
||||||
color: #FF9900;
|
color: #FF9900;
|
||||||
@ -113,7 +113,7 @@ a:hover {
|
|||||||
|
|
||||||
.btnMain {
|
.btnMain {
|
||||||
transition: ease 0.4s;
|
transition: ease 0.4s;
|
||||||
background: rgba(255,153,0,0.85);
|
background: rgb(255,153,0);
|
||||||
border: unset;
|
border: unset;
|
||||||
outline: unset;
|
outline: unset;
|
||||||
color: rgba(255,255,255,0.85);
|
color: rgba(255,255,255,0.85);
|
||||||
@ -131,7 +131,7 @@ a:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btnMain:hover {
|
.btnMain:hover {
|
||||||
background: #ff9900;
|
background: rgba(255,153,0,0.85);
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -446,3 +446,22 @@ a:hover {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.linkMain {
|
||||||
|
}
|
||||||
|
|
||||||
|
.secMainInsideExtraSec {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
grid-gap: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.secMainInsideExtraSecTop {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
grid-gap: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.secMainInsideExtraSecTopTitle {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
73
public/assets/css/tabs.css
Normal file
73
public/assets/css/tabs.css
Normal file
@ -0,0 +1,73 @@
|
|||||||
|
.tabsMain {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
grid-gap: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabsMainTop {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
grid-gap: 10px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabsMainMid {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
/*padding: 10px 0 0 0;*/
|
||||||
|
/*border-top: solid 1px rgba(0,0,0,0.1);*/
|
||||||
|
/*margin-top: 10px;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabsMainTopElement {
|
||||||
|
transition: ease 0.3s;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
grid-gap: 5px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
padding: 10px 20px;
|
||||||
|
border-radius: 6px;
|
||||||
|
background: rgba(255,255,255,0);
|
||||||
|
color: rgba(0,0,0,0.5);
|
||||||
|
font-weight: 600;
|
||||||
|
cursor: pointer;
|
||||||
|
border: solid 1px rgba(0,0,0,0.1);
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabsMainTopElement:hover {
|
||||||
|
background: rgb(255,255,255);
|
||||||
|
color: rgba(0,0,0,0.65);
|
||||||
|
border: solid 1px rgba(0,0,0,0);
|
||||||
|
box-shadow: 0 0 4px 0 rgb(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabsMainTopElementText {
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabsMainTopElement.tabsMainTopElementActive {
|
||||||
|
color: rgba(0,0,0,0.75);
|
||||||
|
background: white;
|
||||||
|
box-shadow: 0 0 4px 0 rgb(0,0,0,0.1);
|
||||||
|
border: solid 1px rgba(0,0,0,0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabsMainMidElement {
|
||||||
|
width: 100%;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabsMainMidElement.tabsMainMidElementActive {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
grid-gap: 0px;
|
||||||
|
background: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 15px;
|
||||||
|
box-shadow: 0 0 4px 0 rgb(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
73
public/assets/css/wot.css
Normal file
73
public/assets/css/wot.css
Normal file
@ -0,0 +1,73 @@
|
|||||||
|
.wotMain {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
grid-gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 576px) {
|
||||||
|
.wotMain {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.wotMain.wotMainAlt {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wotMainSec {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
grid-gap: 5px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wotMainSecPeople {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
grid-gap: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wotMainSecPeoplePerson {
|
||||||
|
transition: ease 0.3s;
|
||||||
|
min-width: 40px;
|
||||||
|
max-width: 40px;
|
||||||
|
min-height: 40px;
|
||||||
|
min-width: 40px;
|
||||||
|
background: rgba(255,255,255,0.75);
|
||||||
|
backdrop-filter: blur(5px);
|
||||||
|
border-radius: 100%;
|
||||||
|
border: solid 3px white;
|
||||||
|
box-shadow: 0 0 4px 0 rgb(0,0,0,0.5);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-left: -20px;
|
||||||
|
color: rgba(0,0,0,0.5);
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wotMainSecPeoplePerson:first-child {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wotMainSecPeoplePerson:hover {
|
||||||
|
margin: 0 20px 0 0;
|
||||||
|
transform: translateY(-5px);
|
||||||
|
border: solid 3px rgb(255,153,0);
|
||||||
|
box-shadow: 0 0 0px 0 rgb(0,0,0,0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.wotMainSecPeoplePersonImg {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
25
public/assets/js/tabs.js
Normal file
25
public/assets/js/tabs.js
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
document.querySelectorAll('.tabsMain').forEach(tabsMain => {
|
||||||
|
const tabsTopElements = tabsMain.querySelectorAll('.tabsMainTopElement');
|
||||||
|
const tabsMidElements = tabsMain.querySelectorAll('.tabsMainMidElement');
|
||||||
|
|
||||||
|
tabsTopElements.forEach((tab, index) => {
|
||||||
|
tab.addEventListener('click', () => {
|
||||||
|
// Remove active class from all tabs and content
|
||||||
|
tabsTopElements.forEach(t => t.classList.remove('tabsMainTopElementActive'));
|
||||||
|
tabsMidElements.forEach(m => m.classList.remove('tabsMainMidElementActive'));
|
||||||
|
|
||||||
|
// Add active class to the clicked tab and corresponding content
|
||||||
|
tab.classList.add('tabsMainTopElementActive');
|
||||||
|
tabsMidElements[index].classList.add('tabsMainMidElementActive');
|
||||||
|
|
||||||
|
// Set active class on the parent tabsMain
|
||||||
|
tabsMain.classList.add('tabsMainActive');
|
||||||
|
// Remove active class from all other tabsMain
|
||||||
|
document.querySelectorAll('.tabsMain').forEach(otherTabsMain => {
|
||||||
|
if (otherTabsMain !== tabsMain) {
|
||||||
|
otherTabsMain.classList.remove('tabsMainActive');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
@ -13,12 +13,16 @@
|
|||||||
<link rel="stylesheet" href="assets/css/listings.css">
|
<link rel="stylesheet" href="assets/css/listings.css">
|
||||||
<link rel="stylesheet" href="assets/css/nav.css">
|
<link rel="stylesheet" href="assets/css/nav.css">
|
||||||
<link rel="stylesheet" href="assets/css/pagination.css">
|
<link rel="stylesheet" href="assets/css/pagination.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/product.css">
|
||||||
<link rel="stylesheet" href="assets/css/productCard.css">
|
<link rel="stylesheet" href="assets/css/productCard.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/profileBox.css">
|
||||||
<link rel="stylesheet" href="assets/css/store.css">
|
<link rel="stylesheet" href="assets/css/store.css">
|
||||||
<link rel="stylesheet" href="assets/css/storeCard.css">
|
<link rel="stylesheet" href="assets/css/storeCard.css">
|
||||||
<link rel="stylesheet" href="assets/css/styles.css">
|
<link rel="stylesheet" href="assets/css/styles.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/tabs.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/wot.css">
|
||||||
<link rel="preconnect" href="https://fonts.bunny.net">
|
<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://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'>
|
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
|
||||||
</head>
|
</head>
|
||||||
@ -27,13 +31,13 @@
|
|||||||
<div class="TopMain">
|
<div class="TopMain">
|
||||||
<div class="containerMain">
|
<div class="containerMain">
|
||||||
<div class="navMain">
|
<div class="navMain">
|
||||||
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="..">
|
<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>
|
<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>
|
<p class="navMainSecLogoText">CHEEMS MARKET</p>
|
||||||
</a></div>
|
</a></div>
|
||||||
<div class="navMainSec navMainSecMid">
|
<div class="navMainSec navMainSecMid">
|
||||||
<div class="navMainSecLinks">
|
<div class="navMainSecLinks">
|
||||||
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="..">Home</a></div>
|
<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="#">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="#">About</a></div>
|
||||||
@ -58,8 +62,8 @@
|
|||||||
<div class="containerMain">
|
<div class="containerMain">
|
||||||
<div class="secMainInside">
|
<div class="secMainInside">
|
||||||
<div class="secMainInsideHead">
|
<div class="secMainInsideHead">
|
||||||
<h1 class="secMainInsideHeadHeading">Featured stores</h1>
|
<h1 class="secMainInsideHeadHeading">Stores closest to you</h1>
|
||||||
<p class="secMainInsideHeadText">Discover the latest products from these awesome stores</p>
|
<p class="secMainInsideHeadText">Discover the latest products from these awesome stores that are closest to you</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="secMainInsideGrid secMainInsideGrid4">
|
<div class="secMainInsideGrid secMainInsideGrid4">
|
||||||
<div class="storeCardMain">
|
<div class="storeCardMain">
|
||||||
@ -145,8 +149,8 @@
|
|||||||
<div class="containerMain">
|
<div class="containerMain">
|
||||||
<div class="secMainInside">
|
<div class="secMainInside">
|
||||||
<div class="secMainInsideHead">
|
<div class="secMainInsideHead">
|
||||||
<h1 class="secMainInsideHeadHeading">Latest market products</h1>
|
<h1 class="secMainInsideHeadHeading">Latest products closest to you</h1>
|
||||||
<p class="secMainInsideHeadText">Discover latest published products for sale by stores and individuals</p>
|
<p class="secMainInsideHeadText">Discover latest published products for sale by stores and individuals that are closest to you</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="secMainInsideGrid secMainInsideGrid4">
|
<div class="secMainInsideGrid secMainInsideGrid4">
|
||||||
<div class="productCardMain">
|
<div class="productCardMain">
|
||||||
@ -176,7 +180,7 @@
|
|||||||
<div class="productCardMainInsideStoreLinkDivider"></div>
|
<div class="productCardMainInsideStoreLinkDivider"></div>
|
||||||
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
|
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
|
||||||
</a></div>
|
</a></div>
|
||||||
<div class="productCardMainInsideBot"><a role="button" class="btnMain productCardMainInsideBotBtn" href="productPage.html">$35.00</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>
|
</div>
|
||||||
<div class="productCardMain">
|
<div class="productCardMain">
|
||||||
@ -211,7 +215,7 @@
|
|||||||
<div class="productCardMainInsideStoreLinkDivider"></div>
|
<div class="productCardMainInsideStoreLinkDivider"></div>
|
||||||
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
|
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
|
||||||
</a></div>
|
</a></div>
|
||||||
<div class="productCardMainInsideBot"><a role="button" class="btnMain productCardMainInsideBotBtn" href="productPage.html">$450.00</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 class="productCardMain">
|
<div class="productCardMain">
|
||||||
@ -246,7 +250,7 @@
|
|||||||
<div class="productCardMainInsideStoreLinkDivider"></div>
|
<div class="productCardMainInsideStoreLinkDivider"></div>
|
||||||
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
|
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
|
||||||
</a></div>
|
</a></div>
|
||||||
<div class="productCardMainInsideBot"><a role="button" class="btnMain productCardMainInsideBotBtn" href="productPage.html">$450.00</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>
|
||||||
@ -266,7 +270,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="BottomMainInsideTopInsideSec">
|
<div class="BottomMainInsideTopInsideSec">
|
||||||
<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>
|
<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>
|
||||||
<div class="BottomMainInsideTopInsideSec">
|
<div class="BottomMainInsideTopInsideSec">
|
||||||
<div class="BottomMainInsideTopInsideSecRight">
|
<div class="BottomMainInsideTopInsideSecRight">
|
||||||
@ -291,6 +295,7 @@
|
|||||||
<script src="assets/js/categoryDrop.js"></script>
|
<script src="assets/js/categoryDrop.js"></script>
|
||||||
<script src="assets/js/checkboxBetter.js"></script>
|
<script src="assets/js/checkboxBetter.js"></script>
|
||||||
<script src="assets/js/expandList.js"></script>
|
<script src="assets/js/expandList.js"></script>
|
||||||
|
<script src="assets/js/tabs.js"></script>
|
||||||
<script src="assets/js/toggleCategories.js"></script>
|
<script src="assets/js/toggleCategories.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@ -13,12 +13,16 @@
|
|||||||
<link rel="stylesheet" href="assets/css/listings.css">
|
<link rel="stylesheet" href="assets/css/listings.css">
|
||||||
<link rel="stylesheet" href="assets/css/nav.css">
|
<link rel="stylesheet" href="assets/css/nav.css">
|
||||||
<link rel="stylesheet" href="assets/css/pagination.css">
|
<link rel="stylesheet" href="assets/css/pagination.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/product.css">
|
||||||
<link rel="stylesheet" href="assets/css/productCard.css">
|
<link rel="stylesheet" href="assets/css/productCard.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/profileBox.css">
|
||||||
<link rel="stylesheet" href="assets/css/store.css">
|
<link rel="stylesheet" href="assets/css/store.css">
|
||||||
<link rel="stylesheet" href="assets/css/storeCard.css">
|
<link rel="stylesheet" href="assets/css/storeCard.css">
|
||||||
<link rel="stylesheet" href="assets/css/styles.css">
|
<link rel="stylesheet" href="assets/css/styles.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/tabs.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/wot.css">
|
||||||
<link rel="preconnect" href="https://fonts.bunny.net">
|
<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://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'>
|
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
|
||||||
</head>
|
</head>
|
||||||
@ -27,13 +31,13 @@
|
|||||||
<div class="TopMain">
|
<div class="TopMain">
|
||||||
<div class="containerMain">
|
<div class="containerMain">
|
||||||
<div class="navMain">
|
<div class="navMain">
|
||||||
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="..">
|
<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>
|
<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>
|
<p class="navMainSecLogoText">CHEEMS MARKET</p>
|
||||||
</a></div>
|
</a></div>
|
||||||
<div class="navMainSec navMainSecMid">
|
<div class="navMainSec navMainSecMid">
|
||||||
<div class="navMainSecLinks">
|
<div class="navMainSecLinks">
|
||||||
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="..">Home</a></div>
|
<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="#">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="#">About</a></div>
|
||||||
@ -49,9 +53,303 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="MidMain">
|
<div class="MidMain">
|
||||||
<div class="secMain">
|
<div class="secMain secMainAlt">
|
||||||
<div class="containerMain">
|
<div class="containerMain">
|
||||||
<div class="secMainInside"></div>
|
<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>
|
||||||
|
</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"><a role="button" class="btnMain productMainSecBodExtraInsideActionsBtn" href="#productInfo">View full</a></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="productMainSecBodExtraInsideActions"><a role="button" class="btnMain productMainSecBodExtraInsideActionsBtn" href="#productInfo">View full</a></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="productMainSecBodExtraInsideActions"><a role="button" class="btnMain productMainSecBodExtraInsideActionsBtn" href="#productInfo">View full</a></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="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 class="productMainSecSideSec">
|
||||||
|
<h4 class="productMainSecSideSecTitle">Seller info - Store owner</h4>
|
||||||
|
</div>
|
||||||
|
<div class="productMainSecSideSec productMainSecSideSecAlt">
|
||||||
|
<div class="userProfileBoxMain">
|
||||||
|
<div class="userProfileBoxMainBanner"><img class="userProfileBoxMainBannerImg" src="https://image.nostr.build/6a014cf10dbc1362eeb03e124b6e99839b1042db3577be34746b6370a5ca2f26.jpg"></div>
|
||||||
|
<div class="userProfileBoxMainTop"><a class="userProfileBoxMainTopPic" href="#"><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 class="userProfileBoxMainMid">
|
||||||
|
<div class="wotMain wotMainAlt">
|
||||||
|
<div class="wotMainSec">
|
||||||
|
<p>Followed by (Cheem's network)</p>
|
||||||
|
<div class="wotMainSecPeople"><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" href="#" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" href="#" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" href="#" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" href="#" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a class="wotMainSecPeoplePerson" href="#">
|
||||||
|
<p>+50</p>
|
||||||
|
</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="wotMainSec">
|
||||||
|
<p>Also by (Your network)</p>
|
||||||
|
<div class="wotMainSecPeople"><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" href="#" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" href="#" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" href="#" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" href="#" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a class="wotMainSecPeoplePerson" href="#">
|
||||||
|
<p>+50</p>
|
||||||
|
</a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="userProfileBoxMainBottom"><a role="button" class="btnMain userProfileBoxMainBottomBtn userProfileBoxMainBottomBtnActive" href="#productInfo">Following</a></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>
|
||||||
</div>
|
</div>
|
||||||
@ -66,7 +364,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="BottomMainInsideTopInsideSec">
|
<div class="BottomMainInsideTopInsideSec">
|
||||||
<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>
|
<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>
|
||||||
<div class="BottomMainInsideTopInsideSec">
|
<div class="BottomMainInsideTopInsideSec">
|
||||||
<div class="BottomMainInsideTopInsideSecRight">
|
<div class="BottomMainInsideTopInsideSecRight">
|
||||||
@ -91,6 +389,7 @@
|
|||||||
<script src="assets/js/categoryDrop.js"></script>
|
<script src="assets/js/categoryDrop.js"></script>
|
||||||
<script src="assets/js/checkboxBetter.js"></script>
|
<script src="assets/js/checkboxBetter.js"></script>
|
||||||
<script src="assets/js/expandList.js"></script>
|
<script src="assets/js/expandList.js"></script>
|
||||||
|
<script src="assets/js/tabs.js"></script>
|
||||||
<script src="assets/js/toggleCategories.js"></script>
|
<script src="assets/js/toggleCategories.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@ -13,12 +13,16 @@
|
|||||||
<link rel="stylesheet" href="assets/css/listings.css">
|
<link rel="stylesheet" href="assets/css/listings.css">
|
||||||
<link rel="stylesheet" href="assets/css/nav.css">
|
<link rel="stylesheet" href="assets/css/nav.css">
|
||||||
<link rel="stylesheet" href="assets/css/pagination.css">
|
<link rel="stylesheet" href="assets/css/pagination.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/product.css">
|
||||||
<link rel="stylesheet" href="assets/css/productCard.css">
|
<link rel="stylesheet" href="assets/css/productCard.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/profileBox.css">
|
||||||
<link rel="stylesheet" href="assets/css/store.css">
|
<link rel="stylesheet" href="assets/css/store.css">
|
||||||
<link rel="stylesheet" href="assets/css/storeCard.css">
|
<link rel="stylesheet" href="assets/css/storeCard.css">
|
||||||
<link rel="stylesheet" href="assets/css/styles.css">
|
<link rel="stylesheet" href="assets/css/styles.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/tabs.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/wot.css">
|
||||||
<link rel="preconnect" href="https://fonts.bunny.net">
|
<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://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'>
|
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
|
||||||
</head>
|
</head>
|
||||||
@ -27,13 +31,13 @@
|
|||||||
<div class="TopMain">
|
<div class="TopMain">
|
||||||
<div class="containerMain">
|
<div class="containerMain">
|
||||||
<div class="navMain">
|
<div class="navMain">
|
||||||
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="..">
|
<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>
|
<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>
|
<p class="navMainSecLogoText">CHEEMS MARKET</p>
|
||||||
</a></div>
|
</a></div>
|
||||||
<div class="navMainSec navMainSecMid">
|
<div class="navMainSec navMainSecMid">
|
||||||
<div class="navMainSecLinks">
|
<div class="navMainSecLinks">
|
||||||
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="..">Home</a></div>
|
<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="#">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="#">About</a></div>
|
||||||
@ -141,7 +145,7 @@
|
|||||||
<div class="productCardMainInsideStoreLinkDivider"></div>
|
<div class="productCardMainInsideStoreLinkDivider"></div>
|
||||||
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
|
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
|
||||||
</a></div>
|
</a></div>
|
||||||
<div class="productCardMainInsideBot"><a role="button" class="btnMain productCardMainInsideBotBtn" href="productPage.html">$450.00</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 class="productCardMain">
|
<div class="productCardMain">
|
||||||
@ -176,7 +180,7 @@
|
|||||||
<div class="productCardMainInsideStoreLinkDivider"></div>
|
<div class="productCardMainInsideStoreLinkDivider"></div>
|
||||||
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
|
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
|
||||||
</a></div>
|
</a></div>
|
||||||
<div class="productCardMainInsideBot"><a role="button" class="btnMain productCardMainInsideBotBtn" href="productPage.html">$450.00</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>
|
||||||
@ -205,7 +209,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="BottomMainInsideTopInsideSec">
|
<div class="BottomMainInsideTopInsideSec">
|
||||||
<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>
|
<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>
|
||||||
<div class="BottomMainInsideTopInsideSec">
|
<div class="BottomMainInsideTopInsideSec">
|
||||||
<div class="BottomMainInsideTopInsideSecRight">
|
<div class="BottomMainInsideTopInsideSecRight">
|
||||||
@ -230,6 +234,7 @@
|
|||||||
<script src="assets/js/categoryDrop.js"></script>
|
<script src="assets/js/categoryDrop.js"></script>
|
||||||
<script src="assets/js/checkboxBetter.js"></script>
|
<script src="assets/js/checkboxBetter.js"></script>
|
||||||
<script src="assets/js/expandList.js"></script>
|
<script src="assets/js/expandList.js"></script>
|
||||||
|
<script src="assets/js/tabs.js"></script>
|
||||||
<script src="assets/js/toggleCategories.js"></script>
|
<script src="assets/js/toggleCategories.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@ -13,12 +13,16 @@
|
|||||||
<link rel="stylesheet" href="assets/css/listings.css">
|
<link rel="stylesheet" href="assets/css/listings.css">
|
||||||
<link rel="stylesheet" href="assets/css/nav.css">
|
<link rel="stylesheet" href="assets/css/nav.css">
|
||||||
<link rel="stylesheet" href="assets/css/pagination.css">
|
<link rel="stylesheet" href="assets/css/pagination.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/product.css">
|
||||||
<link rel="stylesheet" href="assets/css/productCard.css">
|
<link rel="stylesheet" href="assets/css/productCard.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/profileBox.css">
|
||||||
<link rel="stylesheet" href="assets/css/store.css">
|
<link rel="stylesheet" href="assets/css/store.css">
|
||||||
<link rel="stylesheet" href="assets/css/storeCard.css">
|
<link rel="stylesheet" href="assets/css/storeCard.css">
|
||||||
<link rel="stylesheet" href="assets/css/styles.css">
|
<link rel="stylesheet" href="assets/css/styles.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/tabs.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/wot.css">
|
||||||
<link rel="preconnect" href="https://fonts.bunny.net">
|
<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://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'>
|
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
|
||||||
</head>
|
</head>
|
||||||
@ -27,13 +31,13 @@
|
|||||||
<div class="TopMain">
|
<div class="TopMain">
|
||||||
<div class="containerMain">
|
<div class="containerMain">
|
||||||
<div class="navMain">
|
<div class="navMain">
|
||||||
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="..">
|
<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>
|
<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>
|
<p class="navMainSecLogoText">CHEEMS MARKET</p>
|
||||||
</a></div>
|
</a></div>
|
||||||
<div class="navMainSec navMainSecMid">
|
<div class="navMainSec navMainSecMid">
|
||||||
<div class="navMainSecLinks">
|
<div class="navMainSecLinks">
|
||||||
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="..">Home</a></div>
|
<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="#">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="#">About</a></div>
|
||||||
@ -67,16 +71,16 @@
|
|||||||
<div class="storeMainMidInsideSecUser">
|
<div class="storeMainMidInsideSecUser">
|
||||||
<p style="display: flex;grid-gap: 10px;">By <a href="#">UserNameHandle(visitProfile)</a></p><span>follow-btn</span>
|
<p style="display: flex;grid-gap: 10px;">By <a href="#">UserNameHandle(visitProfile)</a></p><span>follow-btn</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="storeMainMidInsideSecWoT">
|
<div class="wotMain">
|
||||||
<div class="storeMainMidInsideSecWoTSec">
|
<div class="wotMainSec">
|
||||||
<p>Followed by (Cheem's network)</p>
|
<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="#">
|
<div class="wotMainSecPeople"><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" href="#" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" href="#" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" href="#" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" href="#" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a class="wotMainSecPeoplePerson" href="#">
|
||||||
<p>+50</p>
|
<p>+50</p>
|
||||||
</a></div>
|
</a></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="storeMainMidInsideSecWoTSec">
|
<div class="wotMainSec">
|
||||||
<p>And by (Your network)</p>
|
<p>Also 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="#">
|
<div class="wotMainSecPeople"><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" href="#" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" href="#" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" href="#" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePerson" href="#" title="UserName"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a><a class="wotMainSecPeoplePerson" href="#">
|
||||||
<p>+50</p>
|
<p>+50</p>
|
||||||
</a></div>
|
</a></div>
|
||||||
</div>
|
</div>
|
||||||
@ -180,7 +184,7 @@
|
|||||||
<div class="productCardMainInsideStoreLinkDivider"></div>
|
<div class="productCardMainInsideStoreLinkDivider"></div>
|
||||||
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
|
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
|
||||||
</a></div>
|
</a></div>
|
||||||
<div class="productCardMainInsideBot"><a role="button" class="btnMain productCardMainInsideBotBtn" href="productPage.html">$450.00</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 class="productCardMain">
|
<div class="productCardMain">
|
||||||
@ -215,7 +219,7 @@
|
|||||||
<div class="productCardMainInsideStoreLinkDivider"></div>
|
<div class="productCardMainInsideStoreLinkDivider"></div>
|
||||||
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
|
<p class="productCardMainInsideStoreLinkText">Gamers United</p>
|
||||||
</a></div>
|
</a></div>
|
||||||
<div class="productCardMainInsideBot"><a role="button" class="btnMain productCardMainInsideBotBtn" href="productPage.html">$450.00</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>
|
||||||
@ -245,7 +249,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="BottomMainInsideTopInsideSec">
|
<div class="BottomMainInsideTopInsideSec">
|
||||||
<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>
|
<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>
|
||||||
<div class="BottomMainInsideTopInsideSec">
|
<div class="BottomMainInsideTopInsideSec">
|
||||||
<div class="BottomMainInsideTopInsideSecRight">
|
<div class="BottomMainInsideTopInsideSecRight">
|
||||||
@ -270,6 +274,7 @@
|
|||||||
<script src="assets/js/categoryDrop.js"></script>
|
<script src="assets/js/categoryDrop.js"></script>
|
||||||
<script src="assets/js/checkboxBetter.js"></script>
|
<script src="assets/js/checkboxBetter.js"></script>
|
||||||
<script src="assets/js/expandList.js"></script>
|
<script src="assets/js/expandList.js"></script>
|
||||||
|
<script src="assets/js/tabs.js"></script>
|
||||||
<script src="assets/js/toggleCategories.js"></script>
|
<script src="assets/js/toggleCategories.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@ -13,12 +13,16 @@
|
|||||||
<link rel="stylesheet" href="assets/css/listings.css">
|
<link rel="stylesheet" href="assets/css/listings.css">
|
||||||
<link rel="stylesheet" href="assets/css/nav.css">
|
<link rel="stylesheet" href="assets/css/nav.css">
|
||||||
<link rel="stylesheet" href="assets/css/pagination.css">
|
<link rel="stylesheet" href="assets/css/pagination.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/product.css">
|
||||||
<link rel="stylesheet" href="assets/css/productCard.css">
|
<link rel="stylesheet" href="assets/css/productCard.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/profileBox.css">
|
||||||
<link rel="stylesheet" href="assets/css/store.css">
|
<link rel="stylesheet" href="assets/css/store.css">
|
||||||
<link rel="stylesheet" href="assets/css/storeCard.css">
|
<link rel="stylesheet" href="assets/css/storeCard.css">
|
||||||
<link rel="stylesheet" href="assets/css/styles.css">
|
<link rel="stylesheet" href="assets/css/styles.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/tabs.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/wot.css">
|
||||||
<link rel="preconnect" href="https://fonts.bunny.net">
|
<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://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'>
|
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
|
||||||
</head>
|
</head>
|
||||||
@ -27,13 +31,13 @@
|
|||||||
<div class="TopMain">
|
<div class="TopMain">
|
||||||
<div class="containerMain">
|
<div class="containerMain">
|
||||||
<div class="navMain">
|
<div class="navMain">
|
||||||
<div class="navMainSec navMainSecFirst"><a class="navMainSecLogo" href="..">
|
<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>
|
<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>
|
<p class="navMainSecLogoText">CHEEMS MARKET</p>
|
||||||
</a></div>
|
</a></div>
|
||||||
<div class="navMainSec navMainSecMid">
|
<div class="navMainSec navMainSecMid">
|
||||||
<div class="navMainSecLinks">
|
<div class="navMainSecLinks">
|
||||||
<div class="navMainSecLinksLinkWrapper"><a class="navMainSecLinksLink" href="..">Home</a></div>
|
<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="#">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="#">About</a></div>
|
||||||
@ -209,7 +213,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="BottomMainInsideTopInsideSec">
|
<div class="BottomMainInsideTopInsideSec">
|
||||||
<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>
|
<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>
|
||||||
<div class="BottomMainInsideTopInsideSec">
|
<div class="BottomMainInsideTopInsideSec">
|
||||||
<div class="BottomMainInsideTopInsideSecRight">
|
<div class="BottomMainInsideTopInsideSecRight">
|
||||||
@ -234,6 +238,7 @@
|
|||||||
<script src="assets/js/categoryDrop.js"></script>
|
<script src="assets/js/categoryDrop.js"></script>
|
||||||
<script src="assets/js/checkboxBetter.js"></script>
|
<script src="assets/js/checkboxBetter.js"></script>
|
||||||
<script src="assets/js/expandList.js"></script>
|
<script src="assets/js/expandList.js"></script>
|
||||||
|
<script src="assets/js/tabs.js"></script>
|
||||||
<script src="assets/js/toggleCategories.js"></script>
|
<script src="assets/js/toggleCategories.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user