This project is for my cheerleading team, it provides extra credibility for the team by having an online presence in website. We also currently pay a website booking service a monthly subscription to book classes but by having our own website to do this we would save money.
Href links copied from nccadman19/resume-project/index.html
Menu column list taken from resume project
I'm already losing my mind trying to get the top row of items to sit flush to the browser window
Issues:
Cannot get hero image to fill the screen on full screen version! Tried margin 0 on body and section Added width 100% to hero img
Help:
Had help from website below to add underline under menu items: https://stackoverflow.com/questions/60583582/how-to-underline-a-menu-item-when-hover-over-it
How to make the photo transparent: https://www.w3schools.com/css/css_image_transparency.asp
Footer taken from code institute CV website
Prevent image from stretching in about us: https://stackoverflow.com/questions/11757537/css-image-size-how-to-fill-but-not-stretch
I have given up on the padding on the hero image I've tried to fix it for ages to no avail
Couldnt get ihead coach image to shrink in css file so did it with style in html file
Booking form template, I've never created a booking form and definitely needed help with this https://www.w3docs.com/tools/editor/5943
Got help with media queries from: https://getbootstrap.com/docs/5.2/layout/breakpoints/#media-queries