* {
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:
Performance-Driven: Designed with advanced moisture-wicking fabric to keep you cool and dry through intense workouts or everyday activities. Experience optimal comfort and mobility.
Iconic Collaboration: Show your pride for both the legendary Air Jordan brand and the prestigious Howard University with this unique and stylish collaboration piece.
Versatile Style: Features a vibrant blue color and an athletic cut, making it perfect for the gym, sports activities, or showcasing your school spirit in casual wear.
Comfort & Durability: Crafted for lasting comfort and performance, ensuring it can keep up with your active lifestyle.
Product Details:
Brand: Nike
Color: Blue
Department: Women’s
Type: T-shirt
Description:
The Nike Air Jordan x Howard University T-Shirt for women in size L is a stylish and functional activewear top in blue. Made from 100% cotton, this pullover shirt features a crew neck and short sleeves, making it perfect for summer, fall, and spring seasons. With a solid pattern and breathable fabric wash, this shirt is easy to care for and suitable for basketball or any casual performance activities. The collaboration between Nike Air Jordan and Howard University adds a unique touch to this sporty and comfortable t-shirt.
Reviews
There are no reviews yet.