<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>File Upload</title>
    <link rel="stylesheet" href="https://kit-pro.fontawesome.com/releases/v6.1.1/css/pro.min.css">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="bg"></div>
    <div class="main">
        <div class="container">
            <div class="logo-container">
                <img class="logo" src="https://media.discordapp.net/attachments/1117102302956888195/1316478850309558282/logo.png?ex=675bdab8&is=675a8938&hm=8633f8b7972b08ccb91e62346dd81a14fb1f066d5a4231ba12923a1832da0a57&=&format=webp&quality=lossless" alt="">
            </div>
            <div class="text">
                Quickly upload any movie/file up to 1GB! The video has an embed.
            </div>
            <div class="upload">
                <div class="btn" id="start-upload">Upload File<i class="fa-solid fa-cloud-arrow-up h"></i></div>
            </div>
            <div class="drag-drop-area" id="drag-drop-area">
                <i class="fa-solid fa-plus x"></i>
                <input type="file" id="file-input" hidden>
            </div>
            <div class="file-info" id="file-info">
                <p class="xd" id="file-name">File Name </p>
                <p id="file-inp"></p>
                <p class="xa" id="file-size">File Size </p>
                <p id="file-sizeinp"></p>
                <p class="xc" id="expire-time">Expiration </p>
                <select class="ff" id="expire-select">
                    <option value="1">1 Day</option>
                    <option value="3">3 Days</option>
                    <option value="7">7 Days</option>
                    <option value="14">14 Days</option>
                </select>
                <div style="height: 45px; width: 300px;" class="btn" id="apply-btn">Apply</div>
            </div>
            <div class="loading-animation" id="loading-animation">
                <div class="loader"></div>
            </div>
            <div class="link-container" id="link-container">
                <p class="sx">Download Link</p>
                <span id="download-link"></span>
                <button id="copy-link" onclick="copyLink()">Copy Link<i style="margin-left: 5px;" class="fa-solid fa-copy"></i></button>
            </div>
        </div>
    </div>

    <script src="script.js"></script>
</body>
</html>
