index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Machine Learning - Home</title>
        <link rel="shortcut icon" type="image/jpg" href="./images/favicon.png">
        <link rel="stylesheet" href="style.css">
        <script src="index.js"></script>
        <script src="https://kit.fontawesome.com/ed4599c3e0.js" crossorigin="anonymous"></script>
    </head>
    <body>
        <nav class="navbar">
            <a href="index.html"><i class="fas fa-home"></i> Home</a>
            <a href="info.html"><i class="fas fa-info"></i> Info</a>
            <a href="contact.html"><i class="fas fa-ticket-alt"></i> Contact</a>
            <a href="about.html"><i class="fas fa-address-card"></i> About me</a>
            <div class="navbar-right">
                <input id=searchBar autocomplete="off" type="text" name="search" placeholder="Search..">
                <button><i class="fas fa-search"></i></button>
                <button id="switch-theme"><i class="fas fa-moon"></i> Switch theme</button>
            </div>
        </nav>
        <div class="header">
            <h1>Machine Learning, <br>a subfield of AI</h1>
            <h2>Using algorithms and AI's to make our life easier.</h2>
            <h3><em>Invented in 1959 by Arthur Samuel</em></h3>
            <a href="info.html"><i class="fas fa-play" aria-hidden="true"></i> More Information</a>
        </div>
    </body>
</html>