Features of Website

Hosted on Github

No Template was used

Twitter Bootsrap features

• Navigation - Collapsible Navigation Bar
• Navigation - Scrollspy (highlights the current section in navbar)
• Search bar
• Grids
• Buttons
• Panel - Accordion
• Panel - Collapsible panel
• Modal
• alerts
• Typography
• Glyphicon
• Tables(hover)
• Forms
• Animated progress bar
• Carousel with captions

Font-awesome used for icons

Dynamic Content

Angular.js

• Angular.js used to populate table rows from external json file in education section.

JQuery

• JQuery used to handle switching of tabs for results in education section. (JQuery.js)

Javascript

• Javacript used to set location on map (GoogleMap.js)

Section Breakdowns

Home

• Contact button that opens contact modal
• When send button is clicked, an alert message appears

About

• Contains a collapsible panel

WorkExp

• Panel - accordion
• Logo images are links to websites
• Click button to read more
• Buttons use font-awesome for the icons
• Button icon changes when clicked (css file)

Education

• panel - collapsible
• Logos are links
• Click results button to view results
• Collapsible panel within panel
• Year selection buttons use JQuery to open and close panels (JQuery.js)
• Panels contain table in which each row is highlighted when hovered over
• Table rows are populated using Angular.js which obtains data from a JSON file(Results.json).

Projects

• Images have overlay that change color and change icon when hovered over (Managed in css file)
• Click image to dispaly modal
• Fourth year project contains carousel

Languages

• Tables that contains progress bar

ContactInfo

• Google maps API
• Contact information contains social media links