main.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta name="description" content="SRMInsider, efficient campus navigation platform">
        <title>SRMInsider</title>
        <link href="style.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="prefetch" as="style" onload="this.onload=null;this.rel='stylesheet'">
    </head>
    <body>
        <div class="top">
            <h1>SRMInsider</h1>
            <a id="acc" href="login.html"><i class="material-icons">account_circle</i></a>
        </div>
        <div class="bg1">
            <div class="text">
                Where campus navigation is made simple.
            </div>
        </div>
        <div class="panel">
            <div class="btn-group">
            <a href="map.html"><i class="material-icons">map</i> Campus Map</a>
            <a href="404.html"><i class="material-icons">chat</i> Live chat</a>
            <a href="404.html"><i class="material-icons">rate_review</i> Feedback</a>
            <a href="404.html"><i class="material-icons">forum</i> Discussions</a>
            <a href="404.html"><i class="material-icons">laptop_chromebook</i> Carrier guidance center</a>
            <a href="404.html"><i class="material-icons">live_help</i> Support/Helpdesk</a>
            </div>
        </div>
    </body>
</html>