product page and store page
All checks were successful
publish / Build-and-publish (push) Successful in 19s
All checks were successful
publish / Build-and-publish (push) Successful in 19s
This commit is contained in:
stitch
parent
378b97d299
commit
bc7d0fae63
99
public/assets/css/popup.css
Normal file
99
public/assets/css/popup.css
Normal file
@ -0,0 +1,99 @@
|
||||
.popupMain {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: rgba(0,0,0,0.5);
|
||||
backdrop-filter: blur(10px);
|
||||
z-index: 10;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.popupMain {
|
||||
padding: 15px 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.popupMainSec {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.popupMainSecInside {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.popupMainSecInsideBox {
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
padding: 20px;
|
||||
background: white;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 0 8px 0 rgb(0,0,0,0.1);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
grid-gap: 15px;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.popupMainSecInsideBox {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.popupMainSecInsideBox.popupMainSecInsideBoxAlt {
|
||||
max-width: unset;
|
||||
}
|
||||
|
||||
.popupMainSecInsideBoxTop {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
grid-gap: 10px;
|
||||
}
|
||||
|
||||
.popupMainSecInsideBoxMid {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
grid-gap: 10px;
|
||||
border-top: solid 1px rgba(0,0,0,0.1);
|
||||
border-bottom: solid 1px rgba(0,0,0,0.1);
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.popupMainSecInsideBoxBottom {
|
||||
}
|
||||
|
||||
.popupMainSecInsideBoxTopTitle {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.btnMain.popupMainSecInsideBoxTopBtn {
|
||||
padding: 8px 15px;
|
||||
font-size: 24px;
|
||||
border: solid 1px rgba(0,0,0,0.1);
|
||||
background: rgba(255,153,0,0);
|
||||
color: rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.popupMainSecInsideBoxMidStoreProfile {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
grid-gap: 15px;
|
||||
}
|
||||
|
||||
@ -109,6 +109,7 @@
|
||||
box-shadow: 0 0 4px 0 rgb(0,0,0,0.1);
|
||||
outline: solid 3px rgba(255,153,0,0);
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.productMainSecBodGalleryBotListPic:hover {
|
||||
@ -296,7 +297,6 @@
|
||||
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;
|
||||
@ -381,3 +381,168 @@
|
||||
background: #ffa826;
|
||||
}
|
||||
|
||||
.productMainSecBodExtraInsideMap {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
border-radius: 8px;
|
||||
background: rgba(0,0,0,0.1);
|
||||
padding-top: 40%;
|
||||
border: solid 1px rgba(0,0,0,0.05);
|
||||
box-shadow: 0 0 4px 0 rgb(0,0,0,0.15);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.productMainSecBodExtraInsideMapInside {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
grid-gap: 0px;
|
||||
}
|
||||
|
||||
.productMainSecBodExtraInsideMapInside > small {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: white;
|
||||
align-self: center;
|
||||
padding: 5px;
|
||||
border-top: solid 1px rgba(0,0,0,0.1);
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
color: rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.productMainSecBodExtraInsideSources {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
grid-gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.productMainSecBodExtraInsideSourcesCard {
|
||||
width: 100%;
|
||||
flex-grow: 1;
|
||||
border: solid 1px rgba(0,0,0,0.1);
|
||||
border-radius: 6px;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
grid-gap: 10px;
|
||||
}
|
||||
|
||||
.productMainSecBodExtraInsideSourcesCardTop {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: start;
|
||||
align-items: start;
|
||||
width: 100%;
|
||||
grid-gap: 15px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.productMainSecBodExtraInsideSourcesCardTopFlag {
|
||||
border: solid 4px white;
|
||||
box-shadow: 0 0 4px 0 rgb(0,0,0,0.1);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
border-radius: 6px;
|
||||
max-width: 100px;
|
||||
box-shadow: 0 0 4px 1px rgb(0,0,0,0.25);
|
||||
}
|
||||
|
||||
.productMainSecBodExtraInsideSourcesCardTopFlagImg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.productMainSecBodExtraInsideSourcesCardTopDetails {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
grid-gap: 10px;
|
||||
}
|
||||
|
||||
.productMainSecBodExtraInsideSourcesCardMidElement {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
grid-gap: 10px;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.productMainSecBodExtraInsideSourcesCardTopDetailsText {
|
||||
}
|
||||
|
||||
.productMainSecBodExtraInsideSourcesCardTopDetailsOther {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
grid-gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.productMainSecBodExtraInsideSourcesCardTopDetailsOtherElement {
|
||||
border-radius: 6px;
|
||||
padding: 5px 15px;
|
||||
background: white;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
grid-gap: 10px;
|
||||
border: solid 1px rgba(0,0,0,0.1);
|
||||
white-space: nowrap;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.productMainSecBodExtraInsideSourcesCardTopDetailsOtherElementPercentage {
|
||||
}
|
||||
|
||||
.productMainSecBodExtraInsideSourcesCardTopDetailsOtherElementName {
|
||||
}
|
||||
|
||||
.productMainSecBodExtraInsideSourcesCardMid {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
grid-gap: 25px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.productMainSecBodGalleryBotListVidCover {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: rgba(0,0,0,0.35);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: rgba(255,255,255,0.5);
|
||||
}
|
||||
|
||||
.productMainSecBodGalleryBotListVidCoverIcon {
|
||||
transition: ease 0.3s;
|
||||
font-size: 42px;
|
||||
}
|
||||
|
||||
.productMainSecBodGalleryBotListVidCover:hover {
|
||||
color: #ff9900;
|
||||
background: rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.productMainSecBodGalleryBotListVidCover:hover > * {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
|
||||
@ -14,7 +14,6 @@
|
||||
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);
|
||||
@ -119,6 +118,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
box-shadow: 0 0 6px 0 rgb(0,0,0,0.2);
|
||||
margin-bottom: -30px;
|
||||
}
|
||||
|
||||
.userProfileBoxMainBannerImg {
|
||||
@ -139,3 +139,8 @@
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.userProfileBoxMainBox {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
|
||||
@ -2,9 +2,11 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
grid-gap: 0px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.storeMainTop {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
@ -13,7 +15,7 @@
|
||||
background: rgba(0,0,0,0.05);
|
||||
overflow: hidden;
|
||||
box-shadow: 0 0 4px 0 rgb(0,0,0,0.5);
|
||||
/*border: solid 1px rgba(0,0,0,0.1);*/
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.storeMainMid {
|
||||
@ -33,7 +35,7 @@
|
||||
margin-top: -50px;
|
||||
border-radius: 8px;
|
||||
padding: 10px;
|
||||
background: rgba(255,255,255,0.75);
|
||||
background: rgba(255,255,255,0.85);
|
||||
z-index: 1;
|
||||
backdrop-filter: blur(10px);
|
||||
box-shadow: 0 0 4px 0 rgb(0,0,0,0.2);
|
||||
@ -127,9 +129,6 @@
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.storeMainMidInsideSecAction {
|
||||
}
|
||||
|
||||
.storeMainMidInsideSecUser {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
@ -138,6 +137,35 @@
|
||||
grid-gap: 10px;
|
||||
background: white;
|
||||
border-radius: 5px;
|
||||
padding: 5px 15px;
|
||||
padding: 5px 5px 5px 15px;
|
||||
border: solid 1px rgba(0,0,0,0.15);
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.btnMain.storeMainMidInsideSecUserBtn {
|
||||
padding: 5px 15px;
|
||||
flex-grow: 1;
|
||||
background: rgba(0,0,0,0.1);
|
||||
color: rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.storeMainMidInsideSecUserText {
|
||||
display: flex;
|
||||
grid-gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.storeMainMidInsideSecUserTextLink {
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
-webkit-line-clamp: 1;
|
||||
}
|
||||
|
||||
.btnMain.storeMainMidInsideSecUserBtn.storeMainMidInsideSecUserBtnActive {
|
||||
background: rgb(255,153,0);
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
@ -128,11 +128,13 @@ a:hover {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
grid-gap: 5px;
|
||||
border: solid 1px rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
.btnMain:hover {
|
||||
background: rgba(255,153,0,0.85);
|
||||
color: rgb(255,255,255);
|
||||
border: solid 1px rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
.btnMain:active {
|
||||
|
||||
@ -44,21 +44,24 @@
|
||||
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 {
|
||||
.wotMainSecPeoplePersonWrapper:first-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wotMainSecPeoplePerson:hover {
|
||||
margin: 0 20px 0 0;
|
||||
.wotMainSecPeoplePersonWrapper:first-child:hover > .wotMainSecPeoplePerson {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.wotMainSecPeoplePersonWrapper:hover > .wotMainSecPeoplePerson {
|
||||
transform: translateY(-5px);
|
||||
border: solid 3px rgb(255,153,0);
|
||||
box-shadow: 0 0 0px 0 rgb(0,0,0,0.5);
|
||||
margin: 0 20px 0 20px;
|
||||
}
|
||||
|
||||
.wotMainSecPeoplePersonImg {
|
||||
@ -71,3 +74,7 @@
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.wotMainSecPeoplePersonWrapper {
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
|
||||
@ -13,6 +13,7 @@
|
||||
<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">
|
||||
|
||||
@ -13,6 +13,7 @@
|
||||
<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">
|
||||
@ -77,7 +78,9 @@
|
||||
<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 class="productMainSecBodGalleryBotListPic"><img class="productMainSecBodGalleryBotListPicImg" src="https://image.nostr.build/7d5ae67b45c6995f066410cef3cd9630a7cb2663d41bd734bfd0d81de07ebcf3.jpg">
|
||||
<div class="productMainSecBodGalleryBotListVidCover"><i class='bx bx-play productMainSecBodGalleryBotListVidCoverIcon'></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -101,7 +104,7 @@
|
||||
<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 class="productMainSecBodExtraInsideActions"><button class="btnMain productMainSecBodExtraInsideActionsBtn" type="button">View full</button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tabsMainMidElement">
|
||||
@ -109,7 +112,9 @@
|
||||
<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 class="productMainSecBodExtraInsideMap">
|
||||
<div class="productMainSecBodExtraInsideMapInside"><iframe width="100%" height="100%" style="border:unset;" src="https://www.openstreetmap.org/export/embed.html?bbox=-0.1429429650306702%2C51.46883148157258%2C-0.139402449131012%2C51.47026171191673&layer=mapnik" style="border: 1px solid black"></iframe><small><a href="https://www.openstreetmap.org/#map=19/51.469547/-0.141173">View Larger Map</a></small></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tabsMainMidElement">
|
||||
@ -117,7 +122,42 @@
|
||||
<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 class="productMainSecBodExtraInsideSources">
|
||||
<div class="productMainSecBodExtraInsideSourcesCard">
|
||||
<div class="productMainSecBodExtraInsideSourcesCardTop">
|
||||
<div class="productMainSecBodExtraInsideSourcesCardTopFlag"><img class="productMainSecBodExtraInsideSourcesCardTopFlagImg" src="https://image.nostr.build/0001b79ef07baa8fb0f3e01a39d42f9d7d25052110f3b94fab96532aa6a0afd7.png"></div>
|
||||
<div class="productMainSecBodExtraInsideSourcesCardTopDetails">
|
||||
<p class="productMainSecBodExtraInsideSourcesCardTopDetailsText">This product was 65% made in COUNTRY</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="productMainSecBodExtraInsideSourcesCardMid">
|
||||
<div class="productMainSecBodExtraInsideSourcesCardMidElement">
|
||||
<p class="productMainSecBodExtraInsideSourcesCardTopDetailsText">Assembled in:</p>
|
||||
<div class="productMainSecBodExtraInsideSourcesCardTopDetailsOther">
|
||||
<div class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElement"><span class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElementPercentage">15%</span>
|
||||
<p class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElementName">COUNTRY2</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="productMainSecBodExtraInsideSourcesCardMidElement">
|
||||
<p class="productMainSecBodExtraInsideSourcesCardTopDetailsText">Processed at:</p>
|
||||
<div class="productMainSecBodExtraInsideSourcesCardTopDetailsOther">
|
||||
<div class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElement"><span class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElementPercentage">15%</span>
|
||||
<p class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElementName">COUNTRY2</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="productMainSecBodExtraInsideSourcesCardMidElement">
|
||||
<p class="productMainSecBodExtraInsideSourcesCardTopDetailsText">Materials from:</p>
|
||||
<div class="productMainSecBodExtraInsideSourcesCardTopDetailsOther">
|
||||
<div class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElement"><span class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElementPercentage">15%</span>
|
||||
<p class="productMainSecBodExtraInsideSourcesCardTopDetailsOtherElementName">COUNTRY2</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -162,11 +202,13 @@
|
||||
</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 class="userProfileBoxMainBox">
|
||||
<div class="userProfileBoxMainBanner"><img class="userProfileBoxMainBannerImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
|
||||
<div class="userProfileBoxMainTop"><a class="userProfileBoxMainTopPic userProfileBoxMainTopPicAlt" href="storePage.html"><img class="userProfileBoxMainTopPicImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></a>
|
||||
<div class="userProfileBoxMainTopDetails">
|
||||
<p class="userProfileBoxMainTopDetailsName">Jimmy's Long Smokes</p>
|
||||
<p class="userProfileBoxMainTopDetailsBio">Need a smoke? A specific kind of smoke? We got it. We got the long, the short, the thick and thin, the brown and black. We have them all.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -176,30 +218,48 @@
|
||||
</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 class="userProfileBoxMainBox">
|
||||
<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>
|
||||
<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>
|
||||
<div class="wotMainSecPeople"><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
|
||||
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
|
||||
</a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
|
||||
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
|
||||
</a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
|
||||
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
|
||||
</a><a class="wotMainSecPeoplePersonWrapper" href="#">
|
||||
<div class="wotMainSecPeoplePerson">
|
||||
<p>+50</p>
|
||||
</div>
|
||||
</a></div>
|
||||
</div>
|
||||
<div class="wotMainSec">
|
||||
<p>Also by (Your network)</p>
|
||||
<div class="wotMainSecPeople"><a 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>
|
||||
<div class="wotMainSecPeople"><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
|
||||
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
|
||||
</a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
|
||||
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
|
||||
</a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
|
||||
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
|
||||
</a><a class="wotMainSecPeoplePersonWrapper" href="#">
|
||||
<div class="wotMainSecPeoplePerson">
|
||||
<p>+50</p>
|
||||
</div>
|
||||
</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="userProfileBoxMainBottom"><a role="button" class="btnMain userProfileBoxMainBottomBtn userProfileBoxMainBottomBtnActive" href="#productInfo">Following</a></div>
|
||||
<div class="userProfileBoxMainBottom"><button class="btnMain userProfileBoxMainBottomBtn userProfileBoxMainBottomBtnActive" type="button">Following</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -13,6 +13,7 @@
|
||||
<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">
|
||||
|
||||
@ -13,6 +13,7 @@
|
||||
<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">
|
||||
@ -64,28 +65,43 @@
|
||||
<div class="storeMainMidInsideSecProfilePic"><img class="storeMainMidInsideSecProfilePicImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
|
||||
<div class="storeMainMidInsideSecProfileDetails">
|
||||
<h3 class="storeMainMidInsideSecProfileDetailsName">Jimmy's Long Smokes</h3>
|
||||
<p class="storeMainMidInsideSecProfileDetailsBio">Need a smoke? A specific kind of smoke? We got it. We got the long, the short, the thick and thin, the brown and black. We have them all.</p><a class="storeMainMidInsideSecProfilePop" href="#">Read full</a>
|
||||
<p class="storeMainMidInsideSecProfileDetailsBio">Need a smoke? A specific kind of smoke? We got it. We got the long, the short, the thick and thin, the brown and black. We have them all.</p><a id="storePageInfoPopupTrigger" class="storeMainMidInsideSecProfilePop" href="#">View full</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="storeMainMidInsideSec storeMainMidInsideSecAlt">
|
||||
<div class="storeMainMidInsideSecUser">
|
||||
<p style="display: flex;grid-gap: 10px;">By <a href="#">UserNameHandle(visitProfile)</a></p><span>follow-btn</span>
|
||||
<p class="storeMainMidInsideSecUserText">Store by:<a class="storeMainMidInsideSecUserTextLink" href="#">User's Name</a></p><button class="btnMain storeMainMidInsideSecUserBtn storeMainMidInsideSecUserBtnActive" type="button">Following</button>
|
||||
</div>
|
||||
<div class="wotMain">
|
||||
<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>
|
||||
<div class="wotMainSecPeople"><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
|
||||
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
|
||||
</a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
|
||||
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
|
||||
</a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
|
||||
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
|
||||
</a><a class="wotMainSecPeoplePersonWrapper" href="#">
|
||||
<div class="wotMainSecPeoplePerson">
|
||||
<p>+50</p>
|
||||
</div>
|
||||
</a></div>
|
||||
</div>
|
||||
<div class="wotMainSec">
|
||||
<p>Also by (Your network)</p>
|
||||
<div class="wotMainSecPeople"><a 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>
|
||||
<div class="wotMainSecPeople"><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
|
||||
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
|
||||
</a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
|
||||
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
|
||||
</a><a data-bs-toggle="tooltip" data-bss-tooltip="" class="wotMainSecPeoplePersonWrapper" href="#" title="UserName">
|
||||
<div class="wotMainSecPeoplePerson"><img class="wotMainSecPeoplePersonImg" src="https://image.nostr.build/a66cc6c0b32d70362dc791f9cf338133db945a0abe1c08f0b940de00130c80fa.jpg"></div>
|
||||
</a><a class="wotMainSecPeoplePersonWrapper" href="#">
|
||||
<div class="wotMainSecPeoplePerson">
|
||||
<p>+50</p>
|
||||
</div>
|
||||
</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="storeMainMidInsideSecAction"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -269,6 +285,31 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="storePageInfoPopup" class="popupMain" style="display: none;">
|
||||
<div class="popupMainSec">
|
||||
<div class="containerMain">
|
||||
<div class="popupMainSecInside">
|
||||
<div class="popupMainSecInsideBox popupMainSecInsideBoxAlt">
|
||||
<div class="popupMainSecInsideBoxTop">
|
||||
<div class="popupMainSecInsideBoxTopTitle">
|
||||
<h3>Jimmy's Long Smokes</h3>
|
||||
</div><button class="btnMain popupMainSecInsideBoxTopBtn" type="button"><i class='bx bx-x btnMainIcon'></i></button>
|
||||
</div>
|
||||
<div class="popupMainSecInsideBoxMid">
|
||||
<div class="popupMainSecInsideBoxMidStoreProfile">
|
||||
<div></div>
|
||||
<div><iframe allowfullscreen="" frameborder="0" width="560" height="315"></iframe></div>
|
||||
<div>
|
||||
<p>Paragraph</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>
|
||||
|
||||
@ -13,6 +13,7 @@
|
||||
<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">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user