Giter Club home page Giter Club logo

cars-and-coffee's Introduction

Cars and Coffee

A website for a Dublin based car event.

Cars and Coffee website here Locations


Cars and Coffee is a webite for people who have a passion for cars, it is an event website that has information of what Cars and Coffee is, information about when the event is help and locations.

Users of this website will be able to navigate exactly what they are looking for through the navigation bar in the header of the page.

Features

Navigation

  • The navigation is featured at the top of the page with the name of the website too.
  • It includes a home page, about, gallery and a sign up page.
  • The name of the website is inbetween the navigation links, the font size is bigger than the navigation links so that it clearly tells the user the name of the website.

The Home page

  • The home page has two icons either side of the name of the website which I got from Font Awesome
  • The home page also has a background image with the footer at the bottom of the screen with the facebook, twitter, instagram and youtube social media links.
  • An amination zoom is included in the background image which make it look like the cars on the home page are coming at you.
  • There is 3 boxes on the image which are quotes that people have said from being at a Cars and Coffee event.

Locations

The About page

  • The about page has three h3 elements with three questions with icons and three answers that users will find the information they need.
  • There is an image on the page along with a map location of the previous event location.

Locations

The Gallery page

  • The gallery page has images of previous Cars and Coffee events, this shows the user what an event will look like and what to expect, it might excite the user to go to an event.

Locations

The Sign up page

  • The sign up page has a background image and has a sign up form for the user to stay informed of the next Cars and Coffee event.
  • The sign up form has a clear background so that you can still see the background image, it has a first name, last name and email address input and also has submit button.

Loactions

Testing

The website has no issues on W3C css

Locations

W3C HTML validator for Home page

Locations

W3C HTML validator for About page

Locations

W3C HTML validator for Gallery page

Loactions

W3C HTML validator for Sign up page

Locations

Home page lighthouse for mobile

Locations

About page lighthouse for mobile

Locations

Gallery page lighthouse for mobile

Locations

Sign Up page lighthouse for mobile

Locations

Credits

My background image for the home page is from https://www.topgear.com/car-news/retro/which-better-bmw-e30-m3-or-mercedes-190e

My image on my about page is from https://newsroom.porsche.com/en_AU/2020/products/911-turbo-s-launch-control-the-event-22731.html

My google map location is from https://google-map-generator.com/

My icons are from https://fontawesome.com/

'Cars on a runway' image from the gallery page is from https://wallpaper.dog/sports-car-wallpapers

'A birds eye view of cars and coffee' image from the gallery page is from https://www.posthtx.com/event/coffee-and-cars-at-post

'Cars and coffee event' image from the gallery page is from https://canepa.com/category/news/canepa-cars-and-coffee/

'Mercedes cars' image from the gallery page is from https://www.pexels.com/photo/white-mercedes-benz-cars-120049/

'Top view of cars and coffee' image from the gallery page is from https://www.pexels.com/photo/high-angle-photo-of-vehicles-parked-near-building-753876/

'Blue ford car' image from the gallery page is from https://www.pexels.com/photo/parked-cars-1077785/

My sign up page background image is from https://wallhere.com/en/wallpaper/1759671

The footer social media icons and links our from the 'Love Running' project

I got some of my information from https://www.w3schools.com/

I would like to thank you for taking your time to read my README file for my first project.

cars-and-coffee's People

Contributors

adamralph123 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.