QR-Code-JS/index.html at main · petarchou/QR-Code-JS · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- displays site properly based on user's device -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Outfit:400,700&display=swap">
    <link rel="stylesheet" href="css/style.css">
    <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
    <title>Frontend Mentor | QR code component</title>


</head>
<body>

<main class="main-container">
    <div class="qr-code"><img src="images/image-qr-code_adobe_express.svg" alt="QR to www.frontmentor.io" width="320px" height="320px"></div>
    <h1>Improve your front-end skills by building projects</h1>
    <p>Scan the QR code to visit <strong>Frontend Mentor</strong> and take your coding skills to the next level</p>
    <img id="icon" onclick="changeMode(document.getElementById('icon'))" src="images/light.svg" width="50%" alt="light/dark switch">
</main>

<script src="js/script.js"></script>
</body>
</html>