Destiny App Landing Page (Bootstrap)
A responsive Bootstrap landing page for an app concept called “Destiny”, featuring a hero section with a CTA, feature highlights, media sections, pricing plans, and a footer—built to practice the Bootstrap grid system and component-style layouts.
HTML
CSS
Bootstrap
Responsive Design
Bootstrap Grid
Landing Page
Font Awesome
Video
Project Overview
Features
Hero header + CTA: App headline, short pitch, call-to-action button, and device mockup (visible on larger screens).
Key value props: Three-column highlights (Quality, Reliability, Affordability) with responsive columns.
Product overview: Image + text split layouts describing benefits.
Feature list: Icon-based items with consistent spacing.
Promotional video: Embedded HTML5 video with playback controls.
App statistics: Metrics section (projects, happy clients, repeat rate, average rating).
Pricing cards: Three plans with "Add to cart" buttons and feature lists.
Footer: Copyright + social media icons.
Tech Stack
Frontend: HTML + CSS.
UI Framework: Bootstrap (grid + utilities for responsive layout).
Icons: Font Awesome via CDN.
Media: HTML5 <video> with MP4 source.
Deployment: Vercel.
Hero header + CTA: App headline, short pitch, call-to-action button, and device mockup (visible on larger screens).
Key value props: Three-column highlights (Quality, Reliability, Affordability) with responsive columns.
Product overview: Image + text split layouts describing benefits.
Feature list: Icon-based items with consistent spacing.
Promotional video: Embedded HTML5 video with playback controls.
App statistics: Metrics section (projects, happy clients, repeat rate, average rating).
Pricing cards: Three plans with "Add to cart" buttons and feature lists.
Footer: Copyright + social media icons.
Tech Stack
Frontend: HTML + CSS.
UI Framework: Bootstrap (grid + utilities for responsive layout).
Icons: Font Awesome via CDN.
Media: HTML5 <video> with MP4 source.
Deployment: Vercel.
ContactMe
Have a question or want to work together? Send me a message using the form below.