views/home.hbs

<!DOCTYPE html>
<html>
<head>
    <title> Phonebook </title>
    <link href="https://fonts.googleapis.com/css?family=Roboto|Rubik&display=swap" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/css/home.css">
    <script src="https://code.jquery.com/jquery-3.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/js/home.js"></script>

</head>
<body>
    <div id="container">
        <h1> phonebook </h1>

        <div id="content">
            <form>
                <input type="text" name="name" id="name" class="field" placeholder="Name"> <br>
                <input type="number" name="number" id="number" class="field" placeholder="Number"> <br>
                <input type="button" name="submit" id="submit" value="SUBMIT">
            </form>

            <p id="error"></p>

            <!--
                TODO: Display all contacts here. Each contact should be retrieved from the database and displayed through rendering `../partials/card.hbs`.
            -->
            <div id="contacts">
            <!-- your code here -->
            {{#each data}}
                {{> card name=name number=number}}
            {{/each}}
            </div>
        </div>
    </div>
</body>
</html>