Table of contents

• General info
• Technologies
• Setup
• Design

General info

A prototype website for an "important potential client" – PontyBridge University.

In total, the following six pages (desktop & mobile) has been created:

1.       A homepage for the University.
   

2.       The ‘Study’ page, listing some courses they offer.
   

3.       The ‘Research’ page, listing some of their research projects.
   

Wire-frames for each of the three pages have been supplied detailing how they should look at both large (desktop) and small (mobile) resolutions.

Technologies

Project is created with:

• HTML 5
• CSS 3

Valid HTML and CSS is used wherever possible, and the use of non-validating code is kept to a minimum.

Setup

Navigate to HTML file location static_website/structure, highlight the document and click Open.

OR

Run the web pages in the development mode, inside folder static_website/structure i.e.:

command line:

python -m SimpleHTTPServer

check if the app is running on http://0.0.0.0:8000/

Design

Home Page Desktop *css grid *css flexbox

Home Page Mobile set @768 px .css breakpoint

Study Page (Desktop & Mobile/set @768 px .css breakpoint)

Research Page (Desktop & Mobile/set @768 px .css breakpoint)