frontend-projects/project-18_toggle_dark_light_mode/index.html at main · Armanidrisi/frontend-projects · 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
<!doctype html>
<html>
    <head>
        <title>Dark & Light Mode</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta charset="utf-8" />
        <link rel="stylesheet" href="style.css" />
    </head>

    <body>
        <button id="mode-toggle">Toggle Mode</button>
        <div class="content">
            <div class="card">
                <div class="img">
                    <img
                        src="https://source.unsplash.com/random/250x250"
                        alt="image not found"
                    />
                </div>
                <p>
                    lorem ipsum dolor sit amet consectetur adipiscing elit
                    namaste namaste
                </p>
            </div>
        </div>
        <script src="script.js" type="text/javascript" charset="utf-8"></script>
    </body>
</html>