landing.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="main.css">
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="landing.css">
    <title>CiteWrite</title>
</head>

<body>
    <div class="title-bar container-fluid">
        <img src="img/citewrite.png" alt="" class="mb-2" height="20" weight="77">
    </div>
    <div class="sidebar container-fluid d-flex align-items-start flex-column">
        <img class="pt-5 pb-4 mt-1" src="img/home-btn.svg" alt="">
        <a href="index.html"><img class="py-4" src="img/new-doc-btn.svg" alt=""></a>
        <img class="py-4" src="img/folder.svg" alt="">
        
    </div>
    <div class="container">
        <div class="row">
            <div class="col-6 file-options d-flex flex-column  justify-content-center">
                <div>
                    <a href="index.html"><img class="ml-4 mb-2" src="img/blank-document.svg" alt=""></a>
                    <p class="mb-0">Blank Document</p>
                </div>
                <hr>
                

            </div>
            <div class=" info col-6">
                <h1 alt="" class="my-2">cite<span>write</span></h1>
                <p class="subtitle  ">A handy text editor that keeps you <span class="highlighted">informed</span></p>
                <div class="card-bg p-4">This modern text-editor bundled with the power of NLP lets you create and edit content which are factually correct and precise. </div>
                <div class="card-bg p-4 my-4">Look up for citations and facts all within the convinience of your editor window. With support for all modern Operating Systems, enjoy the experience of hassle free and versatile content creation with choice of your favourite OS.</div>
                <h2>Get Involved</h2>
                <div class="card-bg p-4 my-3">Contribute and collaborate to our Open Source project. </div>
                <img src="img/github-logo.svg" class="mx-1" alt="">
                <p class="github my-2">GITHUB</p>
                <p class="website">citewrite.sudodevs.com</p>
            </div>

        </div>
    </div>

</body>

</html>