Bootstrap Features Used


1. Bootstrap Grid System

Responsive layout using container, row, col-*, col-md-*.

Used in About, Projects, Experience, and Contact sections.


2. Responsive Navigation Bar

Built using navbar, navbar-expand-lg, navbar-brand, nav-item, nav-link.

Includes mobile toggler and animated collapse menu.


3. Bootstrap Buttons

Classes include btn, btn-primary, btn-outline-primary, btn-light.

Supports dark mode and responsive full-width variations.


4. Bootstrap Cards

Used for Projects, Experience, and About sections.

Includes custom hover effect layered on top of Bootstrap base classes.


5. Bootstrap Accordion

Used in Education section with accordion-item, accordion-button, accordion-body.


6. Bootstrap Forms

Contact form uses form-control, form-group, mb-3.


7. Bootstrap Modal

Used to display Contact Details modal with modal-dialog, modal-content.


8. Bootstrap Badges

Technology tags use badge and bg-primary.


9. Bootstrap Utility Classes

Spacing (mt-*, mb-*), typography, flexbox utilities, shadows, visibility, responsive sizing.


10. Responsive Images

Profile and gallery images use img-fluid and rounded-circle.


11. Bootstrap JavaScript Components

Navbar collapse, accordion animations, modal interactions via bootstrap.bundle.min.js.


12. Layout Containers

Consistent use of container and container-fluid for structured layout.


Website URL

https://franciskelly.space