index.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>Documentation</title>
    <link rel="stylesheet" href="./landing page/style.css">
    <link rel="stylesheet" href="./docs/components.css">
    <script src="https://kit.fontawesome.com/17540dc721.js" crossorigin="anonymous"></script>

</head>

<body>
    <div class="container m-a">
        <nav class="nav-bar ">
            <div class="left-side">
                <a href="./index.html">GALA<span class="span">X!A</span></a>

                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                </a>

            </div>
            <div class="right-side">
                <ul>
                    <li><a href="https://github.com/stutisk/GALAXIA-component_library"><i class="fa fa-github"></i></a></li>
                    <li><a href="https://twitter.com/StutiKumari13"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fa fa-moon-o" aria-hidden="true"></i></a></li>

                </ul>
            </div>
        </nav>
        <main>
            <div class="head m-a">
                Design for <span class="span span-style">better</span> Experience.
            </div>
            <div class=" sub-head head m-a">
                Welcome to GALA<span class="span">X!A</span> UI library, which has pre-defined styles and classes .
            </div>
            <div class="button padding-top  ml-10">
                <a href="./components/installation/installation.html" class="main-button btn-padding"> Get Started </a>
            </div>
        </main>
    </div>
    <script src="./landing page/style.js"></script>
</body>

</html>