PFAC
Paul Francis Albarracin Castillo

Modern Business Layout - Copy this Html, Bootstrap Component to your project

Create a responsive website layout with the following sections and features: Header: The header should have a black background. Include a logo on the left side and a navigation menu on the right with three options: Home, Services, and Contact Us. Hero Section: Include an image carousel with multiple images. Each image should have a title centered on it. Both the image and the title should have an entrance animation from the bottom when they appear on the screen. Services Section: Create a section with service cards. Each card should include an image, followed by the service name and a brief explanation of the service. Add a hover effect on the cards that slightly lifts them and changes the background color to a subtle shade when the user hovers over them. Projects Section: Design a section showcasing past projects. Use a grid layout for displaying project thumbnails. Each thumbnail should have a short description or title, and a subtle hover effect where the project title appears with a slight zoom in on the image. Footer: Use a black background for the footer. On the left side, include the logo. In the center, add fields for contact information: phone number, email, and physical address. On the right, include an image (e.g., an icon or illustration related to the company). Ensure the page is responsive, adjusting well for mobile and tablet devices. The design should be clean, modern, and user friendly.

Prompt
Component Preview

About

Modern Business Layout - Create a responsive site with a black header, image carousel, service cards, project grid, and contact footer.. Start coding now!

Share

Last updated 1 month ago