tmampa / directory-of-bootcamps Goto Github PK

View Code? Open in Web Editor NEW

A website to search for places to find the best online bootcamps , this project was built for Microverse as part of their final capstone project. The technologies used here were Bootstrap, HTML and CSS.

CSS 12.74% HTML 87.26%

directory-of-bootcamps's Introduction

BootWorld - A Directory of Bootcamps

HTML & CSS Capstone Project (BootWorld- A online directory of bootcamps A responsive website built following the original project specifications from Microverse Capstone Project - Directory of Schools

Main page

Search results page

Details page

Project requirements included using semantic HTML tags, CSS selectors, HTML elements box model (margin, padding, width, height), Bootstrap, creating UIs adaptable to different screen sizes using mediaqueries and using industry-standard tools (flexbox) to place elements on the page.

This is a search directory for Bootcamps all over the world.

The project was created using the design of Matthew Njuguna & Sam Achola (Behance).

The project has 3 web pages - the main page, the search results page and the details page.

Built With

HTML5
CSS3 Media Queries
Bootstrap

Live Demo

Live Demo Link

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

Web browser (e.g. Google chrome or Firefox)
Code Editor (e.g. Vscode or Atom)

Cloning the repo

Copy this link Directory-of-Bootcamps
Open your terminal or command line in the folder you want the project to be
Run the command git clone with the link you copied above git clone https://github.com/tmampa/Directory-of-Bootcamps.git
Open the folder with your code editor and run the index.html file using a live server