github.com/EngineerKamesh/gofullstack@v0.0.0-20180609171605-d41341d7d4ee/volume3/section3/static/index.html (about)

     1  <!DOCTYPE html>
     2  <html lang="en">
     3  	<head>
     4  		<title>Local Storage Demo</title>
     5  		<link rel="stylesheet" href="/static/css/pure-min.css">
     6  		<link rel="stylesheet" type="text/css" href="/static/css/style.css">
     7  		<script src="/static/js/client.js" type="text/javascript"></script>
     8  	</head>
     9  	<body>
    10  		<div id="inputFormContainer">
    11  			<form class="pure-form">
    12  			<fieldset class="pure-group">
    13  			<h2>Local Storage Demo</h2>
    14  			</fieldset>
    15  			<fieldset class="pure-group" style="min-height: 272px">
    16  			<div id="storageContents">
    17  				<dl id="itemList">
    18  				</dl>
    19  			</div>
    20  			</fieldset>
    21  
    22  			<fieldset class="pure-control-group">
    23  			<label for="messageInput">Key: </label>
    24  			<input id="itemKey" type="text" value="" />
    25  			<label for="messageInput">Value: </label>
    26  			<input id="itemValue" type="text" value="" />
    27  
    28  			</fieldset>
    29  
    30  			<fieldset class="pure-control-group">
    31  			</fieldset>
    32  
    33  			<fieldset class="pure-group">
    34  				<button id="saveButton" type="button" class="pure-button pure-button-primary">Save</button>
    35  				<button id="clearAllButton" type="button" class="pure-button pure-button-primary">Clear All</button>
    36  			</fieldset>
    37  			</form>
    38  		</div>
    39  	</body>
    40  </html>