You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
1.5 KiB
CSS
98 lines
1.5 KiB
CSS
/* CSS Reset / MEMBER 1 */
|
|
* {
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* MEMBER 2 */
|
|
body {
|
|
font-family: "Open Sans", sans-serif;
|
|
}
|
|
|
|
nav {
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
text-align: center;
|
|
list-style-type: none;
|
|
background-color: gray;
|
|
}
|
|
|
|
#navMenu .nav-link {
|
|
margin: 0.5rem;
|
|
display: inline;
|
|
}
|
|
|
|
/* MEMBER 3 */
|
|
nav .nav-link{
|
|
display: inline-block;
|
|
list-style-type: none;
|
|
text-decoration: none;
|
|
margin: 0.5 0.5 0.5 0.5;
|
|
padding: 3px 3px 3px 3px;
|
|
}
|
|
#landing {
|
|
min-height: 50vh;
|
|
background-image: url( https://img.freepik.com/free-photo/shopping-bag-cart_23-2148879372.jpg?w=1380&t=st=1694160972~exp=1694161572~hmac=f2b65b0a953bfed7b083f73ae37e73d06dbedfb9d49bd2bb4ef1a68a407f351e
|
|
);
|
|
background-position: center;
|
|
background-size:cover;
|
|
background-repeat: no-repeat;
|
|
text-align: center;
|
|
color: white;
|
|
|
|
}
|
|
|
|
/* MEMBER 4*/
|
|
#landing h1 {
|
|
padding-top: .5rem;
|
|
font-size: 3rem;
|
|
}
|
|
|
|
h3 {
|
|
margin-left: 1rem 1rem 1rem 1rem;
|
|
|
|
}
|
|
|
|
#landing button {
|
|
text-align: center;
|
|
padding-left: .5rem;
|
|
padding-right: .5rem;
|
|
padding-top: .5;
|
|
padding-bottom: .5;
|
|
background-color: sandybrown;
|
|
border: 2px solid white;
|
|
border-radius:80px;
|
|
}
|
|
|
|
/*MEMBER 5*/
|
|
#hot {
|
|
text-align: center;
|
|
}
|
|
|
|
#hot h2 {
|
|
margin-top: 15px;
|
|
margin-block: 15px;
|
|
}
|
|
|
|
#hot ul li {
|
|
display: inline-block;
|
|
width: 20%;
|
|
height: 20%;
|
|
padding: 3rem;
|
|
text-decoration: none;
|
|
border: 2px solid orange;
|
|
border-radius: 5px;
|
|
margin: .5rem;
|
|
}
|
|
footer{
|
|
margin-top: 30px;
|
|
}
|
|
footer span {
|
|
margin-top: 10px;
|
|
text-align: center;
|
|
display: block;
|
|
}
|