index.html

﻿<!DOCTYPE HTML>
<html>
<head>
    <meta HTTP-EQUIV="content-type" CONTENT="text/html; charset=UTF-8"/>

    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <!----><link rel="Stylesheet" type="text/css" href="css/myStyles.css">

     <!--LESS DEVELOPMENT KIT - REMOVE ON PRODUCTION
	 <link rel="stylesheet/less" type="text/css" href="less/styles.less">
	 <script type="text/javascript" src="less/less-1.3.0.min.js"></script>-->

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="js/myScript.js"></script>
    <script type="text/javascript" src="js/logic.js"></script>

    <style>


    </style>

    <title>Skeleton</title>
</head>

<body>
<div id="wrapper">
    <header>
        <span class="title">Local Storage Manager</span>

        <div id="links">
            <a href="#" id="delete_all"><span class="img"></span>Delete All</a>&nbsp;<a href="#" id="create_new"><span class="img"></span>new</a>
        </div>
    </header>
    <div id="ls_data">
        <div class="ls_row_wrapper" id="ls_row_wrapper_sample" style="display: none">
            <div class="header">
                <div class="indicationArrow">&nbsp;</div><span class="ls_name" id="ls_name"></span> <a href="#" class="editName"><span class="img"></span>Edit Value</a>
            </div>
            <!-- End of .header -->
            <div class="content">
                <input type="text" value="" class="ls_value">
                <div class="content_links">
					<a class="saveKey" href="#"><span class="img"></span>Save</a>
                    <a class="delete" href="#"><span class="img"></span>Delete</a>
                </div>
                <!-- End of .links -->
            </div>
            <!-- End of .content -->
        </div>
        <!-- End of #ls_row_wrapper -->
    </div>
    <!-- End of #ls_data-->
</div>
<!-- End of #wrapper-->
</body>

</html>