diff options
| author | Matthew Lemon <y@yulqen.org> | 2024-03-23 12:15:59 +0000 |
|---|---|---|
| committer | Matthew Lemon <y@yulqen.org> | 2024-03-23 12:15:59 +0000 |
| commit | ae107e00c3779aae4d6439b2f86ea0dcc8cd6fb9 (patch) | |
| tree | caed5b5b036f15e3eee4390d5213641b33055d31 | |
| parent | f72b069f3810a86904b1e9b0edbe7f88ea34f8f8 (diff) | |
Adds alt tags, removes un-needed images and rearranges.
| -rw-r--r-- | index.html | 77 | ||||
| -rw-r--r-- | style.css | 2 |
2 files changed, 25 insertions, 54 deletions
@@ -4,7 +4,7 @@ <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>Jo signpost page</title> + <title>Joanna Lemon Learning - creating colourful and clear educational resources</title> </head> <body> <header> @@ -43,7 +43,7 @@ <h2>Collaged resources</h2> <div class="inner-grid_1"> <div> - <img src="img/RhinoRockHyraxRr.jpg" alt=""/> + <img class="inner_grid_2-img" src="img/Springthings.jpg" alt=""/> </div> <div> <p> @@ -57,76 +57,61 @@ </div> <div class="inner-grid_2"> <div> - <img class="inner_grid_2-img" src="img/VulturevoleVv.jpg" alt=""/> - </div> - <div> - <img class="inner_grid_2-img" src="img/ZebraZz.jpg" alt=""/> + <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=""/> + <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/BeeEaterblossombeestext.jpg" alt=""/> + <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/CrabclamsCc.jpg" alt=""/> + <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."/> </div> <div> - <img class="inner_grid_2-img" src="img/SnowleopardssnowSs.jpg" alt=""/> + <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/ElephantEe.jpg" alt=""/> + <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/Hoverflydandelion.jpg" alt=""/> + <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/KangarookoalaKk.jpg" alt=""/> + <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/LadybirdleafLl.jpg" alt=""/> + <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/AnteaterantsAa.jpg" alt=""/> + <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/BeeblossomBb.jpg" alt=""/> + <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/DalmationdogdragonflyDd.jpg" alt=""/> + <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/Flamingofish.jpg" alt=""/> + <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/Gardenbirdswhite.jpg" alt=""/> + <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/GeesegoslingsGg.jpg" alt=""/> + <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/PoemInmygarden.jpg" alt=""/> + <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/PoemSquirrel.jpg" alt=""/> + <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/Robincaterpillartext.jpg" alt=""/> + <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/Springthings.jpg" alt=""/> - </div> - <div> - <img class="inner_grid_2-img" src="img/TigerTocotoucanTt.jpg" alt=""/> - </div> - <div> - <img class="inner_grid_2-img" src="img/WhaleWw.jpg" alt=""/> - </div> - <div> - <img class="inner_grid_2-img" src="img/Woodpecker-4-768x1009.jpg" alt=""/> - </div> - <div> - <img class="inner_grid_2-img" src="img/YakyellowYy.jpg" alt=""/> + <img class="inner_grid_2-img" src="img/ZebraZz.jpg" alt="A collaged image of a zebra on a red background."/> </div> </div> </div> @@ -144,17 +129,6 @@ </p> </div> </div> - <div class="inner-grid_2"> - <div> - <img class="inner_grid_2-img" src="img/Springthings.jpg" alt=""/> - </div> - <div> - <img class="inner_grid_2-img" src="img/PoemSquirrel.jpg" alt=""/> - </div> - <div> - <img class="inner_grid_2-img" src="img/Gardenbirdswhite.jpg" alt=""/> - </div> - </div> </div> <div class="cell"> @@ -175,19 +149,16 @@ <img class="inner_grid_2-img" src="img/butterfly wing.jpg" alt=""/> </div> <div> - <img class="inner_grid_2-img" src="img/Caterpillar puppet.JPG" alt=""/> + <img class="inner_grid_2-img" src="img/Alphabets for review.JPG" alt=""/> </div> <div> - <img class="inner_grid_2-img" src="img/Alphabets for review.JPG" alt=""/> + <img class="inner_grid_2-img" src="img/Caterpillar puppet.JPG" alt=""/> </div> </div> </div> - - <div class="cell"> - <h2>Reviews</h2> - <hr class="divider"> + <h2>Customer reviews</h2> <div> <p> <q>Joanna is a talented resource maker!</q> @@ -134,7 +134,7 @@ img { font-size: 1.8rem; color: darkgray; padding-right: 100px; - padding-top: 60px; + padding-top: 20px; padding-bottom:100px text-align: right; } |