summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMatthew Lemon <y@yulqen.org>2024-03-23 15:36:37 +0000
committerMatthew Lemon <y@yulqen.org>2024-03-23 15:36:37 +0000
commit7d71b0fec148d3262c6e77c2dd8604be7132d594 (patch)
treeebfba887334aec70f4a00a435b51ac54c7dcd070
parent1803b7af89735317d96dd4fd9f78041875d2889b (diff)
added some endoresements
-rw-r--r--img/alphabet_erica.jpgbin0 -> 70109 bytes
-rw-r--r--img/alphabet_erica_hanging.jpgbin0 -> 34654 bytes
-rw-r--r--img/alphabet_tunde.jpgbin0 -> 68365 bytes
-rw-r--r--index.html60
-rw-r--r--style.css13
5 files changed, 61 insertions, 12 deletions
diff --git a/img/alphabet_erica.jpg b/img/alphabet_erica.jpg
new file mode 100644
index 0000000..0aa78c9
--- /dev/null
+++ b/img/alphabet_erica.jpg
Binary files differ
diff --git a/img/alphabet_erica_hanging.jpg b/img/alphabet_erica_hanging.jpg
new file mode 100644
index 0000000..1fbe851
--- /dev/null
+++ b/img/alphabet_erica_hanging.jpg
Binary files differ
diff --git a/img/alphabet_tunde.jpg b/img/alphabet_tunde.jpg
new file mode 100644
index 0000000..62a67e7
--- /dev/null
+++ b/img/alphabet_tunde.jpg
Binary files differ
diff --git a/index.html b/index.html
index d1e4b74..e92dec4 100644
--- a/index.html
+++ b/index.html
@@ -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>
diff --git a/style.css b/style.css
index d0a27a9..fb3138a 100644
--- a/style.css
+++ b/style.css
@@ -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 {