1. Layout, positioning, modal windows
   • Layout

layout-main (full width; full height height of layout-bottom)

layout-main-left (50% width; full height height of layout-bottom)

content-left

layout-main-right (50% width; full height height of layout-bottom)

content-right

layout-bottom (full width; fixed height, e.g., 80px)

• • Blanket
• Full width and full height
• Over layout-main and layout-bottom

• Modal window
  • Over blanket

• Requirements
  • Layout
    • Explained in the above
    • Similar background colors that are used in the above diagrams
  • Content-left
    • It should NOT use fixed height.
    • It should be displayed at the exact vertical center in layout-left.
  • Content-right
    • It should NOT use fixed height.
    • It should be displayed at the exact vertical center in layout-right.
  • Sign up button
    • When this button is clicked, Blanket should be displayed and Sign Up modal window should be displayed at the exact horizontal center.
  • Log in button
    • When this button is clicked, Blanket should be displayed and Log In modal window should be displayed at the exact horizontal center.
  • Blanket
    • Initially it is not displayed.
    • When Blanket is clicked, Blanket and modal windows should be removed.

Html file : coding

Hear what people are talking about

Join the conversation

See whats happening in the world Join TRU CS Messenger Sign up Log in

Create your account

Log in to TRU CS Messenger

content-right layout-bottom (full width; fixed height, e.g., 80px) File Case/Desktop/COMP3/Winter 2021/9..20Seminar/w2Jyout.cente layout-main layout-right layout-left THOMPSON OTRU RIVERS UNIVERSITY See what's happening in the world content-left content-right Hear what people are talking about Join the conversation Juin TRUCS Message Sign up Log in I c Immers layout-bottom . Blanket Full width and full height Over layout-main and layout-bottom Modal window O Over blanket Cole Ceme Desktop/COMPO/Winter 219.205eminar w2.layout.cente THOMPSON OR RIVERS UNIVERSITY ppening in the Create your account Hear what people are Join the conversation Log in About Hd.conter Icomfocs