css.html

<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="icon" href="./favicon.png" />
    <title> Web Dev Book 📚</title>
    <link rel="stylesheet" type="text/css" href="index.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <div class="header">
        <div class="logo">
            <img src="./favicon.png" />
        </div>
        <h1>
            Web Dev Book 📚
        </h1>
        <h3> JavaScript resources! </h3>
    </div>
    <div class="topnav">
        <a href="./index.html">Home 🏡</a>
        <a href="./codeequip.html"> Code equipment 💼 </a>
        <a href="./links.html">Links and resources 🔗</a>
        <a href="./github.html"> GitHub Sign Up</a>
        <a href="./ghubprep.html"> GitHub Basics.</a>
        <a href="./js.html">JavaScript Links.</a>
        <a href="./html.html">HTML Links.</a>
        <a href="./css.html">CSS Links.</a>
    </div>


    <div class="row">
        <div class="leftcolumn">
            <div class="card">
               <h1> This page is currently in progress. It will be posted soon!</h1>
            </div>

            <div class="card">
                
                
            </div>
        </div>
        <div class="rightcolumn">
            <div class="card">
                <h2>
                    Our personal Favourite resource... 🤩
                </h2>
                <img src="./images/w3.jpg" style="height: 200px; width: 275px;" />
                <h3>With all the code examples, and docs, see here:</h3>
                <a href="https://www.w3schools.com/" class="button">W3 Schools</a>
            </div>
            <div class="card">
                <h3>
                    See the official documentation:
                </h3>
                <p>Want to see the latest releases in documentation? Click the image below for mozilla web docs!</p>
                <a href="https://developer.mozilla.org/en-US/"><img src="./images/mozilla.jpg" /></a>
                <h3>
                    See frequently asked code questions...
                </h3>
                <p>Stackoverflow, the home of code questions!</p>
                <a href="https://stackoverflow.com/"><img src="./images/stackoverflow.png" /></a>
                <h3>Welcome to your coding journey! 🎒</h3>
                <p>Enjoy learning to code!</p>

                <img src="./images/enjoy.png" />

            </div>
        </div>
    </div>
    <div class="footer">
        <img src="./favicon.png" style="height: 100px; width: 100px; float: left;" />
        <h2>
            Web Dev Book!
        </h2>
    </div>
</body>

</html>