One morning in winter days, I got up and noticed heaters were not working. I figured out there are some issues with the gas boiler which I couldn't not fix. I went online and made some contacts with plumbers and none of them were available that day. UNO Solutions is an online solutions to find out only available professions to carry out jobs required in the dwellings. I went to the services page and found an available plumber who can carry out the job on same day. Like plumbers, users can find out a number of different online professionals like cleaners, electrician, handyman and other who can fix issue in your house as soon as possible.
- Live Website: https://vanyasahay.github.io/UnoSolution/index.html
-
Navigation Bar
- The navigation bar has three pages HOME, SERVICES & CONTACT US including a logo. All three PAGES are clickable and selected any page will let user to view that page.
- This section will allow the user to easily navigate from page to page across all devices without having to revert back to the previous page via the ‘back’ button.
-
Home Page
- The Landing page contains company logo along with About Us section which gives a brief idea about the Company. Users and also login here if they have already registered on the system or Sign Up if wants to create a new account.
-
Services Page
- The Services Page will allow the user to see list of available professions with their contact numbers.
-
Contact Us
- This section will allow the user to contact the Uno Solution help desks. This page also have physical address of the company.
- Users need to fill up the form and helpdesks will answer there queries.
- Google map added
-
The Footer
- The footer section includes links to the relevant social media sites for Uno Solution. The links will open to a new tab to allow easy navigation for the user.
- The footer is valuable to the user as it encourages them to keep connected via social media.
-
The Sign Up Page
- This page will allow the user to get signed up to UNO Solutions and create there account. The user will be asked to submit their full name and email address.
- Technology Used
- HTML
- CSS
- Another features need to be added where GREEN Online Bullet points to be added before the available professions who can take up the jobs immediately.
- Search field to be added on the home page.
- Device Tested
- Macbook Pro
- Windows 10
- iPhone 12, iPhone11, iPhone 13 mini.
- Tested in responsive tool in Google Chrome Developers Tool.
- Google Chrome
- Firefox
- Microsoft Edge
- HTML
- No errors were returned when passing through the official W3C validator
- CSS
- No errors were found when passing through the official (Jigsaw) validator
- Media query fix for some element which now works on iPhone mini, iPhone11/12. (Tested on Google Chrome developers tool.)
- Forms now validate inputs.
- Structured Layout fixed.
- Media query for other device needs to improve.
- Footer layout for home page for small screen need to be fixed.
- Needs to connect to database.
- Live services availability in location.
This site was deployed to Github pages.
In the github repository, click the settings tab From the source section drop down menu select the main branch Once the main branch has been selected the page will automatically refresh with a detailed ribbon display indicating the successful deployment. https://vanyasahay.github.io/UnoSolution/index.html
To Clone this repository follow these steps:
On GitHub.com, click into the main page of the repository. Above the list of files, click the drop down Code button Copy the URL for the repository. *To clone the repository using HTTPS, under "HTTPS", click . *To clone the repository using an SSH key, including a certificate issued by your organization's SSH certificate authority, click SSH, then click . *To clone a repository using GitHub CLI, click GitHub CLI, then click . Open Terminal. Change the current working directory to the location where you want the cloned directory. Type git clone, and then paste the URL you copied earlier. $ gh repo clone vanyasahay/UnoSolution Press Enter to create your local clone.
-
Source Code
- GITHUB to store code and other resources
- W3School for code references.
- Stackoverflow
- Developers Tools
- Love Running is used as a base.
- Mentors and Collegue
- VS Code and GITPOD
- Youtube videos
- CSS tricks
- Google Maps
-
Images
Icons
- Servives-> https://fontawesome.com/v4/icon/cog
- Home- https://fontawesome.com/v5/icons/home?style=solid&s=solid
- Contact us- https://fontawesomeicons.com/phone
Images
- Uno Solution Icons--> https://www.kindpng.com/picc/m/204-2043165_creative-services-s-h-handyman-icons-free-hd.png
- Handyman--> https://pixabay.com/photos/handyman-construction-site-workers-3094035/
- Electrician-> https://pixabay.com/photos/electrician-electric-electricity-1080561/
- Plumber-> https://pixabay.com/photos/plumber-frog-loo-p%c3%b6mpel-repair-1160822/
- Cleaner- https://pixabay.com/photos/clean-easter-eggs-shell-clean-up-3279630/
-
logo
-
Fontawesome -Fontawesome is used to get Icons in Navigation bar and Social Media Accounts.