step 5: the view functions
step 6: the templates
adding style