Javascript30/index.html at master · MeghaY/Javascript30 · 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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="Megha Desai">
    <title>Javascript30 Challenges by Megha Desai</title>
    <link rel="stylesheet" href="main.css">
</head>
<body>
<header>
    <h1>Javascript 30 fun exercises</h1>
</header>
<div class="projects">
    <div class="project">
        <a href="Drum-kit/drum-kit.html" rel="nofollow" target="_blank">
            <img src="Drum-kit/music.jpg" alt="Drum Kit">
            <h3>Javascript Drum Kit</h3>
        </a>
    </div>
    <div class="project">
        <a href="CSS-Clock/css-clock.html" rel="nofollow" target="_blank">
            <img src="CSS-Clock/Css-clock.jpeg" alt="Clock">
            <h3>CSS Clock</h3>
        </a>
    </div>
    <div class="project">
        <a href="CSS-Variables-and-JS/css_variables.html" rel="nofollow" target="_blank">
            <img src="CSS-Variables-and-JS/Bali.jpg" alt="Bali">
            <h3>CSS Variables and JS</h3>
        </a>
    </div>
    <div class="project">
        <a href="Flex-Panel-Gallery/index.html" rel="nofollow" target="_blank">
            <img src="Flex-Panel-Gallery/thumbnail.jpeg" alt="Flex Gallery">
            <h3>Flex Panel Gallery</h3>
        </a>
    </div>
    <div class="project">
        <a href="Fun-With-Canvas/index.html" rel="nofollow" target="_blank">
            <img src="Fun-With-Canvas/thumbnail.jpeg" alt="Canvas Painting">
            <h3>Fun With Canvas Painting</h3>
        </a>
    </div>
    <div class="project">
        <a href="Type-ahead/index.html" rel="nofollow" target="_blank">
            <img src="Type-ahead/thumbnail.jpeg" alt="Type Ahead">
            <h3>Ajax Type Ahead</h3>
        </a>
    </div>
    <div class="project">
        <a href="Hold-Shift-Checkboxes/index.html" rel="nofollow" target="_blank">
            <img src="Hold-Shift-Checkboxes/thumbnail.jpeg" alt="Multiple Checkbox Selection">
            <h3>Hold Shift Checkbox Selection</h3>
        </a>
    </div>
</div>

<footer>
    <div class="note">Demo site by <a href="https://github.com/MeghaY">Megha Desai</a> on <a href="">Github</a></div>
</footer>

</body>
</html>