index.jade

//output:output/index.html

doctype html
html
  head
    link(rel="stylesheet", href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css")
    link(rel="stylesheet", href="main.min.css")
    link(href="https://fonts.googleapis.com/icon?family=Material+Icons", rel="stylesheet")
    link(rel="stylesheet", href="https://fonts.googleapis.com/css?family=Montserrat", type="text/css" )  
    title ListMaker
  body
    header(class="header")
      div(class="container")
        div(class="row")
          div(class="col-xs-12 col-md-12")
            h1 ListMaker
    div(class="main")
      div(class="container")
        div(class="row")
          form(class="form")
            div(class="col-xs-8 col-md-10")
              input(id="comment", type="text", placeholder="Next Item")
            div(class="col-xs-4 col-md-2")
              button(type="submit", class="btn")
                  //-
                    add button
                  i(class="material-icons") 
        ul(class="comments" id="com")
          
  script(src="https://code.jquery.com/jquery-2.2.3.min.js")
  script(src="script.js")