alphabetical pictures [template]
Search This Blog
picture catalogue [template]
picture catalogue [template]
<html>
<title>opposites</title>
<style>
.button {
padding: 1px 1px;
font-size: 14px;
text-align: center;
cursor: pointer;
outline: none;
color: black;
background-color: turquoise;
border: 1px solid black;
border-radius: 10px;
}
.button:hover {background-color: }
.button:active {
background-color: ;
box-shadow: 0 5px ;
transform: translateY(4px);
}
img {border-radius:15px;}
</style>
<body>
<button class="button">1<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">2<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">3<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">4<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">5<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">6<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">7<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">8<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">9<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">10<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">1<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">2<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">3<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">4<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">5<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">6<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">7<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">8<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">9<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">10<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">1<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">2<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">3<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">4<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">5<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">6<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">7<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">8<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">9<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">10<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">1<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">2<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">3<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">4<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">5<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">6<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">7<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">8<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">9<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">10<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">1<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">2<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">3<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">4<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">5<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">6<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">7<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">8<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">9<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">10<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">1<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">2<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">3<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">4<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">5<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">6<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">7<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">8<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">9<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">10<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">1<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">2<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">3<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">4<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">5<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">6<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">7<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">8<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">9<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">10<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">1<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">2<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">3<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">4<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">5<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">6<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">7<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">8<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">9<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">10<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">1<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">2<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">3<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">4<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">5<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">6<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">7<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">8<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">9<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">10<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">1<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">2<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">3<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">4<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">5<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">6<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">7<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">8<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">9<br />
<textarea cols="25" rows="13">
</textarea>
</button>
<button class="button">10<br />
<textarea cols="25" rows="13">
</textarea>
</button>
</body>
</html>