|
Godspeed embodies a Nostalgic New York vibe while displaying the brands core aesthetic. Latest Men's streetwear, luxury, and local clothing.
Document
body {
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
}
*:not(nav) {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
}
a {
text-decoration: none;
color: inherit;
}
ul {
list-style-type: none;
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
background: rgb(165 18 18);
color: white;
font-size: 20px;
position: sticky;
top: 0;
box-shadow: 0 1px 4px black;
z-index: 2;
}
nav .logo-image {
position: relative;
height: 70px;
width: 200px;
overflow: hidden;
border: 4px solid rgb(165 18 18);
}
nav .logo-image img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
nav ul.main-menu {
display: flex;
gap: 150px;
letter-spacing: 1.7px;
z-index: -1;
}
nav span {
padding: 3px 5px;
}
nav ul.main-menu > li {
position: relative;
padding: 20px;
}
nav ul.main-menu > li:hover {
background-color: rgb(165 18 18);
}
ul.main-menu .further-details {
position: absolute;
left: 50%;
top: 65px;
z-index: 10;
transform: translateX(-50%) translateY(-3%);
display: flex;
justify-content: space-around;
background-color: rgba(165, 18, 18, 0.877);
padding: 20px;
opacity: 0;
pointer-events: none;
transition: 0.3s;
}
ul.main-menu .further-details ul {
margin: 0 30px;
}
nav ul.main-menu li:hover .further-details {
opacity: 1;
transform: translateX(-50%) translateY(0);
pointer-events: all;
}
.product-details {
padding: 50px 0;
display: flex;
justify-content: space-around;
align-items: center;
text-align: center;
}
.product-details .info {
width: 45%;
display: flex;
flex-direction: column;
justify-content: space-around;
gap: 25px;
}
.info h3.product-price {
font-size: 20px;
font-family: "poppins", sans-serif;
}
.product-details h4 {
margin-right: 10px;
font-weight: bold;
font-family: "Poppins";
}
.product-description > div {
display: flex;
justify-content: center;
align-items: center;
margin: 30px 0;
}
.product-details .product-title {
font-size: 32px;
font-family: "poppins", sans-serif;
}
.product-details .product-description {
font-size: 18px;
font-family: "poppins";
}
.product-details .product-specs {
display: flex;
align-items: center;
justify-content: space-around;
margin-top: 30px;
}
.product-specs ul {
list-style-type: none;
}
.product-details .product-specs ul li {
margin: 4px 0;
text-align: left;
}
.product-details .product-specs div {
margin-left: 20px;
}
.product-details .product-specs div h4 {
margin-right: 10px;
font-weight: bold;
font-family: "Poppins";
}
.middle-section {
display: flex;
padding: 50px 170px;
}
.middle-section div {
margin: 0 28px;
}
.middle-section h3 {
font-family: "poppins", sans-serif;
margin-bottom: 8px;
letter-spacing: 2px;
position: relative;
}
.middle-section p,
ul li {
font-family: "Poppins", sans-serif;
font-size: 16px;
}
.middle-section ul li:not(last-child) {
margin-bottom: 6px;
}
.middle-section div:first-child {
flex-shrink: 0.95;
}
.middle-section .middle-section-ul {
list-style-type: disc;
}
.middle-section .shipping {
flex-shrink: 0.8;
}
.middle-section .returns {
flex-shrink: 0.9;
}
footer {
display: flex;
justify-content: space-around;
background-color: rgb(165 18 18);
color: white;
padding: 35px;
font-size: 18px;
}
footer ul {
display: flex;
gap: 100px;
}
footer ul li {
padding: 15px 20px;
}
footer ul li:hover {
background-color: black;
}
.menu-icon {
height: 30px;
width: 30px;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-around;
margin-right: 6px;
display: none;
}
.menu-icon div {
width: 100%;
height: 2px;
background-color: white;
border-radius: 5px;
transform-origin: center;
transition: transform 0.3s;
}
#toggle {
appearance: none;
position: absolute;
}
#toggle:checked ~ ul.main-menu {
transform: translateY(0);
}
#toggle:checked ~ .menu-icon {
justify-content: center;
}
#toggle:checked ~ .menu-icon div.second {
display: none;
}
#toggle:checked ~ .menu-icon div.first {
transform: rotate(45deg) translateX(6%);
}
#toggle:checked ~ .menu-icon div.third {
transform: rotate(-45deg) translateX(3%);
}
/* Making it responsive */
@media screen and (max-width: 1150px) {
.product-details .product-title {
font-size: 25px;
font-family: "Audiowide", sans-serif;
}
nav ul.main-menu {
gap: 50px;
}
.info h3.product-price {
font-size: 20px;
}
.product-details .product-description {
font-size: 16px;
}
.middle-section {
flex-direction: column;
gap: 28px;
}
}
@media screen and (max-width: 1000px) {
section.product-details {
flex-direction: column;
align-items: center;
gap: 40px;
}
.product-details .info {
width: 60%;
align-items: center;
}
}
@media screen and (max-width: 900px) {
section.middle-section {
flex-direction: column;
padding: 20px 50px;
}
section.middle-section div {
margin-bottom: 20px;
}
nav ul.main-menu {
gap: 0;
font-size: 16px;
}
nav .logo-image {
height: 50px;
width: 100px;
}
nav ul.main-menu .further-details {
top: 64px;
padding: 10px;
}
nav ul.main-menu .further-details ul {
margin: 0 10px;
}
footer ul {
gap: 40px;
text-align: center;
}
}
@media screen and (max-width: 490px) {
nav ul.main-menu > li {
padding: 10px;
}
nav ul.main-menu > li span {
padding: 2px;
}
.info .product-specs {
flex-direction: column;
align-items: center;
text-align: center;
}
.info .product-specs div {
margin-left: 0;
margin-top: 15px;
}
.info .product-price {
margin: 15px 0;
}
.middle-section {
gap: 0;
padding: 20px !important;
}
.middle-section h3 {
margin-bottom: 6px;
letter-spacing: 1px;
font-size: 17px;
}
.middle-section div h3::after {
content: "";
position: absolute;
top: 40%;
transform: translateY(-50%) rotate(45deg);
right: 10px;
height: 13px;
width: 13px;
border-right: 2px solid black;
border-bottom: 2px solid black;
}
section.middle-section h3:focus + p,
section.middle-section h3:focus ~ ul {
display: block;
}
.middle-section p,
ul li {
font-size: 14px;
}
.middle-section p,
.middle-section ul {
display: none;
}
.middle-section ul li:not(last-child) {
margin-bottom: 2px;
}
.product-details {
padding: 50px 0 15px 0;
}
.product-details .product-title {
font-size: 24px;
}
.product-details .product-price {
font-size: 20px;
}
.product-details .product-description {
font-size: 15px;
}
nav ul.main-menu .further-details {
top: 32px;
box-shadow: 0 0 5px black;
padding: 10px 50px;
background-color: rgb(165, 18, 18);
}
footer ul {
flex-direction: column;
gap: 0;
}
.menu-icon {
display: flex;
}
nav ul.main-menu {
display: flex;
flex-direction: column;
position: absolute;
top: 100%;
background-color: rgb(165, 18, 18);
width: 100%;
text-align: center;
transition: transform 0.2s;
transform: translateY(-140%);
}
}
Apparel
Shirts
Pants
Shorts
Footwear
Shoes
Slides
Sandals
Kids
Hats
Constructed in heavyweight knit featuring our classic metal logo on the front.
Brand
Godspeed
Style
Beanie
Pull On Design
Cotton and Polyster
Breathable Mesh
Graphic at front
Features Embroidery
DEAR BUYER
Thank you for your interest in our item and hope you enjoy your
shopping experience with us. Please buy with confidence and rest
assured that all our items are 100% Authentic. If you have a question
or need assistance in any issue related to your purchase, please
contact us and let us know, we will respond to you as fast as
possible.
SHIPPING
We reserve the right to require a signature on specific packages at
our sole discretion. Please view your tracking number for updates.
Most packages will be shipped via USPS First Mail, it usually takes
3-5 days for delivery.
A tracking number will be emailed to you upon shipment. Please note
that USPS does not update tracking information location by location.
We only ship to the address that you input during checkout. Buyers
are responsible for wrong or undeliverable addresses.
RETURNS
Returns are accepted within 30 days.
Returned item must be in the same condition it was received, new
with all tags attached and in the original box and/or packaging
PLEASE NOTE: Due to health regulations, underwear must not
be opened and in the original packaging in order to be accepted as a
return
INTERNATIONAL BUYERS : Please make your purchase wisely as
all international sales are final and no returns will be accepted
from outside the US. Import duties, taxes and charges are not
included in the item price or shipping cost. These charges are the
buyer's responsibility.
About Us
Contact Us
Store
|
![{$data['title']拍卖](http://yahooimg2.ymibuy.cn/i/auctions.c.yimg.jp/images.auctions.yahoo.co.jp/image/dr000/auc0107/user/49b23de01dd0fe618109d326d4733dfe5aac3812508ad97c160c066dd868c836/i-img400x400-175381323798443f7y0v9075.jpg)
![{$data['title']拍卖](http://yahooimg2.ymibuy.cn/i/auctions.c.yimg.jp/images.auctions.yahoo.co.jp/image/dr000/auc0107/user/49b23de01dd0fe618109d326d4733dfe5aac3812508ad97c160c066dd868c836/i-img1200x1200-17538132380136bnxhat9075.jpg)
