To begin with, let's create the initial layout of the page:
- Create a file called index.html and write the following HTML:
<html> <head> <title>Everyday Market</title> <link rel="stylesheet" type="text/css" href="app.css"> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.min.css"> <script src="https://code.jquery.com/jquery-3.3.1.min.js"> </script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> </head> <body> <header class="app-header app-bg"> <div class="maxHeight flex flex-align-items--center"> <img src="images/logo.png" class="app-logo" /> <span class="app-slogan">Shop 'till you Drop</span> </div> </header> <div class="app-main"> </div> </body> ...