<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="index.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Component 3 - Framed Image Loader</title>
</head>
<body>

<div class="image"></div>

<form action="#" method="POST">
    <div class="input>
        <label for="url">URL:</label>
        <input type="text" name="url" placeholder="Enter URL Here">
    </div>
    
    <div class="input>
        <label for="color">Color:</label>
        <input type="color" name="color">
    </div>
    
    <div class="input>
        <label for="width">Width:</label>
        <input type="text" name="width" placeholder="Enter frame width (px)">
    </div>
</form>

<script type="text/javascript" src="index.js"></script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Component 3 - Framed Image Loader</title>

</head>

<body>

</div>

<label for="color">Color:</label>

</div>

<label for="width">Width:</label>

</div>

</form>

</body>

</html>

-3:41