index.html

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- link css stylsheets -->
    <link rel="stylesheet" href="css/header-footer-button.css">
    <link rel="stylesheet" href="css/index.css">
    <!-- window title -->
    <title>Demonstrations</title>

</head>

<body>

    <!-- header  -->
    <header id="menu">

        <!-- left side -->
        <div id="menu-item-1">
            <!-- `Demonstrations` links to `index.html` -->
            <a href="index.html"><h3>Demonstrations</h3></a>
        </div>

        <!-- right side -->
        <div id="menu-item-2">
            <!-- navigation menu -->
            <nav id="menu-item-2-nav">
                <!-- `Concepts` links to `concepts.html` in `html` subdirectory -->
                <a href="html/concepts.html"><h3>Concepts</h3></a>
                <h3>|</h3>
                <!-- `Database` links to `database-login.html` in `html` subdirectory -->
                <a href="html/database-login.html"><h3>Database</h3></a>
                <h3>|</h3>
                <!-- `Development` links to `development.php` in `php` subdirectory -->
                <a href="php/development.php"><h3>Development</h3></a>
            </nav>
        </div>

    </header>

    <!-- home -->
    <section id="home">

        <!-- home title and text -->
        <div id="home-block">
            <h1>IS 201: Introduction to Information Systems | Demonstrations</h1>
            <p>IS 201 is the Introduction to Information Systems class at Brigham Young University. It is taught during the Fall, Winter, Spring, and Summer semesters. The course teaches how to create technology solutions to solve business problems. Hands-on coursework includes databases, analytics, automation, and programming skills that are useful to all business majors.</p>
        </div>

    </section>

    <!-- footer  -->
    <footer>
        <p>Made from scratch by Caydn Baldwin utilizing HTML, CSS, JavaScript, PHP, SQL, Python, and VBA in Visual Studio Code</p>
    </footer>

</body>

</html>