AIR-CLINIC WEBSITE UPDATE

in #utopian-io7 years ago (edited)

This is an Update for Air clinic Website

The Airclinic Project is a steem blockchain -based project that plans to be a future uber health service in the medical world. At the moment, it offers its services through the steem blockchain at @air-clinic while there is also a very active discord channel that acts as an online hospital and conference center (https://discord.gg/rqded5m ).

  • The issue(s)?
    The User Interface was not fully responsive.
    There were some visibility issues as some text cannot be seen properly.
    Also, the navbar background disappeared when on medium screen.
    See the screenshot below for the issues:

navbar issue here
Screen Shot 2018-01-15 at 9.04.35 PM.png

responsiveness issue here
Screen Shot 2018-01-15 at 9.05.26 PM.png

You can view the site here

  • The solution?
    I revamped and redesigned the website. Now, it is 100% responsive, and the Navbar looks good on all screen size.
    Also, the Visibility issue has been fixed as the proper color combination was used.
    I also revamped the site to match its purpose.

Screenshot of the Revamped site is seen below:

The Visibility issue was solved by adding a dark overlay on the background image and removing the shadows.

See Large screen view
Screen Shot 2018-01-15 at 8.51.42 PM.png

Screen Shot 2018-01-15 at 8.51.58 PM.png

Screen Shot 2018-01-15 at 8.52.21 PM.png

The Mobile View:

Screen Shot 2018-01-15 at 8.53.29 PM.png

Screen Shot 2018-01-15 at 8.53.43 PM.png

Screen Shot 2018-01-15 at 8.54.11 PM.png

Screen Shot 2018-01-15 at 8.54.29 PM.png

Screen Shot 2018-01-15 at 8.54.38 PM.png

Links:
Github Airclinic: https://github.com/AIR-CLINIC/Air-Clinic

Forked Airclinic: https://github.com/Rhotimee/Air-Clinic

Pull: https://github.com/Rhotimee/Air-Clinic/pull/1

Screen Shot 2018-01-15 at 9.30.11 PM.png

Proof of Work

Screen Shot 2018-01-15 at 9.33.14 PM.png

Github: https://github.com/Rhotimee/Air-Clinic



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Your contribution cannot be approved because it does not follow the Utopian Rules.

Your PR is on a revert request. Check here https://github.com/Rhotimee/Air-Clinic/pull/2.

Still your contribution is minimal to be accepted as you have just added responsiveness and your PR had 10000 lines of bootstrap and font awesome. Minified and CDN versions are preffered over it.

You can contact us on Discord.
[utopian-moderator]