Interactive Design - Project 2

Week 8-Week 10

Alfie Koh Chen Fong (0340310)

Interactive Design

Project 2

---

INSTRUCTION 

---

LECTURE

Week 8(03/06/2020)

This week we were introduced about bootstrap. Lecturer had a lecture about how to create a responsive website and the important things that need to take attention. Below is the slides given.

---

PROJECT 2
For project 2, we need to create a responsive website using the landing page layout we designed for project. With the layout that I designed for project 1, I proceed to do the coding.

Fig 1.01 Landing page layout

Below are my processes of coding in Dreamweaver.

Fig 1.02 Process of html

Fig 1.03 Process of html

Fig 1.04 Process of css

Fig 1.05 Process of css

Below is the full html of the coding.

Below is the full css of the coding.



Below are the appearance of the final website.

Fig 1.06 Header

Fig 1.07 Section 1

Fig 1.08 Section 2

Fig 1.09 Section 3 and footer

This is the link to the website: https://project2interactivedesign.netlify.app/