various improvements to fonts, colours and accessibility

Roxaski · Roxaski · commit f772b45cf1e0 · 2025-06-09T14:47:19.000+01:00
diff --git a/css/about.css b/css/about.css
@@ -61,7 +61,7 @@ nav {
     text-decoration: none;
     z-index: 2;
 }
-.logo h1 {
+.logo h2 {
     font-size: 1rem;
     font-weight: 400;
     margin-left: 1.5rem;
@@ -275,7 +275,7 @@ main {
         max-width: 100%;
         padding: 0 25px;
     }
-    .logo h1 {
+    .logo h2 {
         margin-left: 0;
     }
     .logo img {
diff --git a/css/contact.css b/css/contact.css
@@ -54,7 +54,7 @@ nav {
     text-decoration: none;
     z-index: 2;
 }
-.logo h1 {
+.logo h2 {
     font-size: 1rem;
     font-weight: 400;
     margin-left: 1.5rem;
@@ -224,11 +224,10 @@ nav {
     border-radius: 5px;
     box-shadow: 1px 3px 5px rgba(0, 0, 0, .4);
 }
-.contact-form .left {
+.contact-form .left img {
+    width: 100%;
     height: 100%;
-    background: url(../assets/contact/contact_form.webp);
-    background-repeat: no-repeat;
-    background-size: cover;
+    object-fit: cover;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
 }
@@ -321,7 +320,7 @@ nav {
         max-width: 100%;
         padding: 0 25px;
     }
-    .logo h1 {
+    .logo h2 {
         margin-left: 0;
     }
     .logo img {
diff --git a/css/dining.css b/css/dining.css
@@ -61,7 +61,7 @@ nav {
     text-decoration: none;
     z-index: 2;
 }
-.logo h1 {
+.logo h2 {
     font-size: 1rem;
     font-weight: 400;
     margin-left: 1.5rem;
@@ -274,7 +274,7 @@ nav {
         max-width: 100%;
         padding: 0 25px;
     }
-    .logo h1 {
+    .logo h2 {
         margin-left: 0;
     }
     .logo img {
diff --git a/css/events.css b/css/events.css
@@ -67,7 +67,7 @@ nav {
     text-decoration: none;
     z-index: 2;
 }
-.logo h1 {
+.logo h2 {
     font-size: 1rem;
     font-weight: 400;
     margin-left: 1.5rem;
@@ -377,7 +377,7 @@ nav {
         max-width: 100%;
         padding: 0 25px;
     }
-    .logo h1 {
+    .logo h2 {
         margin-left: 0;
     }
     .logo img {
diff --git a/css/gallery.css b/css/gallery.css
@@ -60,7 +60,7 @@ nav {
     text-decoration: none;
     z-index: 2;
 }
-.logo h1 {
+.logo h2 {
     font-size: 1rem;
     font-weight: 400;
     margin-left: 1.5rem;
@@ -292,7 +292,7 @@ nav {
         max-width: 100%;
         padding: 0 25px;
     }
-    .logo h1 {
+    .logo h2 {
         margin-left: 0;
     }
     .logo img {
diff --git a/css/menu.css b/css/menu.css
@@ -69,7 +69,7 @@ nav {
     text-decoration: none;
     z-index: 2;
 }
-.logo h1 {
+.logo h2 {
     font-size: 1rem;
     font-weight: 400;
     margin-left: 1.5rem;
@@ -467,7 +467,7 @@ nav {
         max-width: 100%;
         padding: 0 25px;
     }
-    .logo h1 {
+    .logo h2 {
         margin-left: 0;
     }
     .logo img {
diff --git a/css/packages.css b/css/packages.css
@@ -70,7 +70,7 @@ nav {
     text-decoration: none;
     z-index: 2;
 }
-.logo h1 {
+.logo h2 {
     font-size: 1rem;
     font-weight: 400;
     margin-left: 1.5rem;
@@ -468,7 +468,7 @@ nav {
         max-width: 100%;
         padding: 0 25px;
     }
-    .logo h1 {
+    .logo h2 {
         margin-left: 0;
     }
     .logo img {
diff --git a/index.html b/index.html
@@ -28,7 +28,7 @@
                 <!-- logo -->
                 <div class="logo">
                     <img draggable="false" src="./assets/logo/logo.svg" alt="logo">
-                    <h1><a class="logo" href="./index.html">Sharland's</a></h1>
+                    <h2><a class="logo" href="./index.html">Sharland's</a></h2>
                 </div>
                 <!-- links -->
                 <div class="links-wrapper">
diff --git a/pages/about.html b/pages/about.html
@@ -29,7 +29,7 @@
                 <!-- logo -->
                 <div class="logo">
                     <img draggable="false" src="../assets/logo/logo.svg" alt="logo">
-                    <h1><a class="logo" href="../index.html">Sharland's</a></h1>
+                    <h2><a class="logo" href="../index.html">Sharland's</a></h2>
                 </div>
                 <!-- links -->
                 <div class="links-wrapper">
@@ -66,7 +66,7 @@ <h1><a class="logo" href="../index.html">Sharland's</a></h1>
         </header>
         <main>
             <!-- banner -->
-            <img width="1939" height="1920" draggable="false" class="banner" src="../assets/about/top_banner.webp" alt="">
+            <img fetchpriority="high" width="1939" height="1920" draggable="false" class="banner" src="../assets/about/top_banner.webp" alt="flower banner">
             <!-- profile image & border -->
             <div class="img-wrapper">
                 <img width="600" height="600" draggable="false" src="../assets/about/about.webp" alt="wedding couple">
diff --git a/pages/contact.html b/pages/contact.html
@@ -29,7 +29,7 @@
                 <!-- logo -->
                 <div class="logo">
                     <img draggable="false" src="../assets/logo/logo.svg" alt="logo">
-                    <h1><a class="logo" href="../index.html">Sharland's</a></h1>
+                    <h2><a class="logo" href="../index.html">Sharland's</a></h2>
                 </div>
                 <!-- links -->
                 <div class="links-wrapper">
@@ -74,18 +74,22 @@ <h1>Have a question about your perfect day?</h1>
                     <p>Don't hesitate to get in touch, our team is always happy to help</p>
                 </div>
                 <div class="contact-form">
-                    <div class="left"></div>
+                    <div class="left">
+                        <img fetchpriority="high" width="2560" height="1440" draggable="false" src="../assets/contact/contact_form.webp" alt="bridal registry">
+                    </div>
                     <div class="right">
                         <div class="contact">
                             <img draggable="false" src="../assets/contact/wedding_rings.svg" alt="">
                             <h2>get in touch</h2>
                             <img draggable="false" src="../assets/contact/wedding_rings.svg" alt="">
                         </div>
-                        <input class="input" type="text" placeholder="Name:">
-                        <input class="input" type="email" placeholder="Email:">
-                        <input class="input" type="text" placeholder="Number:">
-                        <textarea class="input" placeholder="Insert your message here:" maxlength="500"></textarea>
-                        <button>submit</button>
+                        <form>
+                            <input name="name" class="input" type="text" placeholder="Name:" autocomplete="off">
+                            <input name="email" class="input" type="email" placeholder="Email:" autocomplete="off">
+                            <input name="phone number" class="input" type="text" placeholder="Number:" autocomplete="off">
+                            <textarea name="insert your message" class="input" placeholder="Insert your message here:" maxlength="500"></textarea>
+                            <button>submit</button>
+                        </form>
                     </div>
                 </div>
             </div>
diff --git a/pages/dining.html b/pages/dining.html
@@ -29,7 +29,7 @@
             <!-- logo -->
             <div class="logo">
                 <img draggable="false" src="../assets/logo/logo.svg" alt="logo">
-                <h1><a class="logo" href="../index.html">Sharland's</a></h1>
+                <h2><a class="logo" href="../index.html">Sharland's</a></h2>
             </div>
             <!-- links -->
             <div class="links-wrapper">
@@ -74,7 +74,7 @@ <h1>Dining Experience</h1>
                     <p>Browse our expansive menus, and enjoy top quality food and drink</p>
                 </div>
                 <div class="img-container">
-                    <img width="2560" height="1440" draggable="false" src="../assets/dining/standard.webp" alt="stir fry">
+                    <img fetchpriority="high" width="2560" height="1440" draggable="false" src="../assets/dining/standard.webp" alt="stir fry">
                     <div class="title">
                         <a href="./menu_standard_package.html"><h2>standard package</h2></a>
                     </div>
diff --git a/pages/events_birthdays.html b/pages/events_birthdays.html
@@ -29,7 +29,7 @@
                 <!-- logo -->
                 <div class="logo">
                     <img draggable="false" src="../assets/logo/logo.svg" alt="logo">
-                    <h1><a class="logo" href="../index.html">Sharland's</a></h1>
+                    <h2><a class="logo" href="../index.html">Sharland's</a></h2>
                 </div>
                 <!-- links -->
                 <div class="links-wrapper">
@@ -78,7 +78,7 @@ <h1>birthday events</h1>
                 <div class="grid-container">
                     <!-- birthday cake -->
                     <div class="left img-left">
-                        <img width="2560" height="1440" draggable="false" src="../assets/events/birthdays/cake.webp" alt="birthday cake">
+                        <img fetchpriority="high" width="2560" height="1440" draggable="false" src="../assets/events/birthdays/cake.webp" alt="birthday cake">
                     </div>
                     <div class="right content-one">
                         <h2>birthday cake</h2>
diff --git a/pages/events_business.html b/pages/events_business.html
@@ -29,7 +29,7 @@
                 <!-- logo -->
                 <div class="logo">
                     <img draggable="false" src="../assets/logo/logo.svg" alt="logo">
-                    <h1><a class="logo" href="../index.html">Sharland's</a></h1>
+                    <h2><a class="logo" href="../index.html">Sharland's</a></h2>
                 </div>
                 <!-- links -->
                 <div class="links-wrapper">
@@ -78,7 +78,7 @@ <h1>business events</h1>
                 <div class="grid-container">
                     <!-- conference rooms -->
                     <div class="left img-one">
-                        <img width="2560" height="1440" draggable="false" src="../assets/events/business/conference_room.webp" alt="conference room">
+                        <img fetchpriority="high" width="2560" height="1440" draggable="false" src="../assets/events/business/conference_room.webp" alt="conference room">
                     </div>
                     <div class="right content-one">
                         <h2>conference rooms</h2>
diff --git a/pages/events_christmas.html b/pages/events_christmas.html
@@ -29,7 +29,7 @@
                 <!-- logo -->
                 <div class="logo">
                     <img draggable="false" src="../assets/logo/logo.svg" alt="logo">
-                    <h1><a class="logo" href="../index.html">Sharland's</a></h1>
+                    <h2><a class="logo" href="../index.html">Sharland's</a></h2>
                 </div>
                 <!-- links -->
                 <div class="links-wrapper">
@@ -78,7 +78,7 @@ <h1>christmas events</h1>
                 <div class="grid-container">
                     <!-- christmas dinner -->
                     <div class="left img-one">
-                        <img width="2560" height="1440" draggable="false" src="../assets/events/christmas/dinner.webp" alt="christmas dinner">
+                        <img fetchpriority="high" width="2560" height="1440" draggable="false" src="../assets/events/christmas/dinner.webp" alt="christmas dinner">
                     </div>
                     <div class="right content-one">
                         <h2>christmas dinner</h2>
diff --git a/pages/gallery.html b/pages/gallery.html
@@ -30,7 +30,7 @@
                 <!-- logo -->
                 <div class="logo">
                     <img draggable="false" src="../assets/logo/logo.svg" alt="logo">
-                    <h1><a class="logo" href="../index.html">Sharland's</a></h1>
+                    <h2><a class="logo" href="../index.html">Sharland's</a></h2>
                 </div>
                 <!-- links -->
                 <div class="links-wrapper">
@@ -75,7 +75,7 @@ <h1>Wedding Gallery</h1>
                     <p>Browse through our portfolio of images taken at our wedding venues</p>
                 </div>
 
-                <img draggable="false" width="2560" height="1440" src="../assets/gallery/gallery_1.webp" alt="couple stood up">
+                <img fetchpriority="high" draggable="false" width="2560" height="1440" src="../assets/gallery/gallery_1.webp" alt="couple stood up">
                 <img draggable="false" width="2560" height="1440" src="../assets/gallery/gallery_2.webp" alt="couple sat down">
                 <img draggable="false" width="2560" height="1440" src="../assets/gallery/gallery_3.webp" alt="couple confetti">
                 <img draggable="false" width="2560" height="1440" src="../assets/gallery/gallery_4.webp" alt="couple camper van">
diff --git a/pages/menu_appetizers.html b/pages/menu_appetizers.html
@@ -29,7 +29,7 @@
                 <!-- logo -->
                 <div class="logo">
                     <img draggable="false" src="../assets/logo/logo.svg" alt="logo">
-                    <h1><a class="logo" href="../index.html">Sharland's</a></h1>
+                    <h2><a class="logo" href="../index.html">Sharland's</a></h2>
                 </div>
                 <!-- links -->
                 <div class="links-wrapper">
@@ -67,7 +67,7 @@ <h1><a class="logo" href="../index.html">Sharland's</a></h1>
         <main>
             <!-- banner -->
             <div class="img-container">
-                <img width="2560" height="600" draggable="false" src="../assets/menu/banners/appetizers.webp" alt="assortment of appetizers">
+                <img fetchpriority="high" width="2560" height="600" draggable="false" src="../assets/menu/banners/appetizers.webp" alt="assortment of appetizers">
                 <div class="banner-title">
                     <h1>appetizers</h1>
                     <p>Take a bite out of our delicious starters</p>
diff --git a/pages/menu_beverages.html b/pages/menu_beverages.html
@@ -29,7 +29,7 @@
                 <!-- logo -->
                 <div class="logo">
                     <img draggable="false" src="../assets/logo/logo.svg" alt="logo">
-                    <h1><a class="logo" href="../index.html">Sharland's</a></h1>
+                    <h2><a class="logo" href="../index.html">Sharland's</a></h2>
                 </div>
                 <!-- links -->
                 <div class="links-wrapper">
@@ -67,7 +67,7 @@ <h1><a class="logo" href="../index.html">Sharland's</a></h1>
         <main>
             <!-- banner -->
             <div class="img-container">
-                <img width="2560" height="600" draggable="false" src="../assets/menu/banners/drinks.webp" alt="lemongrass cocktail">
+                <img fetchpriority="high" width="2560" height="600" draggable="false" src="../assets/menu/banners/drinks.webp" alt="lemongrass cocktail">
                 <div class="banner-title">
                     <h1>beverages</h1>
                     <p>Indulge yourself with the finest quality drinks</p>
diff --git a/pages/menu_deluxe_package.html b/pages/menu_deluxe_package.html
@@ -29,7 +29,7 @@
                 <!-- logo -->
                 <div class="logo">
                     <img draggable="false" src="../assets/logo/logo.svg" alt="logo">
-                    <h1><a class="logo" href="../index.html">Sharland's</a></h1>
+                    <h2><a class="logo" href="../index.html">Sharland's</a></h2>
                 </div>
                 <!-- links -->
                 <div class="links-wrapper">
@@ -67,7 +67,7 @@ <h1><a class="logo" href="../index.html">Sharland's</a></h1>
         <main>
             <!-- banner -->
             <div class="img-container">
-                <img width="2560" height="600" draggable="false" src="../assets/menu/banners/deluxe.webp" alt="food platter">
+                <img fetchpriority="high" width="2560" height="600" draggable="false" src="../assets/menu/banners/deluxe.webp" alt="food platter">
                 <div class="banner-title">
                     <h1>deluxe package</h1>
                     <p>Where incredible flavours meet delicous food</p>
diff --git a/pages/menu_desserts.html b/pages/menu_desserts.html
@@ -29,7 +29,7 @@
                 <!-- logo -->
                 <div class="logo">
                     <img draggable="false" src="../assets/logo/logo.svg" alt="logo">
-                    <h1><a class="logo" href="../index.html">Sharland's</a></h1>
+                    <h2><a class="logo" href="../index.html">Sharland's</a></h2>
                 </div>
                 <!-- links -->
                 <div class="links-wrapper">
@@ -67,7 +67,7 @@ <h1><a class="logo" href="../index.html">Sharland's</a></h1>
         <main>
             <!-- banner -->
             <div class="img-container">
-                <img width="2560" height="600" draggable="false" src="../assets/menu/banners/desserts.webp" alt="chocolate muffins">
+                <img fetchpriority="high" width="2560" height="600" draggable="false" src="../assets/menu/banners/desserts.webp" alt="chocolate muffins">
                 <div class="banner-title">
                     <h1>desserts</h1>
                     <p>Nothing's sweeter than our delicious treats</p>
diff --git a/pages/menu_pescatarian.html b/pages/menu_pescatarian.html
@@ -29,7 +29,7 @@
                 <!-- logo -->
                 <div class="logo">
                     <img draggable="false" src="../assets/logo/logo.svg" alt="logo">
-                    <h1><a class="logo" href="../index.html">Sharland's</a></h1>
+                    <h2><a class="logo" href="../index.html">Sharland's</a></h2>
                 </div>
                 <!-- links -->
                 <div class="links-wrapper">
@@ -67,7 +67,7 @@ <h1><a class="logo" href="../index.html">Sharland's</a></h1>
         <main>
             <!-- banner -->
             <div class="img-container">
-                <img width="2560" height="600" src="../assets/menu/banners/pescatarian.webp" alt="grilled salmon salad">
+                <img fetchpriority="high" width="2560" height="600" src="../assets/menu/banners/pescatarian.webp" alt="grilled salmon salad">
                 <div class="banner-title">
                     <h1>pescatarian</h1>
                     <p>Fresh from the ocean to your plate</p>
diff --git a/pages/menu_premium_package.html b/pages/menu_premium_package.html
diff --git a/pages/menu_standard_package.html b/pages/menu_standard_package.html
diff --git a/pages/menu_vegetarian.html b/pages/menu_vegetarian.html
diff --git a/pages/packages_gold.html b/pages/packages_gold.html
diff --git a/pages/packages_platinum.html b/pages/packages_platinum.html
diff --git a/pages/packages_silver.html b/pages/packages_silver.html
diff --git a/style.css b/style.css

Original file line number	Diff line number	Diff line change
`@@ -61,7 +61,7 @@ nav {`
`61`	`61`	`text-decoration: none;`
`62`	`62`	`z-index: 2;`
`63`	`63`	`}`
`64`		`-.logo h1 {`
	`64`	`+.logo h2 {`
`65`	`65`	`font-size: 1rem;`
`66`	`66`	`font-weight: 400;`
`67`	`67`	`margin-left: 1.5rem;`
`@@ -275,7 +275,7 @@ main {`
`275`	`275`	`max-width: 100%;`
`276`	`276`	`padding: 0 25px;`
`277`	`277`	`}`
`278`		`- .logo h1 {`
	`278`	`+ .logo h2 {`
`279`	`279`	`margin-left: 0;`
`280`	`280`	`}`
`281`	`281`	`.logo img {`
Original file line number	Diff line number	Diff line change
`@@ -67,7 +67,7 @@ nav {`
`67`	`67`	`text-decoration: none;`
`68`	`68`	`z-index: 2;`
`69`	`69`	`}`
`70`		`-.logo h1 {`
	`70`	`+.logo h2 {`
`71`	`71`	`font-size: 1rem;`
`72`	`72`	`font-weight: 400;`
`73`	`73`	`margin-left: 1.5rem;`
`@@ -377,7 +377,7 @@ nav {`
`377`	`377`	`max-width: 100%;`
`378`	`378`	`padding: 0 25px;`
`379`	`379`	`}`
`380`		`- .logo h1 {`
	`380`	`+ .logo h2 {`
`381`	`381`	`margin-left: 0;`
`382`	`382`	`}`
`383`	`383`	`.logo img {`
Original file line number	Diff line number	Diff line change
`@@ -60,7 +60,7 @@ nav {`
`60`	`60`	`text-decoration: none;`
`61`	`61`	`z-index: 2;`
`62`	`62`	`}`
`63`		`-.logo h1 {`
	`63`	`+.logo h2 {`
`64`	`64`	`font-size: 1rem;`
`65`	`65`	`font-weight: 400;`
`66`	`66`	`margin-left: 1.5rem;`
`@@ -292,7 +292,7 @@ nav {`
`292`	`292`	`max-width: 100%;`
`293`	`293`	`padding: 0 25px;`
`294`	`294`	`}`
`295`		`- .logo h1 {`
	`295`	`+ .logo h2 {`
`296`	`296`	`margin-left: 0;`
`297`	`297`	`}`
`298`	`298`	`.logo img {`
Original file line number	Diff line number	Diff line change
`@@ -69,7 +69,7 @@ nav {`
`69`	`69`	`text-decoration: none;`
`70`	`70`	`z-index: 2;`
`71`	`71`	`}`
`72`		`-.logo h1 {`
	`72`	`+.logo h2 {`
`73`	`73`	`font-size: 1rem;`
`74`	`74`	`font-weight: 400;`
`75`	`75`	`margin-left: 1.5rem;`
`@@ -467,7 +467,7 @@ nav {`
`467`	`467`	`max-width: 100%;`
`468`	`468`	`padding: 0 25px;`
`469`	`469`	`}`
`470`		`- .logo h1 {`
	`470`	`+ .logo h2 {`
`471`	`471`	`margin-left: 0;`
`472`	`472`	`}`
`473`	`473`	`.logo img {`
Original file line number	Diff line number	Diff line change
`@@ -70,7 +70,7 @@ nav {`
`70`	`70`	`text-decoration: none;`
`71`	`71`	`z-index: 2;`
`72`	`72`	`}`
`73`		`-.logo h1 {`
	`73`	`+.logo h2 {`
`74`	`74`	`font-size: 1rem;`
`75`	`75`	`font-weight: 400;`
`76`	`76`	`margin-left: 1.5rem;`
`@@ -468,7 +468,7 @@ nav {`
`468`	`468`	`max-width: 100%;`
`469`	`469`	`padding: 0 25px;`
`470`	`470`	`}`
`471`		`- .logo h1 {`
	`471`	`+ .logo h2 {`
`472`	`472`	`margin-left: 0;`
`473`	`473`	`}`
`474`	`474`	`.logo img {`