A modern ,simple, responsive airline landing-page showcasing SkyNamibia Airlines - Namibia's premier regional carrier connecting Windhoek with major Namibian destinations and SADC capitals.
This is a student web design project that simulates a semi-functional airline website with live flight tracking, destination showcases, and modern UI/UX design principles.
Created by:
- Contrad Namiseb
- Maurette Swart
- Ashley Beukes
- Simulates flight status displays
- Flight cards with departure/arrival times
- Simulated visual flight progress indicators
- Gate information and flight duration
- Status badges (On Time, Boarding, Delayed)
- Interactive schedule tabs (Today, Tomorrow, This Week)
- Detailed flight information
- Quick booking options
- Domestic and international routes
- Beautiful destination cards with images
- Featured locations:
- Sossusvlei (Dunes)
- Etosha National Park
- Swakopmund
- Rundu (Kavango River)
- Cape Town
- Katima Mulilo
- Pricing and routing information
- Direct booking links
- Fictional Emirates Airlines partnership showcase
- Global connectivity information
- Partnership benefits
- Modern gradient color scheme (Blue & Cyan theme)
- Smooth animations and transitions
- Glassmorphism effects
- Responsive design for all devices
- Fixed navigation bar with smooth scrolling
- Beautiful card-based layouts
- HTML5 - Semantic markup
- CSS3 - Advanced styling features including:
- CSS Grid & Flexbox
- CSS Animations & Transitions
- Gradient backgrounds
- Glassmorphism (backdrop-filter)
- Responsive design with media queries
- Vanilla JavaScript (for tab functionality)
Web-Design-Last/
│
├── skynam.html # Main HTML file
│
├── Images/
│ ├── sossusvlei.jpg # Sossusvlei dunes
│ ├── Elephants.jpg # Etosha wildlife
│ ├── swakopmund.jpg # Swakopmund beach
│ ├── kavango-river.jpg # Rundu/Kavango River
│ ├── camps-bay.png # Cape Town beach
│ ├── katima.jpg # Katima Mulilo
│ ├── dunes.jpg # Desert landscapes
│ ├── emirates-logo.png # Emirates logo
│ ├── Emirates.webp # Emirates branding
│ └── Hostes.jpg # Emirates hostess/cabin crew
│
└── README.md # Project documentation
- Clone or Download this repository
- Open
skynam.htmlin any modern web browser - Navigate through the site using the navigation menu or scroll
- Any modern web browser (Chrome, Firefox, Safari, Edge)
- No server or build process required
- No external dependencies needed
- Home
- Live Flights
- Schedule
- Destinations
- Partners
- About
Domestic Namibian Routes:
- Windhoek (WHK) ↔ Lüderitz (LDZ)
- Windhoek (WHK) ↔ Walvis Bay (WB)
International SADC Routes:
- Windhoek (WHK) ↔ Johannesburg (JHB)
- Windhoek (WHK) ↔ Harare (HRE)
- Windhoek (WHK) ↔ Cape Town (CPT)
- Windhoek (WHK) ↔ Gaborone (GBE)
- Primary Blue:
#0066cc - Accent Cyan:
#00d4ff - Dark Background:
#0c0c1a,#1a1a2e,#16213e - Success Green:
#22c55e - Warning Red:
#ef4444 - Info Blue:
#3b82f6 - Gold (Emirates):
#ffd700
The website is fully responsive and optimized for:
- Desktop (1400px+)
- Tablet (768px - 1399px)
- Mobile (< 768px)
Mobile optimizations include:
- Stacked layouts
- Hidden navigation on small screens
- Single-column grids
- Adjusted font sizes
- Optimized card layouts
To customize the website:
- Change Colors: Modify gradient colors in CSS variables
- Add Destinations: Copy destination card structure and add new images
- Update Flights: Modify flight cards with new routes/times
- Change Images: Replace image files with same filenames
This is a student project created for educational purposes.
- Font Awesome for icons (referenced in HTML)
- Namibian tourism imagery
- Emirates Airlines branding (for educational demonstration)
SkyNamibia Airlines
- Phone: +264 61 269 292
- Email: flights@skynamibia.com.na
- Support: 24/7 Customer Support
Made with ❤️ in Namibia | © 2025 SkyNamibia Airlines