Giter Club home page Giter Club logo

public_health_website's People

Contributors

asmvm avatar nrdmraju avatar

Watchers

 avatar

public_health_website's Issues

Add base HTML contact page:

  1. Add Html from landing page.
  2. Have emergency contact hotlines information
  3. Plan wire frame for forms and visualize the page.
  4. Add Dropdown menu for type of inquiry.
  5. Row of information for social media.
  6. Row Trending Stories and Learn about us
  • High school students need hotline numbers as well as the community
  • Focus on Mental Health and the Georgia Community for now
  • Ask about the core Assistance programs

Backend Forms- Contact Page

  1. Create Html Variables to use for each input
  2. Forms.py - create contact class
  • from flask.ext.wtf import Form, TextField, TextAreaField, Submit
  1. Route.py to render page
  • from flask import Flask, render_template, request, flash
  • from forms import ContactForm
  • from flask.ext.mail import Message, Mail

Navbar enhancements

Based on feedback:

  • center the nav items
  • make the font slightly larger
  • possibly add a hamburger menu to the right
  • decrease the height of the navbar

I will update the navbar features in styles_a CSS and then can move this to the common CSS when ready to apply to all HTML pages.

design landing page

Design the landing page to include hi res photos, modern layout, responsive collapsing for mobile and tablet devices, professional profile, and intuitive navigation.

News/Contact

  1. Icons and Reveal information
  2. News Update read more feature

News/Contact HTML (edits)

  1. The contact page- No cursive (would like font to be consistent), contact logos are too large for the page
  2. When you hover over a link, would like to see where the link leads to.
  3. Please let us know if any of the pictures displayed are available for us to purchase and use. We would like to make all of the pictures bright and positive.
  4. We want to stay consistent with colors of the website and use colors of nature.
  5. We developed a google doc where our team can add ideas for website content.

jumbotron margins

There is a gap between the jumbotron and carousel that needs to be fixed. Ideally, remove the gap and shorten the height of the jumbotron.

design contact page

Design the contact page with a modern layout, responsive collapsing for mobile and tablet devices, intuitive navigation, form fields. This issue is primarily for the frontend design. Modifying css and playing with the designs.

Apply consistent CSS to pages

Using the homepage as an example, apply CSS to all pages for consistent transitions, animations, effects, scrolling, etc.

design our story page

Design the our story page to include attributes of a modern layout, responsive collapsing for mobile and tablet devices, professional profile, intuitive navigation, hi res images.

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.