node-fftcg/views/index.pug

doctype html
html
  
  head
    title Crafty Things
    script(src='/index.bundle.js')
    
  body
    
    header.jumbotron.jumbotron-fluid.py-4.bg-primary.text-light.text-center
      div.container
        h1 Hello World!
        h2 App under development, please don't submit any valuable data!
      
    div.container.bg-light
      div#alert-area
      div.row
        
        div.col-md-6
          h3 Yavook!FFTCG
          p Lorem ipsum dolor sit amet
        
        div.col-md-3
          h3 Login
          form(name="login")
            div.form-group
              label(for="login") User name:
              input.form-control(name="login" required)
                
            div.form-group
              label(for="password") Password:
              input.form-control(name="password" type="password" required)
                
            div.form-group
              button.btn.btn-primary.w-100(type="submit") Login
              
        div.col-md-3
          h3 Register
          form(name="register")
            div.form-group
              label(for="login") User name:
              input.form-control(name="login" required)
              div.invalid-feedback User name invalid or taken.
              
            div.form-group
              label(for="password") Password:
              input.form-control(name="password" type="password" required)
              
              label(for="confirm") Confirm password:
              input.form-control(name="confirm" type="password")
              div.invalid-feedback Passwords do not match.
                
            button.btn.btn-primary.w-100(type="submit") Register