Industrial Website Design and Development

Topbar Section:
1. Logo:
o The company logo, "Company," is placed on the top left corner of the Topbar
o It features a modern design with a clean font and a unique icon.
2. Contact Information:
o Displayed at the top:
 Phone:
 Email:
3. Social Media Icons:
o Linked social media platforms:
 Twitter, Facebook, LinkedIn, Instagram, and YouTube(icons)
Header Section:
4. Navigation Bar:
o Menu options include:
 SHOWCASE
 PRICING:
 SEGMENTS:
 SERVICES:
 BLOGS:
 CAREERS:
 CONTACT US:
 LOGIN:
________________________________________
Banner Section:
• A visually appealing banner showcasing:
o A 3D industrial background featuring gears, engineers/workers, and tools.
o The text "SHOWCASE" prominently displayed, emphasizing the core feature of the page.
o A breadcrumb trail for navigation: Home > Showcase.
________________________________________
Product Showcase Section:
1. Product Cards:
o Each product is displayed in its own bordered card with clean formatting.
o Examples include:
 Image-1: A blue-colored structural part.
 Image-2: A red structural part.
 Image-3: A green circular part.
2. "View" Buttons:
o Each product card includes a blue "View" button for further details.

3. Search Bar:
o Positioned above the product grid, allowing users to search for specific products.
 All(input field)
 Keywords(input field)
________________________________________
Footer Section:
Column View:
A. Get In Touch
a) Contact Information:
o Email:
o Phone:
b) Social Media Links:
o Icons for Twitter, Facebook, LinkedIn, Instagram, and YouTube ensure users can connect on social platforms.( in one row)

B. Quick Links:
o Home
o Blogs
o Showcase
o Careers
o Contact Us
[Note: Right arrow icon before each link]
C. Popular Links:
o Blogs
o Showcase
o Contact Us
Copyright Notice:
o The footer ends with a copyright statement: