- Nov 2022
-
github.com github.com
-
position: fixed;
Remove this footer property. By removing this property your footer will not move while scrolling the page.
-
-
github.com github.com
-
<ul> <li>Facebook</li> <li>Instagram</li> <li>YouTube</li> </ul>
These list items are hidden under the footer. Add margin bottom to make them visible.
-
-
github.com github.com
-
p { }
This selector is empty
-
-
github.com github.com
-
</d>
This closing tag is unnecessary you can remove it.
-
- Oct 2022
-
github.com github.com
-
<div class="footer"> <a href="https://www.hairpins.ca/contact">Contact us today to book an appointment!</a> <p><small>Content taken from <a href="https://www.hairpins.ca/">https://www.hairpins.ca/</a>. Used for educational purposes only.</small></p> </div>
Put it inside footer section because it is a different section
-
<h1>Our Services</h1> <p>Below is a list of services we proudly offer.</p> <p>At Hairpins, we care about the environment and recognize the impact we all have on it. We are continually making strides to reduce where we can and have only aligned ourselves with companies and products we believe in.</p> <p>We are proud to be a CERTIFIED GREEN CIRCLE SALON and through that partnership are able to divert 95% of our salon waste from landfills.</p> <p>Get in touch if you have any questions or want to learn more about the programs and charities we are focusing our efforts on.</p> <br> <h2>Cuts</h2> <p>Range from 45 minutes to 90 minutes</p> <p>Please call us at 250-338-7467 (PINS) to book a shorter appointment for Kid's Cuts, Dry Cuts, Fringe Trims, Neck trims, or Clipper Cut maintenance.</p> <p>All cuts include shampoo, scalp massage, blowdry, and style.</p> <ul> <li>$47.00 = 45 Minute Clipper Cuts and Short Fine Hair</li> <li>$61.00 = 60 Minute Cut for Fine to Medium Hair</li> <li>$76.00 = 75 Minute Cut for Medium to Thick Hair</li> <li>$90.00 = 90 Minute Cut for THICK THICK Hair, you know who are :)</li> </ul> <br> <h2>Colours</h2> <ul> <li>FULL FOIL: $188/$219 with cut</li> <li>3/4 FOIL: $172/$203 with cut</li> <li>1/2 FOIL: $158/$189 with cut</li> <li>1/4 FOIL: $144/$175 with cut</li> </ul> <br> <h2>Styling</h2> <ul> <li>BLOWOUTS ~ 30 mins: $40 - $45</li> <li>BLOWOUTS ~ 45 mins: $47 - $52</li> <li>BLOWOUTS ~ 1 hour: $60 - $67</li> </ul> <br> <br> <p>* * 48 Hour Cancellation Required * *</p> <p>We require 48 hours' notice for any cancellations.</p> <p>If you are a “no show”, you will be required to pay for your missed service in full in order to rebook. If you cancel with less than 48 hours' notice, you will be required to pay for 1/2 of the service you canceled in order to rebook.</p> <p>We understand that last-minute things happen! We will address each situation on a case-by-case basis. Please communicate with us and we will try our best to help.</p> <p>We appreciate your understanding.</p> <br>
Put it inside main section because we write our content in main section
-
-
github.com github.com
-
<header> <h1>Welcome to Hairpins Boutique Salon</h1> </header>
Use Main section instead of header because you already used Header section.
-
<img src="images/the-hairpins-team.jpeg" alt="Hairpin Salons team of stylists">
Use same property for this image img{ width: 600px; }
-
<figure> <img src="images/the-hairpins-salon.jpeg" alt="black and silver salon chair in front of mirror"> <figcaption>The Hairpins hairdressing salon in Courtenay, BC, Canada</figcaption> </figure>
Images are too big for the website layout. Use this property to resize it -:
img{ width: 600px; }
-
-
github.com github.com
-
<h2>SILKTRICKY</h2><br><br><br><br><br><br>
Use padding and margin for space instead of br tag.
-
-
github.com github.com
-
<h1>Contact Us</h1> <p>Questions, comments, ready for a new do? We look forward to hearing from you!</p> <p>If you're looking to make an appointment online, please do so here.</p> <br> <ul> <li>Monday ~ Closed</li> <li>Tuesday 9:00am ~ 5:00pm</li> <li>Wednesday 9:00am ~ 8:00pm</li> <li>Thursday 9:00am ~ 8:00pm</li> <li>Friday 9:00am ~ 5:00pm</li> <li>Saturday 9:00am ~ 4:00pm</li> <li>Sunday ~ Closed</li> </ul> <br> <div class=address> Hairpins Boutique Salon<br> #4 - 224 6th Street<br> Courtenay, BC V9N 1M1<br> </div> <p> Check us out on <a href="https://www.google.com/maps/place/Hairpins+Boutique+Salon/@49.6904218,-124.9971279,15z/data=!4m2!3m1!1s0x0:0x859b2cfce3bc31ea?sa=X&ved=2ahUKEwiYi_2Ex6T6AhXNMjQIHYkoCUUQ_BJ6BAhSEAc)">Google Maps</a> </p> <p> Tel: <a href="tel:250-338-7467">(250) 338-7467</a> </p> <p> Email: <a href="mailto:salon.hairpins@gmail.com">salon.hairpins@gmail.com</a> </p> <br>
Put it inside Main section
-
-
github.com github.com
-
a:link { color: darkslategray; }
To change the color of links you can use
nav ul li a { color: white; }
-