Our First Bootstrap Project

Purpose

• To gain familiarity with a bootstrap project
  • Bootstrap is a framework containing built-in CSS and JavaScript tools for designing web components.

Objective

• To create a website that mocks the user-experience of a very simple online store.

Specifications

• must include custom-styling.
• must include at least four pages.
  1. an about page
  2. a shop page
  3. a purchase-item page
  4. a home page

---

---

Git Collaboration Strategy

Part 1 - Assigning an origin-owner

1. Assign one person to fork the original repository. This will be the origin-owner.
2. The origin-owner should add each of the group-members as a contributor to the project.
3. Each group-member should then clone the project from their origin-owner

Part 2 - Pushing your first change

1. As each of you complete a different part of the application, ensure that you are pushing your changes.
   • changes can be pushed by executing the following commands.
     1. git add .
     2. git commit -m 'update message'
     3. git push -u origin master

Part 3 - Pulling your first change

• You can keep in sync by executing the following commands
  1. git pull origin master
  2. git add .
  3. git commit -m 'merged with master'
  4. git push -u origin master

Part 4 - Publish the project online

1. Navigate to the settings tab of the repository.
2. Scroll down until you see GitHub Pages section
3. Select Use the master branch for Github Pages
4. Scroll down until you see Your site is published at ...
5. Copy the link associated with your site.
6. Navigate to your repository.
7. Edit the description of your respotory by adding a link to the site.