webblocks-2022/src/blocks/KieronCoombs/index.html at af05789825cc3586e6d81feccf4c578135ed84e8 · zero-to-mastery/webblocks-2022 · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Animated Buttons</title>
</head>
<body>
    <header>
        <h1>My Button Animation Page</h1>
        <p>Just a text making some button animations. hope you guys enjoy them :) </p>
    </header>

    <div class="container">
        <div class="block first">Animation 1</div>
        <div class="block second"><span>Animation 2</span></div>
        <div class="block third"><span>Animation 3</span></div>
        <div class="block forth"><span>Animation 4</span></div>
        <div class="block fith"id="box5"><span>Animation 5</span><br><span id="span"></span></div>
        <div class="block sixth">Animation 6</div>
        <div class="block seventh">Animation 7</div>
    </div>
    <script src="script.js"></script>
</body>
</html>