diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 89 |
1 files changed, 38 insertions, 51 deletions
@@ -38,21 +38,33 @@ <main> <div class="wrapper"> <div> - <div class="left-section"> - <h2>Section title</h2> - <p> - Welcome to my gallery of creativity. Here you'll find a collection of my latest works, from paintings to pottery, all lovingly crafted by hand. - </p> + <div class="right-section"> + <h2>Paper based resources</h2> + <hr class="divider"> + <div class="left-section-grid"> + <div> + <img src="img/alphabet_cards_sq.jpg" alt=""/> + </div> + <div> + <p> + I design quality, clear educational resources which can be downloaded + from my <a href="#" target="_blank">TES shop</a> for free. + </p> + <p> + More explanatory text here... + </p> + </div> + </div> </div> - <div class="left-section"> - <h2>Section 2 title</h2> - <p> - Welcome to my gallery of creativity. Here you'll find a collection of my latest works, from paintings to pottery, all lovingly crafted by hand. - </p> + <div class="right-section"> + <h2>Hand sewn resources</h2> + <div> + <img src="img/alphabet_sq.jpg" alt="Alphabet square"/> + </div> </div> - <div class="left-section"> + <div class="right-section"> <h2>Section 2 title</h2> <p> Welcome to my gallery of creativity. Here you'll find a collection of my latest works, from paintings to pottery, all lovingly crafted by hand. @@ -60,48 +72,23 @@ </div> </div> - <div class="child"> - <p>For information: please contact <a href="#">joanna@joannalemon.com</a></p> - <div class="jumplist"> - <div align="center"><a href="#">Etsy</a></div> - <div align="center"><a href="#">Blog</a></div> - <div align="center"><a href="#">Another place</a></div> - </div> - </div> - <div class="child"> - <p></p> - </div> - <div class="child"> - <p>Here is the left bit of content.</p> - <div class="objectpic"> - <img src="img/tk.jpg" class="objectpic" alt=""/> - </div> - <div class="objectpic"> - <img src="img/tk.jpg" class="objectpic" alt=""/> - </div> - <div class="objectpic"> - <img src="img/tk.jpg" class="objectpic" alt=""/> - </div> - </div> - <div class="child"> - <p>Here is the middle bit of content.</p> - <div class="inner"> - <div class="objectpic"> - <img src="img/wp.jpg" alt=""/> - </div> - <div class="objectpic"> - <img src="img/wp.jpg" alt=""/> - </div> + <div class="right-section"> + <h2>Reviews</h2> + <hr class="divider"> + <div> + <p> + <q>Joanna is a talented resource maker!</q> + <p>- Amanda Bobbinson</p> + + <hr class="divider"> + <p> + <q>Joanna is a REALLY talented resource maker!</q> + <p>- Teresa McEwan</p> + </p> + + </p> </div> </div> - <div class="child"> - <p>Other things are available</p> - <ul> - <li>This item</li> - <li>This item</li> - <li>This item</li> - </ul> - </div> </div> </main> </body> |