Build a Website for a Consulting Company

Scenario

Your team has been hired to develop a professional website for a fictional consulting firm called SummitEdge Consulting Group.

SummitEdge provides:

• Business Strategy Consulting
• IT & Digital Transformation
• Leadership Development
• Financial Advisory Services

The company wants a clean, modern, and professional website to attract corporate clients and showcase their expertise.

Group Structure (3 Students Per Group)

Each Group Member must take a primary role and collaborate.

Student 1 Structure & Layout Developer

• Create the HTML structure for all pages
• Implement semantic HTML elements- See Below
• Build navigation and page layout

Student 2 Content & Forms Developer

• Develop service descriptions
• Create a contact form
• Add tables, lists, and structured content

Student 3 Media & Enhancement Developer

• Add images, logos, and multimedia
• Implement internal/external links
• Add basic CSS styling (if allowed)
• Ensure accessibility (alt text, headings, labels)

Project Requirements

Required Pages (Minimum 3 Pages)

1? Home Page (index.html)

Must include:

• Company name and logo
• Navigation bar
• Welcome message
• Brief company overview
• Featured services section
• Footer with contact info

2? About Us Page

Must include:

• Company mission statement
• Vision statement
• Team section (at least 3 team members)
• Company history timeline (use lists)

3? Services Page

Must include:

• At least 4 consulting services
• Each service must include:
• Title
• Description
• Benefits (bullet list)
• Pricing table using <table>

4? Contact Page

Must include:

• Contact form with:
• Name (text input)
• Email (email input)
• Phone number
• Service selection (dropdown)
• Message (textarea)
• Submit button
• Embedded Google Maps iframe (optional)
• Contact information section

Technical Requirements

Your website must include:

Proper HTML5 document structure

Semantic tags (<header>, <nav>, <section>, <article>, <footer>)

Navigation links between all pages

At least:

• 1 table
• 2 lists (ordered or unordered)
• 3 images (with alt attributes)- Can use html hyperlinks
• 1 form
• 1 external link
• 1 email link (mailto:)

File Structure

/summitedge-consulting

index.html

about.html

services.html

contact.html

css/

styles.css

images/

Design Requirements

• Professional color scheme (blues, grays, white)
• Consistent fonts
• Clean layout
• Responsive meta tag included
• Clear spacing and alignment

Deliverables

Each group must submit:

1. Complete project folder (zipped)
2. A short PowerPoint Presentation (Will be Presented in Class) (57 minutes) explaining:

• Team roles
• Code structure
• Design decisions
• Challenges faced

Grading Rubric (100 Points)

Criteria

Points

HTML Structure & Semantic Tags

20

Navigation & Functionality

15

Forms & Tables

15

Design & Layout

15

Code Organization & Cleanliness

10

Accessibility & Best Practices

10

Creativity & Professionalism

10

Presentation

5