<!doctype html>
<html>
<head>
   <meta charset='utf-8'>
   
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="static/styles.css">
   <script src="static/styles.js" type="text/javascript"></script>
  
   <title>Myshop</title>
   <style>
       

   </style>
</head>
<body bgcolor="#babcc1">

<div id='cssmenu'>
<ul>
   
   
  <li class='active'><span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; </span></li>  
  <li><a href="">Create shopping list  | </a></li>
  <li><a  href="">View my shopping lists   | </a></li>
  <li><a href="">Update shopping list          |</a></li>
  <li><a href="">Delete shopping list   | </a></li>
  <li><a href="">Shared shopping lists  </a></li>
   
   
</ul>
</div>
<div id="mySidenav" class="sidenav">
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
  <a href="">Add item to shopping list</a>
  <a href="">Update items in shopping list</a>
  <a href="">View items in shopping list</a>
  <a href="">Delete items in shopping list</a>
  <a href="">LOGOUT</a>
</div>
<div id="wrapper"></br>




        

                </br></br>
                

                <div></br></br>
                <input type="text" name="sl" placeholder="Name of shopping list to create"/>
        </div>
        <div>
                <input type="TextArea" name="item" placeholder="Brief Description"/>
        </div>
        





                <div><input type="submit" name="submit" value="Create"/></br></div>




        </div>



</br></br>
<!--<div id="wrapper"><p>Welcome to Myshop</p></div>-->

    
    
     
    
   

</body>
<html>
    

Add UI for representing create shopping list instance
[Chore] Add UI for representing create shopping list instance
