using html,css and javascipt create a graphic design company website called Bt. this website should fit all devices. make it vibrant and animated. 1. Homepage: Header: Logo: Positioned on the top left for easy recognition. Navigation Menu: Horizontal bar with clear menu options: Home, About Us, Services, Portfolio, Blog, Contact Us. CTA Button: “Get a Quote” or “Let’s Work Together” on the top-right corner. Hero Section: Background Image/Video: A high-quality visual showcasing your design work or a creative animation. Headline: “Transforming Ideas into Beautiful Designs” Subheading: A brief tagline or introduction to the company (e.g., "Crafting Custom Designs for Every Need"). CTA Button: “View Portfolio” or “Get Started”. Main Body: Introduction Section: Short, welcoming text about your graphic design company and its core values. Key Services Overview: Grid or horizontal list with icons and brief descriptions (e.g., Branding, Web Design, Print Design, Illustration, etc.). Portfolio Preview: Carousel or grid layout with selected projects; allow clicking through to detailed case studies. Client Testimonials: A carousel with quotes and logos from satisfied clients. Footer: Quick Links: Repetition of the main navigation links. Social Media Icons: Links to your social profiles. Contact Information: Address, email, and phone number. Newsletter Signup: Simple form to join your mailing list. 2. About Us Page: Company Overview: Brief history, mission, and vision of the company. Team Section: Photos and short bios of key team members with their roles and expertise. Core Values/Philosophy: Outline what drives your creative process. Awards & Recognition (if applicable): Showcase any notable awards, certifications, or recognitions. 3. Services Page: Introductory Paragraph: A brief overview of what you offer. Service Categories: Break down services into categories (e.g., branding, UI/UX, advertising, etc.) with detailed descriptions. For each service, include high-quality images or icons, a brief description, and a call to action like “Request a Quote” or “Learn More”. Case Studies or Projects: Link to detailed portfolio items where users can see examples of the services you provide. 4. Portfolio Page: Filterable Gallery: Display your design work in an organized gallery that users can filter by type (e.g., logo design, packaging, website design). Hover Effects: Interactive hover effects on each project image (e.g., project name or a brief description when hovered over). Project Details: For each portfolio item, link to a dedicated project page with a detailed description, process, and final result. 5. Blog (optional but recommended): Blog Post Previews: Grid or list layout showing featured blog articles (e.g., design tips, industry trends, case studies). Categories: Clear categories for easier navigation. Search Bar: Allow users to search through the blog posts. 6. Contact Us Page: Contact Form: Simple, user-friendly form with fields for name, email, message, and optional file upload (if you want clients to upload project details). Google Map: Embedding a map showing your office location. Additional Contact Info: Email, phone number, and physical address. Social Media Links: Icons to direct visitors to your social media profiles.