ChromeOS-Moqup/index.html at main · adarshrkumar/ChromeOS-Moqup · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Chrome OS</title>
        <link rel="stylesheet" href="style.css" />
    </head>
    <body>
        <main class="computer">
            <section class="views">
                <iframe id="dock" style="visibility: hidden;" class="view" src=""></iframe>
                <iframe id="browser" class="view" src="https://browser.adarshrkumar.dev"></iframe>
                <iframe id="mail" class="view" src="https://mail.google.com"></iframe>
                <iframe id="drive" class="view" src="https://drive.google.com"></iframe>
                <iframe id="docs" class="view" src="https://docs.google.com"></iframe>
                <iframe id="sheets" class="view" src="https://sheets.google.com"></iframe>
                <iframe id="slides" class="view" src="https://slides.google.com"></iframe>
                <iframe id="forms" class="view" src="https://forms.google.com"></iframe>
                <iframe id="sites" class="view" src="https://sites.google.com"></iframe>
                <iframe id="keep" class="view" src="https://keep.google.com"></iframe>
                <label class="background-block" for="launchpad"></label>
            </section>
            <section class="dock">
                <img class="dock-img" src="imgs/dock.png" alt="The Dock">
            </section>
            <input type="checkbox" id="launchpad" class="action-btn">
        </main>
        <script src="script.js"></script>
    </body>
</html>