first layout: header and footer