INTERACTIVE DESIGN PROJECT 2


15 October 2019 -  29 November 2019 ( week 8 - week 10  )
Ahmed Baahy Suhail (0333925)
Interactive Design
Project 2



LECTURES

Lecture 08: Final lecture
15 October 2019 (week 08)




No more lectures




INSTRUCTIONS





PROJECT 2 - Microsite

We were assigned to make a website for the "Trouble Makers Manifesto; A Design Colloquium" that we based our Advanced Typography projects 1 and 2 on. We were meant to create the official website with that and showcase our work along with some information in regards to the event. For this project, we were told to use Boostrap and were taught how to go about this by our lecturers.


Bootstrap template

Bootstrap template

Bootstrap template 

Bootstrap template 

Bootstrap template 

Bootstrap template 

Bootstrap template 

Bootstrap template 

Bootstrap template 

Bootstrap template


Link to template used: https://bootstrapmade.com/demo/TheEvent/

I then got rid of the sections I did not need as the template had a lot of additional sections. After removing unnecessary sections.  I added all the images that need to be added, and began to fill the content.


I had to make a logo as well as an intro picture.


Logo created for microsite


Intro picture for microsite


 After the content was done and dusted, I moved onto the css where I adjusted the colors to match with my key artwork color theme which was red, black and white.

Here is my final HTML code and part of my CSS code.


HTML code  for microsite

HTML code for microsite

HTML code for microsite

HTML code for micosite

HTML code for microsite

HTML code for microsite

HTML code for microsite 

HTML code for microsite 

HTML code for microsite

HTML code for microsite

HTML code for microsite

HTML code for microsite

HTML code for microsite 

HTML code for microsite

HTML code for microsite

CSS code for microsite

CSS code for microsite

CSS code for microsite

CSS code for microsite 


Here is the final result for my microsite.

Screenshot of microsite

Screenshot of microsite

Screenshot of microsite

Screenshot of microsite 

Screenshot of microsite 

Screenshot of microsite

Screenshot of microsite

Screenshot of microsite

Here is the link to the final microsite for project 2

https://ahmedbaahysuhailproject2.000webhostapp.com/index1.html





FEEDBACK




FURTHER READING


Comments

Popular Posts