*{
margin: 0;
font-family: Arial, Helvetica, sans-serif;
border: border-box;
}
.navbar{
height: 60px;
background-color:#0f1111;
Color:white;
display: flex;
align-items: center;
justify-content: space-evenly;
}
.logo{
background-image: url("amazon_logo.png");
height: 50px;
width: 100%;
background-size: cover;
}
.nav-logo{
height: 50px;
width: 100px;
}
.border{
border: 1.5px solid transparent;
}
.border:hover{
border: 1.5px solid white;
}
/**box2 Adress**/
.ads-icon{
display:flex;
}
.ads-up{
color:#cccccc;
font-size: 0.8rem;
margin-left: 10px;
}
.ads-low{
font-size: 1rem;
margin-left: 3px;
font-weight: bold;
}
/**box3 Search**/
.nav-searchbar{
display:flex;
width:620px;
height:40px;
border-radius: 4px;
justify-content: space-evenly;
}
.nav-searchbar:hover{
border: 2px solid orange;
}
.nav-op{
background-color: #f3f3f3;
width: 50px;
text-align: center;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
font-weight: bold;
height: 41px;
}
.nav-input{
width:100%;
font-size: 1rem;
border: 0px;
}
.search-icon{
width:45px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.3rem;
background-color: #fedb68;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/**box4**/
.nav-boxop1{
background: transparent;
color:white;
font-weight: bold;
font-size: 1rem;
}
.ads-up{
font-size: 1rem;
}
/**box5**/
.returns{
font-size: 1rem;
}
.orders{
font-weight: bold;
font-size: 1rem;
}
/**box6**/
.nav-cart i{
font-size: 38px;
}
.nav-cart{
font-size: 1rem;
font-weight: bold;
}
/**my panel**/
.panel{
height:40px;
background-color: #222f3d;
color: white;
display: flex;
align-items: center;
}
.panel-ops a {
display: inline;
font-size: 0.9rem;
font-weight: 5px;
padding-left: 20px;
}
.panel-all{
width: 5%;
padding-left: 20px;
}
/**here Section**/
.hero-section{
background-image: url("hero2_book.jpg");
background-size: cover;
height: 350px;
display: flex;
justify-content: center;
align-items: end;
}
.hero-masg{
background-color: white;
color: black;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
width:80%;
margin: 20px;
}
.hero-text1{
font-size: 0.25rem;
}
.hero-text2{
text-decoration: none;
color:#007185;
}
/**Shop Section**/
.shop-section{
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
background-color: #e2e7e6;
}
.box{
height: 400px;
width: 23%;
background-color: white;
padding: 20px 0px 15px;
margin: 15px;
}
.box1-img{
background-image: url("box9_image.jpg");
background-size: cover;
height: 300px;
margin-top: 1rem;
margin-bottom: 2rem;
}
.box1-content{
margin-left: 1.5rem;
margin-right: 1.5rem;
}
/** My footer**/
.myfooter-panel1{
background-color:#37475a ;
color:white;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.foot-panel2{
height: 500px;
background-color: #222f3d;
display: flex;
justify-content: space-evenly;
align-items: center;
}
.foot-panel2 a{
text-decoration: none;
color: white;
display: block;
font-size: 0.8rem;
margin-top: 15px;
}
.foot-panel2 p{
color:white;
}
.foot-panel2 a:hover{
text-decoration: underline;
}
.foot-panel3{
background-color: #222f3d;
border-top: 0.01px solid #cccccc ;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
}
.logo-panel3{
background-image: url("amazon_logo.png");
background-size: cover;
height: 50px;
width: 90px;
}
Comments
Post a Comment