Page is undergoing Maintenance
@media screen and (max-width: 759px){
#contentm{
display: grid;
grid-template-columns: 185px 145px;
grid-template-rows: 120px 120px 60px 60px 120px 90px 120px 80px 80px 90px 90px;
grid-gap: 2px;
max-width: 759px;
margin: 0 auto;
grid-template-areas:
"box1m box1m"
"box2m box6m"
"box3m box6m "
"box3m box7m"
"box4m box7m"
"box15m box15m"
"box5m box5m"
"box8m box9m"
"box10m box10m"
"box11m box12m"
"box13m box14m";
}
}
/* desktop grid */
@media screen and (min-width: 760px){
#content{
display: grid;
grid-template-columns: 350px 175px 175px 234px;
grid-template-rows: 200px 100px 100px 200px 110px 110px 140px;
grid-gap: 5px;
grid-template-areas:
"box1 box1 box1 box6"
"box2 box3 box3 box6"
"box2 box3 box3 box7"
"box4 box5 box5 box7"
"box8 box9 box9 box11"
"box8 box10 box10 box12"
"box13 box15 box15 box14";
}
}
box1 {
grid-area: box1;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Desktop/Sweatshirts.jpg");
color: white;
text-align: center;
font-size: 3rem;
background-color: blue;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 12px;
content: "Football";
}
box2 {
grid-area: box2;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Desktop/Shirts.jpg");
background-repeat: no-repeat;
color: white;
text-align: center;
font-size: 3rem;
background-color: blue;
background-size: 100% 100%;
border-radius: 12px;
}
box3{
grid-area: box3;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Desktop/Women.jpg");
background-repeat: no-repeat;
color: white;
text-align: center;
font-size: 3rem;
background-color: blue;
background-size: 100% 100%;
border-radius: 12px;
}
box4{
grid-area: box4;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Desktop/Jackets%20%26%20Vests.jpg");
background-repeat: no-repeat;
color: white;
text-align: center;
font-size: 3rem;
background-color: blue;
background-size: 100% 100%;
border-radius: 12px;
}
box5{
grid-area: box5;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Desktop/Jerseys.jpg");
color: white;
text-align: center;
font-size: 3rem;
background-color: blue;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 12px;
}
box6 {
grid-area: box6;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Desktop/Legacy%20Collection.jpg");
color: white;
text-align: center;
font-size: 3rem;
background-color: blue;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 12px;
}
box7 {
grid-area: box7;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Desktop/Polos.jpg");
color: white;
text-align: center;
font-size: 3rem;
background-color: blue;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 12px;
}
box8 {
grid-area: box8;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Desktop/Pants%20%26%20Shorts.jpg");
color: white;
text-align: center;
font-size: 3rem;
background-color: blue;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 12px;
}
box9 {
grid-area: box9;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Desktop/socks.jpg");
color: white;
text-align: center;
font-size: 3rem;
background-color: blue;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 12px;
}
box10 {
grid-area: box10;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Desktop/winter.jpg");
color: white;
text-align: center;
font-size: 3rem;
background-color: blue;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 12px;
}
box11 {
grid-area: box11;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Desktop/hats.jpg");
color: white;
text-align: center;
font-size: 3rem;
background-color: blue;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 12px;
}
box12 {
grid-area: box12;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Desktop/youth.jpg");
color: white;
text-align: center;
font-size: 3rem;
background-color: blue;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 12px;
}
box13 {
grid-area: box13;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Desktop/nike.jpg");
color: white;
text-align: center;
font-size: 3rem;
background-color: blue;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 12px;
}
box14 {
grid-area: box14;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Desktop/sales%20%26%20clearance.jpg");
color: white;
text-align: center;
font-size: 3rem;
background-color: blue;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 12px;
}
box15 {
grid-area: box15;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Desktop/facemasks.jpg");
color: white;
text-align: center;
font-size: 3rem;
background-color: blue;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 12px;
}
box1m {
grid-area: box1m;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Mobile/sweatshirts_mobile.jpg");
background-color: blue;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 12px;
}
box2m {
grid-area: box2m;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Mobile/shirts.jpg");
background-color: blue;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 12px;
}
box3m{
grid-area: box3m;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Mobile/women.jpg");
background-color: blue;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 12px;
}
box4m{
grid-area: box4m;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Mobile/jacketsandvests.jpg");
background-repeat: no-repeat;
background-color: blue;
background-size: 100% 100%;
border-radius: 12px;
}
box5m{
grid-area: box5m;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Mobile/jerseys.jpg");
background-repeat: no-repeat;
background-color: blue;
background-size: 100% 100%;
border-radius: 12px;
}
box6m{
grid-area: box6m;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Mobile/legacycollection.jpg");
background-repeat: no-repeat;
background-color: blue;
background-size: 100% 100%;
border-radius: 12px;
}
box7m{
grid-area: box7m;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Mobile/polos.jpg");
background-repeat: no-repeat;
background-color: blue;
background-size: 100% 100%;
border-radius: 12px;
}
box8m{
grid-area: box8m;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Mobile/pantsandshorts.jpg");
background-repeat: no-repeat;
background-color: blue;
background-size: 100% 100%;
border-radius: 12px;
}
box9m{
grid-area: box9m;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Mobile/nike.jpg");
background-repeat: no-repeat;
background-color: blue;
background-size: 100% 100%;
border-radius: 12px;
}
box10m{
grid-area: box10m;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Mobile/winter.jpg");
background-repeat: no-repeat;
background-color: blue;
background-size: 100% 100%;
border-radius: 12px;
}
box11m{
grid-area: box11m;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Mobile/hatsandscarves.jpg");
background-repeat: no-repeat;
background-color: blue;
background-size: 100% 100%;
border-radius: 12px;
}
box12m{
grid-area: box12m;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Mobile/youthandinfant.jpg");
background-repeat: no-repeat;
background-color: blue;
background-size: 100% 100%;
border-radius: 12px;
}
box13m{
grid-area: box13m;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Mobile/salesandclearance.jpg");
background-repeat: no-repeat;
background-color: blue;
background-size: 100% 100%;
border-radius: 12px;
}
box14m{
grid-area: box14m;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Mobile/socks.jpg");
background-repeat: no-repeat;
background-color: blue;
background-size: 100% 100%;
border-radius: 12px;
}
box15m{
grid-area: box15m;
background-image: url("https://raw.githubusercontent.com/philrobb/Landing_Pages/master/Temp_Buttons/Apparel/Mobile/facemasks.jpg");
background-repeat: no-repeat;
background-color: blue;
background-size: 100% 100%;
border-radius: 12px;
}
#clickable {
display:block;
height:100%;
width:100%;
border-radius: 15px;
}
a:hover#flagship {
background-color: black;
opacity: .3;
}
a:hover#clickable {
background-color: black;
opacity: .3;
}
