Hosted Link: https://kaverichougule.github.io/Weekly_Test3_CSS_Properties/

In this part, you have the basic structure of an HTML document. The 'head' section includes the character encoding, viewport settings, and a title for the webpage. I've linked an external CSS file using 'link' to apply styles to your content. In the 'body' section, you have a 'div' with the class "offer" containing an 'h4' element displaying a promotional message.
This section contains a navigation bar ('nav') with several navigation items ('h5'). These navigation items is organized under the class "navSec" for styling purposes. I also have an input field and a search icon ('h4') with the class "search".
In this part, I've structured the main content of my webpage within a 'main' tag. Inside it, there's a 'div' with the class "banner" containing a 'header' element. The header includes an 'h1' with a sale announcement and a 'p' for a description. The code you provided contains embedded Base64-encoded images, but due to limitations in the text format, I cannot directly interpret and display them here. If you have specific questions or need assistance with the CSS styling for this code, feel free to ask!
In this part, I've structured the main content of your webpage within a 'main' tag. Inside it, there's a 'div' with the class "banner" containing a 'header' element. The header includes an 'h1' with a sale announcement and a 'p' for a description.
This section contains information about the Air Jordan brand along with an image of Air Jordan shoes. IWhen you will place your coursor on the image it will get expanded

style.css
*: This applies the following styling rules to all elements on the webpage.

.offer: Styles a section with a gradient background, centered text, and white color for the text.

nav: Styles the navigation bar with a sticky position at the top, a black background, and white text. It uses flexbox for alignment and formatting.

.navSec and .navSecl: Styles for navigation menu sections, creating space between them in the navigation bar.

input: Styles input fields, setting their width, height, font size, and margin.

input:focus: Defines the appearance of input fields when they are in focus (clicked).

.banner: Styles a banner section with a background image, centered text, and padding.

.banner header: Styles a header within the banner, adding a background color and padding.

h1: Styles level 1 headings, adjusting their font size and weight.

.trending: Styles a trending section with a background color, padding, and transparency.

.trends: Styles individual trend items, setting their color, background color, padding, and margin.

.product: Styles product items, making them inline blocks with specified dimensions, colors, and padding.

.Shoe_img: Styles shoe images, adjusting their width and height.

.about: Styles an "about" section with a linear gradient background.

.container: Styles a container with specified dimensions, hidden overflow, and relative position.

.about_shoe: Styles a section within the container, setting dimensions, margins, padding, background, and shadow.

.info: Styles information within the section, limiting the maximum width and setting the text color.

.info h1: Styles headings within the information section, adjusting font size and padding.

.info p: Styles paragraphs within the information section, adjusting font size, padding, and line height.

.info_img: Styles an image within the information section, setting its position, dimensions, border radius, and box shadow.

.info_img:hover: Styles the image when hovered, making it larger and adjusting its position.