Welcome to the Love Running club website. Our aim is to create a community of runners who are passionate about running, being social and exploring the beautiful city of Dublin, Ireland. Our club is open to all, from beginners to experienced runners.
Love Running Club is a running club based in Dublin, Ireland. Our website is designed to provide information on the running club, its activities, upcoming events and how to join. The website is simple and easy to navigate.
- Navigation bar: Provides users with the links to the homepage, sign up page and gallery.
- Hero section: A beautiful image that welcomes users to the site.
- Club Ethos section: A section that describes the benefits of running and being a part of a running community.
- Times section: A section that displays the times and location for running events held by Love Running Club.
- Footer: A section that provides links to Love Running Club's social media pages.
To use the website, simply access the URL of the website and use the navigation bar to move through the site. If you would like to sign up for the Love Running Club, click on the "Sign Up" link on the navigation bar.
The Love Running Club website was built using HTML5 and CSS3.
CSS is used for styling the headings, navigation links, hero image, club ethos section, event times, footer, gallery, and the form.
The code imports Google fonts for the Lato and Oswald font families and sets global styling for all elements.
The headings and logo have specific styling, as do the navigation links, with a hover effect and a class for an active link.
The hero image has an animation for a zoom effect and a cover text section with specific styling.
The club ethos section is divided into three columns, with headings and hr tags.
The event times section has a background image and specific styling for the time divs.
The footer includes social network icons with specific styling.
The gallery has a column layout, and the form section has a background image and specific styling.
A zoom animation was utilised when hovering over background images.
Media queries were used to adjust the layout and styles of the elements on the page for different screen sizes.
-
I created the site by following a Code Institute Walk Through Project as part of my course.
-
I created the readme to doucment for future referece by using ChatGPT.