path: root/index.html



<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width" />
        <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8">
        <title>Joanna Lemon Learning - creating colourful and clear educational resources</title>
    </head>
    <body>
        <header>
            <div class="inner-header">
                <div>
                </div>
                <div class="info">
                    <h1>Joanna Lemon Learning</h1>
                    <p>
                    Experienced primary school teacher, dedicated to creating colourful and
                    clear educational learning resources.
                    </p>
                </div>
                <div>
                </div>

                <div>
                </div>
                <div class="info">
                    <p>For information: please contact <a href="mailto:joanna@joannalemon.com">joanna@joannalemon.com</a></p>
                    <div class="jumplist">
                        <div align="center"><a href="https://www.tes.com/teaching-resources/shop/joannalemon" target="_blank">TES Shop</a></div>
                        <div align="center"><a href="https://joannalemon.etsy.com/" target="_blank">Etsy</a></div>
                        <div align="center"><a href="https://blog.joannalemon.com" target="_blank">Blog</a></div>
                    </div>
                </div>
                <div>
                </div>

            </div>
        </header>
        <main>
            <div class="container">

                <div class="cell">
                    <h2>Collaged resources</h2>
                    <div class="inner-grid_1">
                        <div>
                            <img class="inner_grid_2-img"  src="img/Springthings.jpg" alt=""/>
                        </div>
                        <div>
                            <p>
                            I adore collage, especially using tissue paper and glue, rubber alphabet stamps,
                            marker pens and pencil crayons.

                            For more details of current projects, the processes involved
                            and items that will soon to be made available, please visit <a href="https://blog.joannalemon.com" target="_blank">my blog</a>.
                            </p>
                        </div>
                    </div>
                    <div class="inner-grid_2">
                        <div>
                            <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/Butterfliesx5squarewhite.jpg" alt="A collaged image of five colourful butterflies on a white 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/CrabclamsCc.jpg" alt="A collaged image of a crab with two small clams peering out of their shells on a yellow background."/>
                        </div>
                        <div>
                            <img class="inner_grid_2-img"  src="img/DalmationdogdragonflyDd.jpg" alt="A collaged image of a Dalmation dog and a dragonfly on a red background."/>
                        </div>
                        <div>
                            <img class="inner_grid_2-img"  src="img/ElephantEe.jpg" alt="A collaged image of an elephant on a purple background."/>
                        </div>
                        <div>
                            <img class="inner_grid_2-img"  src="img/Flamingofish.jpg" alt="A collaged image of a pink flamingo stepping in a pond with a tiny fish in the water on a blue background "/>
                        </div>
                        <div>
                            <img class="inner_grid_2-img"  src="img/GeesegoslingsGg.jpg" alt="A collaged image of a goose and three goslings on a green background."/>
                        </div>
                        <div>
                            <img class="inner_grid_2-img"  src="img/Hoverflydandelion.jpg" alt="A collaged image of a hoverfly and a dandelion on a white background."/>
                        </div>
                        <div>
                            <img class="inner_grid_2-img"  src="img/KangarookoalaKk.jpg" alt="A collaged image of a kangaroo with a koala bear on its back on a dark purple background."/>
                        </div>
                        <div>
                            <img class="inner_grid_2-img"  src="img/LadybirdleafLl.jpg" alt="A collaged image of a ladybird on a leaf on a light bnlue background."/>
                        </div>
                        <div>
                            <img  class="inner_grid_2-img" src="img/RhinoRockHyraxRr.jpg" alt="A collaged image of a rhino with Hyrax on its back on a dark blue background."/>
                        </div>
                        <div>
                            <img class="inner_grid_2-img"  src="img/SnowleopardssnowSs.jpg" alt="A collaged image of two snow leopards on snowy rocks on a dark blue background."/>
                        </div>
                        <div>
                            <img class="inner_grid_2-img"  src="img/TigerTocotoucanTt.jpg" alt="A collaged image of a prowling tiger with a toucan on its back on a purple background."/>
                        </div>
                        <div>
                            <img class="inner_grid_2-img"  src="img/VulturevoleVv.jpg" alt="A collaged image of a vulture flying above a tiny vole on a light blue background."/>
                        </div>
                        <div>
                            <img class="inner_grid_2-img"  src="img/WhaleWw.jpg" alt="A collaged image of a whale on a dark pink background."/>
                        </div>
                        <div>
                            <img class="inner_grid_2-img"  src="img/YakyellowYy.jpg" alt="A collaged image of a yak on a yellow background."/>
                        </div>
                        <div>
                            <img class="inner_grid_2-img"  src="img/ZebraZz.jpg" alt="A collaged image of a zebra on a red background."/>
                        </div>
                    </div>
                </div>

                <div class="cell">
                    <h2>Paper based resources</h2>
                    <div class="inner-grid_1">
                        <div>
                            <img src="img/daffodil_counting_cards_blue.jpg" alt=""/>
                        </div>
                        <div>
                            <p>
                            I design and make quality, clear educational resources which can be downloaded
                            from my <a href="https://www.tes.com/teaching-resources/shop/joannalemon" target="_blank">TES shop</a> for free.
                            </p>
                        </div>
                    </div>
                </div>
                
                <div class="cell">
                    <h2>Hand sewn resources</h2>
                    <div class="inner-grid_1">
                        <div>
                            <img src="img/TVHC Resources.jpg" alt=""/>
                        </div>
                        <div>
                            <p id="sewing-blurb">
                            I was a stay-at-home Mum and Ofsted-registered child-minder who needed resources, so I made my own! Once I started 
                            sewing, I couldn't stop and so I opened my <a href="https://joannalemon.etsy.com/" target="_blank">Etsy shop</a>... Every piece is unique and I'm designing new pieces all the time!
                            </p>
                        </div>
                    </div>
                    <div class="inner-grid_2">
                        <div>
                            <img class="inner_grid_2-img"  src="img/butterfly wing.jpg" alt=""/>
                        </div>
                        <div>
                            <img class="inner_grid_2-img"  src="img/Alphabets for review.JPG" alt=""/>
                        </div>
                        <div>
                            <img class="inner_grid_2-img"  src="img/Caterpillar puppet.JPG" alt=""/>
                        </div>
                    </div>
                </div>

                <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 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 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/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>
                            <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 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">
                    <p>© 2024 Joanna Lemon. All rights reserved.</p>
                    <p>Site design by <a href="https://twentyfoursoftware.co.uk" target="_blank">Twenty Four Software</a></p> 
                </div>

                </div>
            </div>
        </main>
    </body>
</html>