createMilestone.html

<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <link rel="stylesheet" type="text/css" href="css/main.css" />

    <link rel="icon" type="image/ico/png" href="resources/images/favicon.png" />
    <meta name="description" content="Fund Seeker, A web app to find and give funds">
    <meta name="keywords" content="Funds Track,Fund,Seeker,Sponsor">
    <meta name="author" content="Samad alias Nyein Chan">
    <meta name="robots" content="index, nofollow" />

    <!-- JQuery JavaScript -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <!-- Personal Scripts -->
    <script src="javascript/scripts.js"></script>
    <!-- <script src="javascript/tables/fake-data/data.js"></script> -->

    <title>Fund Givers</title>
</head>

<body>
    <div id="header"></div>

    <div style="max-width:800px;margin:auto;margin-top:100px;">
        <div style="font-size: 3em;text-align:center;">Create Milestone</div>
        <form action="#">
            <div class="form-group">
              <label for="Name">Name:</label>
              <input type="text" class="form-control" id="name" name="name">
            </div>
            <div class="form-group">
                <label for="description">Description:</label>
                <textarea class="form-control" rows="5" id="description"></textarea>
              </div>
            <div class="form-group">
                <label for="DeadLine">DeadLine:</label>
                <input type="date" class="form-control" id="DeadLine" name="DeadLine">
              </div>
            <div class="form-group">
              <label for="assinedTo">Assigned To:</label>
              <input type="text" class="form-control" id="assinedTo" name="assinedTo">
            </div>
            <button type="submit" class="btn btn-primary">Submit</button>
          </form>
        
        <div id="milestoneName" style="font-size: 2em;"><br></div>

        
        <div id="assignedTo"></div>
        <div id="description"></div>
    </div>
    
    <div id="footer"></div>


    <!-- <script>
      fetch("data.json").then(response => response.json()
        .then(data => ({
        data: data,
        status: response.status
         }))
        .then(data=>{ 
            
            $(document).ready(function(){
            $("#milestoneName").append(``)
            $("#deadline").append(``)
            $("#assignedTo").append(``)
            $("#description").append(``)
        })
        }));

    </script> -->
</body>

</html>