Giter Club home page Giter Club logo

akn_project's Introduction

AKN_Project

Ariel, Karem and Natalia first project

>>> Our Awesome Website <<<

why?

We were tasked to create a simple single page website about our team. We need this practice in order to enrich our knowledge in web development in its basic concepts. And ofcourse because we are the best team!

what?

Our website is mobile friendly and fully responsive and it also fits for disabled people passing all off the tests using 'Lighthouse'. We have a Navigation bar to easily navigate throgh the site. You can enter each members "Linkdin" , "Github" and "Codewars" personal accounts as well. There is a simple 'Contact Us' form in the page (currently with no DB connection). The site will work the same way for users who have 'javascript' disabled in their browsers.

how?

Ariel was incharged of writing the readme file and creating the form in the page. Natalia was incharged of the navigation bar and the main area. Karem was incharged of the "cards" section with the personnel links and info. all of us worked together on designing the website and to make it fully responsive. we created issues and resolved them using commits and pull requests all the time. There were a times when we encountered problems with conflicts but with the help of our mentors we managed to resolve them.

Our stretch goals

  1. Create a fully responsive Hamburger in the navigation bar.
  2. Take a nicer photos of ourselves ;)
  3. Create a professional logo.
  4. Create a DB so users can actually contact us and send us messages.
  5. Make the navbar fixed at the yop of the screen.

akn_project's People

Contributors

ariellb avatar nataphilips avatar okarem avatar

Watchers

James Cloos avatar

Forkers

bobbysebolao

akn_project's Issues

files organizing

all files located in the level of index.html file.
i would suggest to to move the images and css files to separate folders

navbar links

in mobile display navbar links turn to icons .
recommend to add popup to let the user understand what every link do .

Inconsistent style

Your styling is quite inconsistent, you start by using a big font in the nav bar and move to a really small one in the intro.
There isn't too much space between each section and then the pictures are really big and the icons are huge :|
The alignment is also inconsistent since you start by having margin and then none and go back to an email form with tons of margin

karim's about page

cant link back to the site from this page !!
recommend to add back link .
recommend to edit the link to target blank !

class main_container

usually main_container class mean to the all sections in the page.
in this case you use this class name only for one section(the information section)

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.