about.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Piano website | About </title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header class="mainHeader">
        <nav class="nav mainNav">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="login.html">Login / Signup</a></li>
                <li><a href="about.html">About</a></li>
            </ul>
        </nav>
        <h1 class="bandName bandNameLarge">Piano Online</h1>
    </header>
    <article class="mainArticle" >
        <p>
        A simple paino Website which has the following functions -
        </p> 
        <ul class="'mainArticleFont">
            <li>A sign-in-signup landing page for user authentication.</li>
            <li>Users should be able to play the piano using click and also keys.</li>
            <li>The user should start the timer by clicking on a button when he plays and stop it before leaving. </li>
            <li>Display the total time played on the main page. </li>
            <li>Can store particular music notes created only when the user is logged in.</li>
        </ul>
        
    </article>
    <footer class="mainFooter mainFooterBottom">
        <div class=" container mainFooterContainer">
            <h3 class="bandName">Piano Online</h3>
            <ul class="nav footerNav">
                <li><a href="https://github.com/rajsahu2004/Piano-Online" target="_blank">
                    <img src="Images/github.jpg" alt="Github">
                </a>
            </li>
            <li><a href="https://woc.cyberlabs.club/" target="_blank">
                <img src="Images/logo-fullsize.png" alt="CyberLAbs">
                </a>
            </li>
            <li><a href="https://cyberlabs.club/about#:~:text=Cyberlabs%20is%20the%20official%20programming%20club%20of%20IIT,implementations%20of%20the%20common%20problems%20and%20sci-fi%20solutions." target="_blank">
                <img src="Images/OIP.jpg" alt="Winter Of Code 4.0">
                </a>
            </li>
            </ul>     
        </div>
    </footer>
</body>
</html>