💻 Code Examples

Explore real code examples from our sessions - HTML, CSS, and JavaScript implementations

5 Sessions with Code Available
Session 1HTML Foundation
Week 1
3 hours
The Foundation - HTML Basics & Structure

Students build their first complete webpage

View Code

Technologies Used

HTML5

Key Features

  • Semantic HTML5 elements
  • Proper heading hierarchy (h1, h2)
  • Navigation with anchor links
  • +2 more features

A clean, semantic HTML page with proper structure, headings hierarchy, and essential elements like header, main, sections, and footer.

GitHubLinkedIn
Session 2HTML Foundation
Week 2
3 hours
Connecting the Web - Links, Images & Lists

Build an interactive multi-page website with media

View Code

Technologies Used

HTML5

Key Features

  • Multi-page navigation structure
  • Image integration with proper alt text
  • External and internal links
  • +2 more features

A multi-page travel website showcasing destinations with images, navigation between pages, and organized content using lists and links.

GitHubLinkedIn
Session 4CSS Mastery
Week 4
3 hours
CSS Introduction & The Box Model

Transform plain HTML into styled, beautiful pages

View Code

Technologies Used

HTML5CSS3

Key Features

  • Modern gradient header design
  • Google Fonts integration
  • CSS Grid for skills layout
  • +3 more features

A beautifully styled personal website with modern CSS, featuring gradients, shadows, typography, and responsive design using the box model.

GitHubLinkedIn
Session 6CSS Mastery
Week 6
3 hours
Flexbox - The Layout Revolution

Master modern CSS layouts with Flexbox

View Code

Technologies Used

HTML5CSS3

Key Features

  • Fixed navigation with Flexbox alignment
  • Hero section with perfect centering
  • Responsive features grid layout
  • +3 more features

A modern, fully responsive landing page built entirely with Flexbox, showcasing perfect alignment, flexible layouts, and smooth responsive behavior across all devices.

GitHubLinkedIn
Session 13JavaScript Power
Week 13
3.5 hours
DOM Manipulation - Bringing JavaScript to Life

Control and manipulate HTML with JavaScript

View Code

Technologies Used

HTML5CSS3JavaScript

Key Features

  • Dynamic image gallery with smooth transitions
  • Accordion FAQ with toggle animations
  • Real-time character and word counter
  • +3 more features

A fully interactive web application featuring an image gallery with thumbnail navigation, an accordion FAQ section, and a character counter with real-time updates.

GitHubLinkedIn
Want to Learn More?

These are just examples from our bootcamp sessions. Join us to learn step-by-step how to build these projects and many more!

View All SessionsBrowse Assignments