Giter VIP home page Giter VIP logo

cds-bootstrap's Introduction

cds-bootstrap

It is a FOSS project developed by United Nation Volunteers.

The navbar html is pulled in via jQuery. This doesn't work offline in standard Chrome. So to view the page properly offline during testing you have to run Chrome this way in the Windows run menu:

chrome.exe --user-data-dir="C://Chrome dev session" --disable-web-security

cds-bootstrap's People

Contributors

oberoiup avatar apurvsibal avatar dsoberoi avatar

Stargazers

Roman avatar

Watchers

 avatar  avatar

Forkers

dsoberoi

cds-bootstrap's Issues

Reusable masthead

Like the navigation bar, the masthead styling should automatically be set for each page. This has an extra challenge though because the image needs to be different for each masthead.

Add navbar icons

The following should be added to the navbar:

  1. CDS Kenya logo
  2. Social media icons

Horizontal scroll bar on phone

On my iPhone 11 there is a horizontal scroll bar that covers up the content as you scroll. I think we want to make the horizontal scroll invisible.

Reusable footer

Like the navigation bar, the footer should automatically be populated on each page

Homepage masthead

It looks fine when the page is about half-width on a large monitor, but not full width. In the latter case, the heads of the folks in the picture are not shown.

Active link on navbar

The active link should turn green when you click on it or when you scroll down to that section.

Create Team page

The team members need to be moved to their own page and organized into a prettier gallery.

CDS Kenya link on navbar

It shouldn't turn green. It should stay black so that it looks more like a logo instead of a link like all the others on the navbar.

About Us Cards

The text in the Aim, Mission, and Goal cards goes outside the boundaries on a small screen (i.e. mobile device).

Our Work section

Our Work needs to be moved to its own page. The pictures need to be resized so they don't look stretched.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.