Jarmo's Site

Project Goals

The purpose of the project is to demonstrate the skill of building static websites utilizing HTML5, CSS, JavaScript and responsive web design.

My goal for the project was to make a homepage for myself that acts as a portfolio, where I could showcase my school works and projects.

Learning goals I set for myself:

1. Project planning and management
2. Content creation for website
3. Template design with drawing software
4. Writing html and css code from scratch based on the template
5. Responsive web design
6. Adding JavaScript functionality

Programs Used

• Adobe Brackets: writing code
• Paint.NET: picture editing
• Pencil: layout design
• Microsoft Word: document writing

Libraries, Plugins and Solutions Utilized

• jQuery
• Lightbox
• W3 Schools: Responsive 12 column grid view
• CSS-Tricks: Progress bars
• Hongkiat: Responsive Navigation
• mrmrs: Nicer Links
• Yaoa: CSS image hover effects

Browsers Tested With

• Google Chrome v56
• Mozilla Firefox v51
• Microsoft Edge v38
• Microsoft Internet Explorer v11

Usage of JavaScript

• Lightbox
• Last modified date
• Mobile navigation toggle

Folder Structure

    Final_Assignment_C_Website_Project
        /bigpics
        /images
        /js
        /pics
        documentation.html
        index.html
        likes.html
        portfolio.html
                

Main Sections

    body
      container
        header
        nav
        main
            row/column-divs
        footer
                

Original Layout Designs