html/css wire frame and beginning of logic