Bakery Store - Copy this React, Tailwind Component to your project
thiết-kế-trang-trưng-bày-các-sản-phẩm-của-cửa-hàng-bakery-bánh-ngọt-tuy-nhiên-phần-này-giữ-nguyên-<header-class="header">-<nav-class="navbar">-<div>-<img-src="images/base_logo_right.png"-alt="Company-Logo">-</div>-<div-class="nav-links">-<a-href="../test_checkBox/home.html">Home</a>-<a-style="color:-#1492e7;-font-weight:-bold;-border-bottom:-3px-solid-orange;-font-size:-larger;"-href="#">Creator</a>-<a-href="#">Gallery</a>-<a-href="#">Contact</a>-<a-href="#">Sign-up</a>-</div>-<div-class="search-bar">-<input-type="text"-placeholder="Search...">-<button-type="submit"><i-class="fas-fa-search"></i></button>-</div>-</nav>-</header>-và-<footer>-<div-class="footer-content">-<div-class="footer-section">-<h3>Contact-Us</h3>-<p>123-Cake-Street,-Sweet-City</p>-<p>Phone:-(123)-456-7890</p>-<p>Email:-info@sweetdelights.com</p>-</div>-<div-class="footer-section">-<h3>Follow-Us</h3>-<div-class="social-icons">-<a-href="#"><i-class="fab-fa-facebook"></i></a>-<a-href="#"><i-class="fab-fa-instagram"></i></a>-<a-href="#"><i-class="fab-fa-twitter"></i></a>-</div>-</div>-</div>-<div-class="footer-bottom">-<p>©-2023-Sweet-Delights-Bakery.-All-rights-reserved.</p>-</div>-</footer>-body-{-font-family:-'Poppins',-sans-serif;-background:-linear-gradient(135deg,-#f5f7fa-0%,-#c3cfe2-100%);-margin:-0;-padding:-0;-min-height:-100vh;-}-.header-{-background-color:-#fff;-box-shadow:-0-2px-10px-rgba(0,-0,-0,-0.1);-position:-fixed;-width:-100%;-top:-0;-z-index:-1000;-}-.navbar-{-display:-flex;-justify-content:-space-between;-align-items:-center;-padding:-1rem-5%;-}-.navbar-img-{-height:-50px;-transition:-transform-0.3s-ease;-}-.navbar-img:hover-{-transform:-scale(1.1);-}-.nav-links-a-{-color:-#333;-text-decoration:-none;-margin-left:-1.5rem;-font-weight:-600;-transition:-color-0.3s-ease;-}-.nav-links-a:hover-{-color:-#1492e7;-}-.search-bar-{-display:-flex;-}-.search-bar-input-{-padding:-0.5rem;-border:-1px-solid-#ddd;-border-radius:-4px-0-0-4px;-}-.search-bar-button-{-background-color:-#1492e7;-color:-#fff;-border:-none;-padding:-0.5rem-1rem;-border-radius:-0-4px-4px-0;-cursor:-pointer;-transition:-background-color-0.3s-ease;-}-.search-bar-button:hover-{-background-color:-#0d7ac4;-}-.main-content-{-display:-flex;-padding:-40px;-gap:-40px;-}-.logo-container-{-flex:-1;-display:-flex;-justify-content:-center;-align-items:-center;-}-.logo-container-img-{-max-width:-100%;-height:-auto;-}-và-footer-{-background-color:-#333;-color:-#fff;-padding:-3rem-5%-1rem;-}-.footer-content-{-display:-flex;-justify-content:-space-between;-margin-bottom:-2rem;-}-.footer-section-h3-{-margin-bottom:-1rem;-}-.social-icons-a-{-color:-#fff;-font-size:-1.5rem;-margin-right:-1rem;-transition:-color-0.3s-ease;-}-.social-icons-a:hover-{-color:-#1492e7;-}-.footer-bottom-{-text-align:-center;-padding-top:-1rem;-border-top:-1px-solid-#555;-}-.container-images-{-display:-flex;-flex-direction:-column;-justify-content:-flex-end;-align-items:-center;-}-.container-images-img-{-margin-top:-100px;-margin-bottom:-10px;-max-width:-60%;-/*-Điều-chỉnh-kích-thước-ảnh-sao-cho-phù-hợp-với-kích-thước-container-*/-border-radius:-15px;-/*-Thêm-bo-góc-cho-ảnh-nếu-cần-*/-}
