<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>DocumentIt</title>
    <link rel="stylesheet" href="https://bootswatch.com/4/pulse/bootstrap.min.css">
</head>

<body>
    <div class="container window align-content-center">
        <h1>DocumentIt</h1>
        <form>
            <input type="text" id="casename" name="casename" placeholder="Case Name"><br>
            <input type="text" id="socialmedia" name="socialmedia" placeholder="Social Media"><br>
            <textarea id="description" name="description" placeholder="Incident Description..." rows="10" cols="30"></textarea>
        </form>

        <label id="screenshot-path">Path:</label><br>
        <button id="path-button" class="btn btn-primary">Select Path</button><br>
        <button id="screen-shot" class="btn btn-primary">Take Screenshot</button>
    </div>
</body>
<script>
</script>
<script>
    require('./renderer.js');
</script>

</html>