index.html

<!DOCTYPE html>
<html>

<head>
    <title>Social Media feed</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>

<body>
    <div class="container">

        <input type="file" class="file-input" onchange="uploadImage();" accept="image/*" id="file">
        <label for="file">
            <i class="material-icons">add_photo_alternate</i>
            Choose a photo
        </label>

        <div class="photos">

        </div>

    </div>


</body>
</html>