Website Assignment

For this assignments you have to work in groups of three or less, or you may work individually. The final deliverable will be a website for fictional small business that your group creates. This assignment will be very valuable to you (and your resume); it is therefore advised to take the time to design it professionally.

Deliverables:

Design Mockup
- You may use any number of tools, including
  - PowerPoint
  - Lucidchart
  - Pencil
  - Gliffy
HTML Source code (Three .html files)
- You should create your HTML and CSS in a text editor
  Recommended Editors are:
  - Windows:Notepad++
  - MAC:sublimetext or textwrangler
CSS source code (one .css file)
Screenshot of working website of atleast three different pages
Presentation of your workingwebsite

Things I am looking for

A main Landing Page with company information
A navigation section with links with links to atleast two other pages
- for example:Home, About, Contact
Content on your pages: images,text.,etc be creative
Good Basic Design:
Well Designed code:
- Structural Elements should be written in HTML
- Design Elements should be written in CSS

Resources:

My free udemy class on HTML/CSS will walk you through most of the assignment
https://www.udemy.com/ht-mlcss/
Probably the best resource is codecadamy's HTML/CSS track.It is free and will teach you much more than you need to know for this course
https://www.codecademy.com/en/tracks/web
W3 schools is the gold standard for both in depth HTML/CSS training and for quick reference
https://www.W3schools.com

Step 1:

create a new HTML file and CSS file.Have the HTML file include the CSS file and just put one basic rule in the CSS.
In the body of your HTML, add 6 divs
1. The first div has id 'MyTitle' and a title containing 'Some of my words'
2. The second div has class 'set' and id 'Adiv' inside:
  1. An h1 containing 'A words'
  2. A ul has several li's each li having some word that starts with an A
3. Make 3 more divs for B, C and D words
4. The last div has id 'Mydiv' and a p containing 'I have many more words'

Step 2:

In the CSS:

For each of the word list divs,give them a background color, a border,margins and padding.
For an li, give the following
1. Give the li a fixed width and height
2. Give it a background color and a border
3. Give it a margin and padding
For an ul, add list-style-type:none

Chemical formula of water is H₂O

T_i+2 = T_i+T_i+1

2⁴=16

X⁴+Y⁶

9^th of september

~~I am studying at the school~~

This paragraph is wrapped around the image.

Forest conservation is the practice of planting and maintaining forested areas for the benefit and sustainability of future generations.In the United States, forest conservation is popular in the late 19th and early 20th centuries.Forest conservation involves the upkeep of natural resourses within a forest that are beneficial to both humans and ecosystem.

Comparison of models

Model	OS	Display	RAM
Samsung Galaxy S7	Android	5.1"	4 GB
Sony Xperia Z5	Android	4.6"	2 GB
Apple iPhone 6s	iOS	4.7"	2 GB