We Love Dogs

This is a Website where the community can interact with others in one single site about how to find all kind of help a dog shelter. We help the abandoned dogs!

This project was built using html, Bootstrap 4, and css. The site was deployed on Github.

We Love Dogs is a Milestone Project 1 submission on June 2023.

This section aims to make the org webpage for abandoned dogs and in the future be able to provide a shelter to cats

• Wireframes

It's been made sure they met the user and owner group criteria. As a result were used as a design for the project.

 * Responsive on all device sizes

• Donate today button

  • Responsive on all device sizes
  • A button on green color to catches attention of the visitors.

• Hero Image

  • A image related to dogs that normally are abandoned some others die in the street that's why it feels related to the topic of the webpage.

• Navbar

• 

  • Home: Brings the user to the home page

  • About Us: Opens the page where a briefly tells the history of the origen of the refugee.

  • contact us: Opens the form for donors to leave their details to get in contact.

• User Histories

  • User stories in the landscape help the user to understand the average of the reasons that causes the abandonment of pets.

• Histories & Testimonials

  • Add testimonials for donors that became sponsors to share their histories.

• Footer

  • Email link: It takes the user to the contact us page.

  • Telephone : It takes the user to the contact us page.

  • facebook link: It takes the user to the facebook home page.

  • instagram link: It takes the useer to the Instagram home page.

  • Youtube: It takes the useer to the youtube channel of the shelter.

  • twitter It takes the useer to the Twitter home page.

• HTML5

• CSS3

• 1. Bootstrap 4.4.1:

  • Bootstrap was used to assist with the responsiveness and styling of the website.

• 2. jQuery:

  • jQuery came with Bootstrap to make the navbar responsive but was also used for the smooth scroll function in JavaScript.

• 3. Git

  • Git was used for version control by utilizing the Gitpod terminal to commit to Git and Push to GitHub.

• 4. GitHub:

  • GitHub is used to store the projects code after being pushed from Git.

• 5. Balsamiq:

  • Balsamiq was used to create the wireframes during the design process.

• To Code Institute for their support.