diff options
author | Matthew Lemon <y@yulqen.org> | 2024-03-23 15:36:37 +0000 |
---|---|---|
committer | Matthew Lemon <y@yulqen.org> | 2024-03-23 15:36:37 +0000 |
commit | 7d71b0fec148d3262c6e77c2dd8604be7132d594 (patch) | |
tree | ebfba887334aec70f4a00a435b51ac54c7dcd070 | |
parent | 1803b7af89735317d96dd4fd9f78041875d2889b (diff) |
added some endoresements
-rw-r--r-- | img/alphabet_erica.jpg | bin | 0 -> 70109 bytes | |||
-rw-r--r-- | img/alphabet_erica_hanging.jpg | bin | 0 -> 34654 bytes | |||
-rw-r--r-- | img/alphabet_tunde.jpg | bin | 0 -> 68365 bytes | |||
-rw-r--r-- | index.html | 60 | ||||
-rw-r--r-- | style.css | 13 |
5 files changed, 61 insertions, 12 deletions
diff --git a/img/alphabet_erica.jpg b/img/alphabet_erica.jpg Binary files differnew file mode 100644 index 0000000..0aa78c9 --- /dev/null +++ b/img/alphabet_erica.jpg diff --git a/img/alphabet_erica_hanging.jpg b/img/alphabet_erica_hanging.jpg Binary files differnew file mode 100644 index 0000000..1fbe851 --- /dev/null +++ b/img/alphabet_erica_hanging.jpg diff --git a/img/alphabet_tunde.jpg b/img/alphabet_tunde.jpg Binary files differnew file mode 100644 index 0000000..62a67e7 --- /dev/null +++ b/img/alphabet_tunde.jpg @@ -157,28 +157,71 @@ <div class="cell"> <h2>Endorsements</h2> <div class="reviews_grid"> + + <!-- Review quote --> <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."/> </div> - <div> - <q> + <div class="reviews_quote_container"> + <q class="reviews_quote"> 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 and illustrator</p> + <p class="reviews_grid_annotation">- Helen Stephens, children's book author and illustrator</p> </div> + <!-- End Review quote --> - + <!-- Review quote --> + <div class="reviews_quote_container"> + <q class="reviews_quote"> + I ordered this alphabet for my daughter who loves it so much she cheers whenever she sees it :) It is beautifully hand embroidered to the highest standard, a piece of art! We will treasure it for generations. I wish I could give 100 stars! + </q> + <p class="reviews_grid_annotation"> + - Tunde (5 out of 5 stars on Etsy) + </p> + </div> <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."/> + <img src="img/alphabet_tunde.jpg" alt="Photograph of a hand-sewn alphabet - each letter of is decorated with a different object representing the letter."/> </div> + <!-- End Review quote --> + + <!-- Review quote - Amy --> <div> - <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. + <img src="img/Alphabets for review.JPG" alt="Photograph of a hand-sewn alphabet - each letter of is decorated with a different object representing the letter."/> + </div> + <div class="reviews_quote_container"> + <q class="reviews_quote"> + Watching and following the progress of this banner from day one was wonderful. The talent and hours that have gone into this are second to none- such a beautiful piece. I'm currently redecorating my kiddos bedroom and then this will hang proudly above their beds 😍 My favourite letter is Q for Queen... The detail is incredible. This banner is my favourite hand crafted product that I've ever bought. </q> - <p></p> + <p class="reviews_grid_annotation"> + - Amy (5 out of 5 stars on Etsy) + </p> </div> + <!-- End Review quote --> + + + + <!-- Review quote --> + <div> + <img src="img/alphabet_erica_hanging.jpg" alt="Photograph of a hand-sewn alphabet hanging on a wall in a bedroom."/> + </div> + <div style="border: red;"> + <img style="margin-top: 100px; width: auto;" src="img/alphabet_erica.jpg" alt="Photograph of a hand-sewn alphabet - each letter of is decorated with a different object representing the letter."/> + </div> + <!-- End Review quote --> </div> + + <!-- Review quote outside of grid --> + <div class="reviews_quote_container"> + <q class="reviews_quote"> + I coveted this item from the first time I saw one of the letters posted on Instagram during its creation. Loved watching the creative process as each of the perfectly crafted letters was unveiled - the level of detail and precision in the work is exceptional. If possible, the reality when I was lucky enough to purchase this work was better than my expectations. The level of workmanship blew me away - this piece was obviously made with a huge amount of love and know we feel the same about the finished work which will be treasured here. The vibrant colour palette is just perfect, exactly my cup of tea and coordinates perfectly with my twins rainbow themed bedroom, and beautifully crafted felt pictures on the letters provide a great talking point. Great communication and speedy delivery. Thank you Joanna, simply perfect. + </q> + <p class="reviews_grid_annotation"> + - Erica (5 out of 5 stars on Etsy) + </p> + </div> + <!-- End Review quote --> + </div> <div class="footer"> @@ -187,7 +230,6 @@ </div> </div> - </div> </main> </body> @@ -281,7 +281,7 @@ header { .reviews_grid { display: grid; grid-template-columns: repeat(2, 1fr); - gap: 20px; + gap: 50px; margin: 22px 10px 10px 0px; } @@ -293,18 +293,25 @@ header { height: auto; } -.reviews_grid > div > q { +.reviews_quote { font-size: 1.3rem; font-family: "Franklin-Italic"; line-height: 1.2em; color: #4e8273; + margin-left: 2rem; padding-right: 30px; padding-top: 20px; padding-bottom:100px } -.reviews_grid > div > p { +/* this means a p subling to reviews_quote */ +.reviews_quote ~ p { color: darkgray; + padding: 10px 0px; +} + +.reviews_quote_container { + margin-top: 30px; } .footer { |