index.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">
    <title>Camera App Demo</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <main id="camera">
        <canvas id="camera--sensor"></canvas>
        <video id="camera--view" autoplay playsinline></video>
    </main>
    <div id="background"></div>
    <div id="card">
        <h1 id="result">Get Started</h1>
        <p id="content">This demo app recognizes common office items (pens, computers, desks, chairs) and other everyday items (people, cars, trees).</p>
    </div>
    <button id="camera--trigger">Take a picture</button>
    </div>
    <script src="scripts.js"></script>
</body>

</html>