* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: Arial, sans-serif;
background-color: #f7f7f7;
}
/* ===== HEADER ===== */
.navbar {
background: linear-gradient(90deg, #ff6600, #ff4e00);
padding: 10px 20px;
color: white;
}
.nav-links a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
padding: 10px;
display: inline-block;
}
.nav-links a:hover {
background: #cc3300;
}
/* ===== MOBILE MENU TOGGLES ===== */
#nav-toggle, #cat-toggle {
display: none;
}
.nav-toggle-label,
.cat-toggle-label {
display: none;
background: #ff4e00;
color: white;
padding: 12px;
font-weight: bold;
text-align: center;
cursor: pointer;
}
/* ===== LAYOUT ===== */
.container {
display: flex;
max-width: 1200px;
margin: 0 auto;
}
.sidebar {
width: 25%;
background: #111111;
padding: 15px;
color: white;
}
.sidebar h3 {
margin-top: 0;
color: #ffcc00;
}
.sidebar a {
display: block;
padding: 8px 0;
text-decoration: none;
color: #00eaff;
}
.sidebar a:hover {
color: #ff6600;
}
.main {
width: 75%;
padding: 20px;
background: white;
}
.title {
background: #00cfff;
color: white;
padding: 10px;
font-size: 22px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.section {
margin-bottom: 20px;
}
.features ul {
padding-left: 20px;
}
/* ===== GALLERY ===== */
.gallery-container input[type=”radio”] {
display: none;
}
.main-image img {
width: 100%;
max-height: 400px;
object-fit: contain;
display: none;
border: 1px solid #ccc;
border-radius: 10px;
}
.img1:checked ~ .main-image .img-1,
.img2:checked ~ .main-image .img-2,
.img3:checked ~ .main-image .img-3,
.img4:checked ~ .main-image .img-4,
.img5:checked ~ .main-image .img-5,
.img6:checked ~ .main-image .img-6 {
display: block;
}
.thumbnails {
margin-top: 15px;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
.thumbnails label img {
width: 80px;
height: 80px;
object-fit: cover;
border: 2px solid transparent;
border-radius: 5px;
cursor: pointer;
}
.thumbnails label:hover img {
border-color: #444;
}
/* ===== FOOTER ===== */
.footer {
background: linear-gradient(90deg, #ff6600, #ff4e00);
color: white;
text-align: center;
padding: 15px;
}
/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {
.container {
flex-direction: column;
}
.main,
.sidebar {
width: 100%;
}
.nav-toggle-label,
.cat-toggle-label {
display: block;
}
.nav-links,
.sidebar {
display: none;
}
#nav-toggle:checked ~ .navbar .nav-links {
display: block;
}
#cat-toggle:checked ~ .container .sidebar {
display: block;
}
.nav-links a {
display: block;
padding: 10px;
border-top: 1px solid #cc3300;
}
.main-image img {
max-height: 250px;
}
.thumbnails label img {
width: 60px;
height: 60px;
}
}
Features:
- Sweat-Wicking Comfort: Features Nike Dri-FIT technology that moves sweat away from your skin for faster evaporation, helping you stay dry, comfortable, and focused.
- Premium Brand Collaboration: A unique piece that combines the iconic Jordan Brand logo with official Michigan Wolverines branding.
- Authentic Team Gear: This is an officially licensed collegiate product, so you’re getting an authentic design worn by players and staff.
- Lightweight & Breathable: The performance knit fabric is soft, lightweight, and designed for breathability, making it ideal for workouts or warm days.
Product Details:
Brand: Nike
Color: Yellow
Type: T-Shirt
Department: Men’s
Description:
The product is a Men’s Small Yellow Nike Jordan Practice T-Shirt featuring the Michigan Wolverines team logo. This shirt is specifically designed for football fans of the Michigan Wolverines, with a vibrant yellow color representing the team. The shirt is part of the regular season fan apparel collection, catering to male fans looking to show their support for the team in style. Made by Nike and featuring the iconic Jordan brand, this shirt combines quality, style, and team spirit for a must-have item for any fan.
Reviews
There are no reviews yet.