index.html

<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">

<!--Make this responsive-->
<body>
    <h1 id="header">Bit by Bit Demo Sites</h1>
    <h2>HTML/CSS</h2>
    <div>
        <a href="boxes/boxes.html" target="_blank">Boxes</a>
        <a href="backgrounds/full/fullbg.html" target="_blank">Background Color</a>
        <a href="backgrounds/background-image ideas/background-image-demo.html" target="_blank">Background Demo</a>
        <a href="forgot-to-close-tags.html" target="_blank">Forgot to close tags</a>
        <a href="rotatingexample.html" target="_blank">CSS Rotation</a>
    </div>
    <h2>Javascript</h2>
    <div>
       <a href="dom.html" target="_blank">Javascript Events</a>
       <a href="booleanlogic/index.html" target="_blank">Boolean Logic Demo</a>
    <a href="numberline.html" target="_blank">Math.random()</a>
    </div>

    <h1 id="footer"><h1>
</body>

