Giter Club home page Giter Club logo

will-dml-milestone1's Introduction

Perma-tribe

Perma-Tribe is a wesite for all permaculture lovers that want to learn more about it but also beginners that would like to understand the core concept. They can decide to participate into some workshop or just see what the other people do.

Features:

Navigation Bar

-Features an easy navigation to the different sections of the website.

Section 1

-The first view on the site display an hero-image that represent the abundance of food that someone could get from following the permaculture principles, with a quote that qualify it.

Section 2

-The About us section present the member of this association to the user, help him to feel welcome. -It also shows that the members are qualified to teach about the subject.

Section 3

-The What is Permaculture section gives a short but meaningfull definition of the subject, as a presentation or a reminder for the users who already knew a bit about the subject.

Section 4

-The Our workshop section is a presentation to the user of what is actually gonna be happening in the events presented by the website. It will hopefully convince the user to join in!

Section 5

-The Contact Us section displays a contact form to give the possibility to the user of making a step towards join the workshop proposed by the members.

-The footer section includes links to social medias where the user can also get to know more about the members this association.

Responsivity

screenshot_amiresponsive

Testing

-HTML .No errors were returned when passing through the official W3C validator

-CSS .No errors were found when passing through the official (Jigsaw) validator

Unfixed Bugs

The message input from the form is not linked to any email adress.

The published site does not display as planned on the wireframe, due to a lack of skill, the developper had to make some changes for a better responsivity.

Wireframe

wireframe

Deployment

The site was deployed to GitHub pages. The steps to deploy are as follows:
    In the GitHub repository, navigate to the Settings tab
    From the source section drop-down menu, select the Master Branch
    Once the master branch has been selected, the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.

The live link can be found here - https://will-dml.github.io/Milestone1/

Credit

All images has been found on free stock photo website (Pexels and Pixabay)

will-dml-milestone1's People

Contributors

celelstine avatar will-dml 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.