29 October 2019 - 26 November 2019 ( week 10 - week 14 )
Ahmed Baahy Suhail (0333925)
Interactive Design
Final Project
LECTURES
No lectures
INSTRUCTIONS
FINAL PROJECT
For our final project we were meant to create a website for a partner with 5 different pages based on their preferences. My partner for this project was Syaqiel and he said he wants a pastel themed website with the main color being light pink.
I first went to bootstrap made to find a template. Syaqiel said he wants a portfolio/ service website thus I looked into that theme and found this website
|
Bootstrap portfolio template |
|
Bootstrap portfolio template |
|
|
Bootstrap portfolio template |
|
|
Bootstrap portfolio template |
|
|
Bootstrap portfolio template |
|
|
Bootstrap portfolio template |
|
|
Bootstrap portfolio template |
|
|
Bootstrap portfolio template |
|
Here is the bootstrap template used :
https://bootstrapmade.com/demo/DevFolio/
I then started to remove the unnecessary parts of the template and added the content. I made each section of the template a different pade and cut down the parts into 5. The five are home, about, services, work and contact.
I then began to edit some of Syaqiels pictures as he requested not to show too much of his page, thus I made the intro pixelated. For the logo, I used one that Syaqiel created before. All the other pictures seen in the screenshots below have been edited to fit the color scheme.
I then linked the pages together and added all the necessary content.
|
Linking pages together and creating navbar |
|
Part of my CSS code for website |
Here is how the final website looks, approved by Syaqiel. As you can see, the colors are very pastely as per Syaqiels request.
|
Screenshot of final website |
|
Screenshot of final website |
|
Screenshot of final website |
|
Screenshot of final website |
|
Screenshot of final website |
|
Screenshot of final website |
|
Screenshot of final website |
Here is the final website:
https://finalprojectsyaqiel.000webhostapp.com/Home/index.html
Comments
Post a Comment