Code Monkey home page Code Monkey logo

code4ct's Introduction

Project 3 Code4CT project 14 November 2018 - (Duration 2 months)


Tools Used

  • VSCODE
  • Chrome Web Browser
  • html
  • sass
  • css
  • Responsiveness
  • Jquery
  • Javascript

Brief

Company: Non-Profit Orginasation. They main goal is to Empower girls/females into the tech field. (Too few women currently interested). Bringing the girls into using/know more about Technology, To be part of the greater diversity of the Tech industry.

Process: Going to high schools to speak to the girls trying to attract them into the tech industry.

Aim: Rebuilding their Website Needs to look: Modern, Slick and Beautiful (Website theme colors: Black, White and Pink.)

They Trying to bring across to the girls that they want more females in the tech industry.

The website need to be in such a way that makes users, especially females users to stay longer on the Website.


Whats needed in this project

HTML - Content
SASS - Styling 
JS - Functionality
  1. Code4CT - Repo name Code4CT
    • + Name title
  2. Good Folder Structure
  3. Good Indentation

Home page needs to have :

Counters - Are Variables Maintained by CSS whose values can be incremented by CSS rules (To track how many times they are used). Counters lets you adjust the appearance of content based on it placement in the document.

About page

Needs to a Seperate window(Page) (Images) Needs to Zoom in on hover, Shuttle on click opens in prettyPhoto (Jquery) E.g Next pictue slides.

Contact page

Location - Google maps Re-design Contact form (Code4CT official Site).

Course page

Object Constructer -Be able to click on the courses, They should be able to register. Course would have a Method.

Should have a shopping cart for purchasing of course enrolments. Reverse functionality -If it adds the cost to cost to cart it should substract aswell(Canceling)

Using these are best for Website:

Method, Prototype and Constructive


These elements must do the following:

Buttons

  • Must Expand (5% more)

Nav

  • Should be sticky(Fixed)

Back to top button

  • Must have smooth scroll property on it(Slower effect).

Change log

  • Button size 10% to 5%

© All Rights Reversed 2018, Made by Cbazil

code4ct's People

Contributors

cbazil avatar

Watchers

 avatar  avatar

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.