This is an introductory NSS Evening Cohort 3 exercise that focuses on semantic HTML and includes a minimal amount of basic CSS. The goal of this exercise was to make a mock website for a business using the HTML and CSS skills we'd gathered up until this point.
==============================
- Viewing/Downloading Project
- Specifications and Project Information
- [Languages] (#languages)
- [Tools] (#tools)
- [Specifications] (#specifications)
==============================
Clone the repository from GitHub:
git clone https://github.com/mattbruton/NSS-FrontEnd-StaticWeb-MockBusiness.git
Navigate to the project from the directory it was cloned into:
cd NSS-FrontEnd-StaticWeb-MockBusiness/
If you need a command line http server, to install http-server globally:
npm install http-server -g
Then:
http-server
or http-server -p XXXX
(the X's represent the port of your choice)
You should now be able to open your browser and type localhost:8080
to view the project.
- HTML
- CSS
==============================
Create a four page site for a mock business. Be as creative or as whimsical as you want to me for the business name. This is an HTML exercises, so while you may style this site to your heart's content, we will be focusing on the HTML structure and syntax of your code.
- Articles for company mission, short company history, and employees.
- Employee article should just list three employees: the CEO, the CTO, and the CFO.
- Find some fun imagery to include on the home page.
- Think of three unique products that your company makes.
- Create an article for each product description.
- Each article should have a header and at least one section.
- Each article should have a footer that has a link to Amazon (doesn't have to be real) to purchase the product.
- Find some fun imagery for each product.
- One article.
- At least one, but as many as you like, sections for describing your unique company culture.
- Four sections that contain a home address, a phone number, and two social media URLs.
- One article.
- A heading (e.g. "How to contact us").
- Four sections that contain a business address, a phone number, and two social media URLs.
Create a navigation bar on each page that contains a link to all pages. You can use whatever elements you like for the navigation, but it must be contained in the appropriate HTML5 semantic element.
Each page should have an <h1>
title contained in the appropriate HTML5 semantic tag.
Each page should have the same footer information. Put whatever information you like in the footer.
==============================