Mad's Lab.
Mad's Lab is a company that serve multiple service to the customer in architecture and web design field.
This Mad's Lab project is suit for everyone. To achieve the customer requirement, Mad's Lab serve multiple services such as design service, computer setup and repair.
- Project Goals The primary goal os Mad's Lab is to provide varity services to everyone so that it can become a big company and serve everyone in the world.
-
GitHub
- This project uses GitHub to store and share all project code remotely.
- The new GitHub Projects planner was utilised to plan and keep track of this project. This project plan can be viewed here.
-
GitPod
- Developer used GitPod for their IDE while building the website.
-
Photoshop
- his project used tools in Photohshop to edit, crop and save images as well as ulitising the colour picker to ensure color consistency over the entire project.
-
Google Fonts
- The project uses Google fonts to style the website fonts.
-
Bootstrap
- The project uses Bootstrap to simplify the structure of the website and make the website responsive easily.
- The project also uses Bootstrap to provide icons from FontAwesome
-
W3c Validator
- Using this website to check all the error in html.
This project was developed using the GitPod, and pushed to GitHub using the built in function within GitPod. To deploy the Mad's Lab, to GitHub Pages from its GitHub repository, the following steps have to be done:
- Log into GitHub.
- Navigate the GitHub repository.
- Click on the setting tab at the top of the repository bar.
- Scroll down on that page to the GitHub Pages section.
- The first drop-down field should be Source with None preselected.
- Select master branch from the list.
- The page should refresh.
- Scroll back down to the GitHub Pages section.
- You should now have a deployed link.
The Mad's Lab project made use of several branches for development, testing and bug fixing. The Master Branch has always been the one deployed to GitHUb Pages. When displaying the website life, the developer tries to keep the master branch to optimal code only. At the moment of submitting this Milestone project the Development Branch and Master Branch are identical.
Content
- All the content in this project is written by muhammad syafiq.
Media
- Image
- Most the building images in this project is own by Muhammad Syafiq previous architecture degree project.
- The personal computer image by Muhammad Syafiq life experience.
- The Google Images and are used for project purposes only.
Code
- Reference code for the html and css are referred from W3School post.
Special thanks to:
- Code Institute Mentor, Miss Antonija Simic for his time and support in explaining and demonstrating areas of code this developer was struggling to understand.
- Code Institute Tutor, for their time and support in explaining and demonstrating areas of code this developer was struggling to understand.
A fully responsive website using CSS and HTML5