Building A good simple website Page

Using HTML & CSS Only

see the full tutoria in this video

what we use in the website?

what we use in the left side?

The left section serves as the introductory and action-oriented area. It features a bold headline, "best fresh juice,"accompanied by an encouraging "OK" hand emoji. . This text block is followed by two distinct call-to-action buttons: a simple white button labeled "Get Now" and a yellow button labeled "Contact US," providing clear options for users to learn more or make a purchase.

what in the right side?

On the right side, the page is dominated by a striking visual display centered around a can of "OKF SAC'S Mango Drink & Vites Plus." The can is positioned upright within an energetic splash of bright yellow liquid, simulating the freshness and burst of flavor. The visual is enhanced with realistic depictions of ripe mangoes and green leaves interspersed within the splash, reinforcing the natural origin of the juice. A second can, lying on its side showing its top, adds visual depth and perhaps suggests multiple product options or a dynamic composition, making the overall imagery vibrant and appealing.

overall☺️

Overall, the webpage employs a strong visual hierarchy and a focused design strategy. The black background effectively isolates the bright product imagery and yellow call-to-action button, drawing immediate attention to the core message and product. The friendly, somewhat informal font used throughout contributes to an approachable feel. This design appears well-suited for a landing page or hero section aimed at quickly engaging visitors, highlighting the product's appeal through both concise messaging and compelling, refreshing visuals, and guiding users toward desired actions like contacting the business or getting the product.