| <div class="animated fadeIn"> |
| <div class="row"> |
| <div class="col-md-9"> |
| <div class="card"> |
| <div class="card-header"> |
| <strong>STEM Project</strong> |
| </div> |
| <div class="card-body"> |
| <form (ngSubmit)="onSubmit(f)" #f="ngForm" class="form-horizontal"> |
| <div class="form-group row"> |
| <label class="col-md-3 col-form-label" for="projectName">Project Name</label> |
| <div class="col-md-6"> |
| <input type="text" name="projectName" id="projectName" ngModel required #projectName="ngModel" placeholder="Project Name" class="form-control" > |
| </div> |
| </div> |
| <div class="row"> |
| <button type="submit" class="btn btn-sm btn-primary" ><i class="fa fa-dot-circle-o"></i> Create</button> |
| <button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Cancel</button> |
| </div> |
| </form> |
| </div> |
| |
| </div> |
| </div> |
| </div><!--/.row--> |
| |
| |
| |
| </div> |