Initial layout

To begin with, let's create the initial layout of the page:

  1. 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> ...

Get Hands-On Full-Stack Web Development with ASP.NET Core now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.