index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <main id="mainContent" style="margin: auto; width: 50%; position: relative;">
        <div id="box1"><p>Kunskapskontroll2.exe</p></div>
        <div id="box2"></div>
        <h2>Lägg Till Kontakt   <i class="fa fa-user-plus margin-right"></i></h2>
        <input type="text" placeholder="Namn" id="inputName">
        <input type="text" name="" placeholder="Nummer" id="inputNum">
        <button id="inputBtn">Skapa</button>
        <button id="inputBtnDelete">Radera Allt</button>
        <div id="errorText"></div>
        <h1><strong>Kontaktlista   </strong><i class="fa fa-address-book"></i></h1>
        <ul id="contactList" class="fa-ul"></ul>
    </main>
</body>
<script src="main.js"></script>
</html>