Index-1.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>OCR</title>
        <link rel="stylesheet" href="stylesheet.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css">
    </head>
    <body>
        <div class="container-side">
            <i class="fab fa-github"></i>
            <p >Textual Component Extraction</p>
        </div>
        <div class="container-main">
            <div class="title">
                <h1>Optical Character Recognition</h1>
            </div>
            <div class="input">
                <p> Input File :- </p>
                <span class="btn message">Upload<i class="space fas fa-cloud-upload-alt"></i></span>
            </div>
            <div class="gen">
                <p>Input File Type : PDF</p>
                <p>Output File Type : TXT</p>
            </div>
            <div class="output">
                <p> Download Link :- </p>
                <span class="btn message">Download<i class="space fas fa-cloud-download-alt"></i></span>
            </div>
            <a href="index-2.html" class="btn message link">Speech-to-Text<i class="space fas fa-arrow-circle-right"></i></a>
        </div>
    </body>
</html>