new font for endorsements

4 files changed, 16 insertions, 9 deletions

diff --git a/LibreFranklin-Italic.ttf b/LibreFranklin-Italic.ttf
new file mode 100644
index 0000000..e0b3c80
--- /dev/null
+++ b/LibreFranklin-Italic.ttf
diff --git a/LibreFranklin-LightItalic.ttf b/LibreFranklin-LightItalic.ttf
new file mode 100644
index 0000000..4f19137
--- /dev/null
+++ b/LibreFranklin-LightItalic.ttf
diff --git a/index.html b/index.html
index 79ad687..d1e4b74 100644
--- a/index.html
+++ b/index.html
@@ -60,13 +60,10 @@
                             <img class="inner_grid_2-img"  src="img/AnteaterantsAa.jpg" alt="A collaged picture of an anteater and three tiny ants on a light blue background."/>
                         </div>
                         <div>
-                            <img class="inner_grid_2-img"  src="img/BeeblossomBb.jpg" alt="A collaged image of a bee hovering above some pink blossom on a purple background."/>
-                        </div>
-                        <div>
                             <img class="inner_grid_2-img"  src="img/Butterfliesx5squarewhite.jpg" alt="A collaged image of five colourful butterflies on a white background."/>
                         </div>
                         <div>
-                            <img class="inner_grid_2-img"  src="img/BeeEaterblossombeestext.jpg" alt="A collaged image of a Bee Eater, with a bee and some flowers on a purple background."/>
+                            <img class="inner_grid_2-img"  src="img/BeeblossomBb.jpg" alt="A collaged image of a bee hovering above some pink blossom on a purple background."/>
                         </div>
                         <div>
                             <img class="inner_grid_2-img"  src="img/CrabclamsCc.jpg" alt="A collaged image of a crab with two small clams peering out of their shells on a yellow background."/>
@@ -158,7 +155,7 @@
                 </div>
 
                 <div class="cell">
-                    <h2>Customer reviews</h2>
+                    <h2>Endorsements</h2>
                     <div class="reviews_grid">
                         <div>
                             <img src="img/lion_decorations.jpg" alt="Photograph of three hand-made decorations presented in front of children's books written by author Helen Stephens."/>
@@ -167,7 +164,7 @@
                             <q>
                                 I am more than delighted with my hand sewn tree decorations. They are beautifully made, look gorgeous on the Christmas tree, and are much admired by my visitors at Christmas. They are real treasures, a family heirloom to be passed to my daughter when she has her own tree.
                             </q>
-                            <p>Helen Stephens, children's book author</p>
+                            <p>- Helen Stephens, children's book author and illustrator</p>
                         </div>
 
 
diff --git a/style.css b/style.css
index 9318f16..d0a27a9 100644
--- a/style.css
+++ b/style.css
@@ -14,6 +14,11 @@
 	src: url(LibreFranklin-VariableFont_wght.ttf);
 }
 
+@font-face {
+	font-family: 'Franklin-Italic';	
+	src: url(LibreFranklin-Italic.ttf);
+}
+
 body {
     background: rgb(224, 221, 217, 0.27);
 }
@@ -289,12 +294,17 @@ header {
 }
 
 .reviews_grid > div > q {
-    font-size: 1.2rem;
-    color: darkgray;
+    font-size: 1.3rem;
+    font-family: "Franklin-Italic";
+    line-height: 1.2em;
+    color: #4e8273;
     padding-right: 30px;
     padding-top: 20px;
     padding-bottom:100px
-    text-align: end;
+}
+
+.reviews_grid > div > p {
+    color: darkgray;
 }
 
 .footer {