style.css

/* common css */ html { scroll-behavior: smooth; } body, h1, h2, h3, h4, h5, h6, ul, p { margin: 0; padding: 0; } ul{list-style: none;} a{text-decoration: none;} /* header css */ header { background-image: url('img/header-bg.png'); background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 65px; } .ber_icon{ display: none; } .logo { margin-top: 10px; } .nav-style ul li { display: inline-block; padding: 10px; } .nav-style ul li a { color: white; font-size: 22px; text-transform: capitalize; font-weight: bold; font-family: yesevaOne; text-decoration: none; } .manu_area { margin-top: 20px; text-align: right; } .social-medias ul li { display: inline-block; padding: 7px; } .social-medias ul li a { font-size: 18px; color: #dab33e; } .social-medias { margin-top: 28px; } .home_section_text { text-align: center; margin-top: 70px; } .home_section_text h2 { font-size: 100px; color: white; font-family: yesevaone; font-weight: bold; } .home_devider { text-align: center; margin: 25px 0; } .black-transperent-btn { background: #00000069; width: 100%; padding: 10px; border-radius: 0; transition: 0.3s; } .white-transperent-btn { background: #ffffff5c; width: 100%; padding: 10px; border-radius: 0; transition: 0.3s; } .black-transperent-btn a, .white-transperent-btn a { color: white; font-size: 21px; text-transform: uppercase; text-decoration-line: none; } .black-transperent-btn:hover, .white-transperent-btn:hover{ transform: scale(1.1,1.1); } .about-section { background-image: url('img/about-section-bg.png'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 55px 0; } .about_content { text-align: center; margin-top: 20px; } .about_content h2 { font-size: 43px; font-family: yesevaone; color: #cc9900; padding-bottom: 12px; font-weight: bold; } .about_devider { padding-bottom: 25px; } .about_cook_img img { padding: 35px 0; padding-left: 60px; } .about_content p { font-size: 16px; } .about_dish_image img { width: 100%; } .ingredients_section { background-image: url('img/ingredients-section-bg.png'); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 70px 0; } .ingredients-content { background: #000000b0; text-align: center; padding: 50px; } .ingredients-content h2 { color: white; font-size: 35px; font-weight: bold; font-family: yesevaone; padding-bottom: 15px; } .inredinets_devider { padding-bottom: 25px; } .ingredients-content p { color: white; font-size: 16px; } .item-img ul li { display: inline-block; padding: 0 10px; } .item-img ul li img { width: 90%; } .item-img { padding-top: 70px; } .manu_section { background-image: url('img/manu-section-bg.png'); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 60px 0; } .manu_content { width: 95%; } .manu_heading h2 { color: #cc9900; font-size: 35px; font-family: yesevaone; font-weight: bold; padding-top: 20px; } .manu_heading { text-align: center; } .manu_devider { padding-top: 10px; padding-bottom: 25px; } .price_table h2 { color: #cc9900; border-bottom: 1px solid #cc99005e; padding-bottom: 5px; font-size: 25px; font-weight: bold; font-family: yesevaone; } .price_table h2 span { float: right; } .price_table p { font-size: 15px; padding-bottom: 25px; } .reviews_section { background-image: url('img/reviews-section-bg.png'); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 60px 0; } .reviews_content { background: #000000b3; margin: 0 auto; padding: 59px; text-align: center; } .reviews_content h2 { color: white; font-family: yesevaone; font-size: 35px; font-weight: bold; padding-bottom: 10px; } .reviews_devider { padding-bottom: 20px; margin: 0 auto; } .reviews_text { width: 90%; margin: 0 auto; } .reviews_text p { color: white; font-size: 19px; font-family: yesevaone; line-height: 2; } .inverted_comma { float: left; margin-top: -15px; } .inverted_comma img { width: 95%; } .credit_name p { color: white; font-size: 16px; padding-top: 25px; } .reserve_section { background-image: url('img/reserve-section-bg.png'); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 80px 0; } .reserve_img img { width: 100%; } .reserve_content { padding-bottom: 20px; } .reserve_content h2 { color: #cc9900; font-size: 40px; font-family: yesevaone; font-weight: bold; padding-bottom: 10px; } .reserve_content { padding-bottom: 15px; margin-top: -10px; } .reserve_devider { padding-bottom: 20px; } .reserve_text { text-align: center; padding: 0 50px; } .input_box p label { color: #cc9900; font-size: 20px; } .input_box input[type="text"], .input_box input[type="email"], .input_box input[type="date"] { width: 100%; padding: 4px 7px; font-size: 18px; border: 1px solid #cc9900; } .book_btn { background: #cc9900; width: 100%; border-radius: 0; margin-top: 33px; } .book_btn input { background: transparent; border: none; color: white; text-transform: capitalize; font-size: 20px; font-weight: bold; } /* css for footer */ .footer_section { background: #191919; padding: 50px 0; } .footer_content { text-align: center; } .footer_content h2 { color: #fefefe; font-size: 27px; font-family: yesevaone; padding-bottom: 5px; } .footer_content p { color: #fefefe; } .footer_devider { padding-bottom: 15px; } .footer_content p span { font-weight: bold; } .payment, .social_icon { margin-top: 47px; } .payment ul li, .social_icon ul li { display: inline-block; padding: 0 5px; } .payment ul li a, .social_icon ul li a { color: #fefefe; }