-
Notifications
You must be signed in to change notification settings - Fork 160
/
jsLab.html
36 lines (33 loc) · 1.21 KB
/
jsLab.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Lab</title>
<link href="jsLab.css" rel="stylesheet" type="text/css" />
<script defer src="jsLab.js"></script>
</head>
<body>
<div class="container">
<div class="square tile-1"></div>
<div class="square tile-2">
<button class="tile-2-button">Click Me</button>
</div>
<div class="square tile-3"> <img
src="https://media0.giphy.com/media/8dSd4dEuDMn6KO3HDS/giphy.gif?cid=ecf05e47ygi1p7vs9z25o3sov16h4z2dyd7y1d39ymdlogtk&rid=giphy.gif&ct=s">
</div>
<div class="square"> <img class="tile-4" src="https://www.lakelandgov.net/umbraco/nothing.jpg"> </div>
<div class="square tile-5">This should be large font.</div>
<div class="square tile-6"></div>
<div class="square tile-7"></div>
<div class="square"><img class="tile-8"
src="https://media4.giphy.com/media/Y08DUvVk925MWPVerL/giphy.gif?cid=ecf05e47uaqvpv7ye516cs2nxlxpkcr6rjh2h8cn6eus15wy&rid=giphy.gif&ct=s">
</div>
<div class="square">
<button class="random-button">Show random number!</button>
<div class="tile-9">
</div>
</div>
</div>
</body>
</html>