Untitled

<!--

This is the comment section, used to add info outside the code

-->

<!DOCTYPE html>
<html>
    <head>
        <title>Github Hub</title>
        <!-- [if lt IE 9]>
            <script src="//html5vshiv.googlecode.com/svn/trunk.html5.js"></script>
        <![endif]-->

        <!-- the script above means if lt (less than) IE (Internet Explorer) version 9
        We can use the commenting system to put optional pieces of code for different browsers.
        If you use the [if] you also need to close it with [endif] to know the end of the block.

        This gets downloaded and consumed by the browser. But we can add scripts necessary to fix certain aspects for different browsers.

        The script above handles HTML5 tags for older browsers than 9, that is what the code tells it.
        -->
        <link rel="stylesheet" href="css/site.css" />

    </head>
    <body>
        <div class="container">
        <header>
            <nav>
                <ul>
                    <li><a href="/index.html">Home</a></li>
                    <li><a href="/contact.html">Contact</a></li>
                    <li><a href="/about.html">About</a></li>
                </ul>
            </nav>
            <div>
            <img src="images/logo.gif" class="bordered-image" />
            </div>
            <div>This is a site to search <a href="www.google.com">Github</a> for interesting projects.</div>
        </header>
        <section id="main">
            <p><strong>Lorem ipsum</strong><em> dolor sit amet First italic,</em><i>consectetur adipiscing elit,</i> sed do eiusmod tempor incididunt ut labore et dolore <b>magna aliqua.</b> Ut enim ad minim veniam, quis nostrud <span>exercitation ullamco</span> laboris nisi ut aliquip ex ea commodo consequat.</p>
            <form action="http://yoursite.com/echo" method="POST" class="bordered-image simple-form" id="gitHubSearchForm">
                <label for="searchPhrase">Search Phrase:</label>
                <input type="text" name="searchPhrase" id="searchPhrase" /></br>
                <input type="checkbox" name="useStars" id="useStars" checked="true" />
                <label for="useStars" Use stars?</label></br>
                <label for="langChoice">Language: </label>
                <select name="langChoice" id="langChoice">
                    <option>All</option>
                    <option>JavaScript</option>
                    <option selected>C#</option>
                    <option>Java</option>
                    <option>Ruby</option>
                </seelct>
                </be>
                <input type="submit" value="search" /></br>
            </form>
            <div id="results" class="border-image">
                <button id="toggleButton">Hide</button>
                <div id="resultList">This is where the results will go</div>
            </div>
        </section>
        <footer>
            &copy; 2019 Deliberate Practice
        </footer>
        </div>
    <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    </body>

</html>