File: /home/imensosw/www/imenso.co/demo/zuruuna/event-checklist.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Wedding Registry</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link href="style.css" rel="stylesheet" type="text/css"/>
<link href="css/responsive.css" rel="stylesheet" type="text/css"/>
<link href="css/jQuery-plugin-progressbar.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
</head>
<body>
<?php include('inc/header.php'); ?>
<section id="banner">
<div class="slogan">
<h2>Your Very Own Occassion Concierge</h2>
<p>From planning every detail to booking all your Occassion pros, we’ve got you covered.</p>
<a href="" class="btn btn-alpha">Create a Registry</a>
<a href="" class="btn btn-alpha">Find a Registry</a>
</div>
</section>
<div class="mb4"></div>
<div class="container">
<div class="row">
<div class="col-md-3" style="background:#FFF;">
<div class="my-checklist text-center"><h3>My Checklist</h3></div>
<!--<div class="progress-bar position" data-percent="60" data-duration="1000" data-color="#ccc,yellow"></div>-->
<script>
$(".progress-bar").loading();
$('input').on('click', function () {
$(".progress-bar").loading();
});
</script>
<ul class="nav nav-pills nav-stacked admin-menu">
<li class="active"><a href="#" data-target-id="home"><i class="fa fa-home fa-fw"></i>Home</a></li>
<li><a href="" data-target-id="widgets"><i class="fa fa-list-alt fa-fw"></i>Widgets</a></li>
<li><a href="" data-target-id="pages"><i class="fa fa-file-o fa-fw"></i>Pages</a></li>
<li><a href="" data-target-id="charts"><i class="fa fa-bar-chart-o fa-fw"></i>Charts</a></li>
<li><a href="" data-target-id="table"><i class="fa fa-table fa-fw"></i>Table</a></li>
<li><a href="" data-target-id="forms"><i class="fa fa-tasks fa-fw"></i>Forms</a></li>
<li><a href="" data-target-id="calender"><i class="fa fa-calendar fa-fw"></i>Calender</a></li>
<li><a href="" data-target-id="library"><i class="fa fa-book fa-fw"></i>Library</a></li>
<li><a href="" data-target-id="applications"><i class="fa fa-pencil fa-fw"></i>Applications</a></li>
<li><a href="" data-target-id="settings"><i class="fa fa-cogs fa-fw"></i>Settings</a></li>
<li><a href="" data-target-id="library"><i class="fa fa-book fa-fw"></i>Library</a></li>
<li><a href="" data-target-id="applications"><i class="fa fa-pencil fa-fw"></i>Applications</a></li>
<li><a href="" data-target-id="settings"><i class="fa fa-cogs fa-fw"></i>Settings</a></li>
</ul>
</div>
<div class="col-md-6 check_points well admin-content" id="home">
<!---panel start here-->
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">March <small>(3 To-Dos, O Essential)</small></h3>
</div>
<ul class="list-group">
<a href="#">
<li class="list-group-item check_list">
Decide On City and Season
<ul class="list-group-submenu">
<li class="list-group-submenu-item success"><span class="fa fa-check"></span></li>
</ul>
</li>
</a>
<a href="#">
<li class="list-group-item check_list">
Send Engagement Announcements
<ul class="list-group-submenu">
<li class="list-group-submenu-item success"><span class="fa fa-check"></span></li>
</ul>
</li>
</a>
<a href="#">
<li class="list-group-item check_list">
Decide Your Theme and Colors
<ul class="list-group-submenu">
<li class="list-group-submenu-item success"><span class="fa fa-check"></span></li>
</ul>
</li>
</a>
</ul>
</div>
<!---panel end here-->
<!---panel start here-->
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">April <small>(3 To-Dos, O Essential)</small></h3>
</div>
<ul class="list-group">
<a href="#">
<li class="list-group-item check_list">
Decide On City and Season
<ul class="list-group-submenu">
<li class="list-group-submenu-item success"><span class="fa fa-check"></span></li>
</ul>
</li>
</a>
<a href="#">
<li class="list-group-item check_list">
Send Engagement Announcements
<ul class="list-group-submenu">
<li class="list-group-submenu-item success"><span class="fa fa-check"></span></li>
</ul>
</li>
</a>
<a href="#">
<li class="list-group-item check_list">
Decide Your Theme and Colors
<ul class="list-group-submenu">
<li class="list-group-submenu-item success"><span class="fa fa-check"></span></li>
</ul>
</li>
</a>
</ul>
</div>
<!---panel end here-->
<!---panel start here-->
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">May <small>(3 To-Dos, O Essential)</small></h3>
</div>
<ul class="list-group">
<a href="#">
<li class="list-group-item check_list">
Decide On City and Season
<ul class="list-group-submenu">
<li class="list-group-submenu-item success"><span class="fa fa-check"></span></li>
</ul>
</li>
</a>
<a href="#">
<li class="list-group-item check_list">
Send Engagement Announcements
<ul class="list-group-submenu">
<li class="list-group-submenu-item success"><span class="fa fa-check"></span></li>
</ul>
</li>
</a>
<a href="#">
<li class="list-group-item check_list">
Decide Your Theme and Colors
<ul class="list-group-submenu">
<li class="list-group-submenu-item success"><span class="fa fa-check"></span></li>
</ul>
</li>
</a>
</ul>
</div>
<!---panel end here-->
<!---panel start here-->
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">June <small>(3 To-Dos, O Essential)</small></h3>
</div>
<ul class="list-group">
<a href="#">
<li class="list-group-item check_list">
Decide On City and Season
<ul class="list-group-submenu">
<li class="list-group-submenu-item success"><span class="fa fa-check"></span></li>
</ul>
</li>
</a>
<a href="#">
<li class="list-group-item check_list">
Send Engagement Announcements
<ul class="list-group-submenu">
<li class="list-group-submenu-item success"><span class="fa fa-check"></span></li>
</ul>
</li>
</a>
<a href="#">
<li class="list-group-item check_list">
Decide Your Theme and Colors
<ul class="list-group-submenu">
<li class="list-group-submenu-item success"><span class="fa fa-check"></span></li>
</ul>
</li>
</a>
</ul>
</div>
<!---panel end here-->
<!---panel start here-->
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">July <small>(3 To-Dos, O Essential)</small></h3>
</div>
<ul class="list-group">
<a href="#">
<li class="list-group-item check_list">
Decide On City and Season
<ul class="list-group-submenu">
<li class="list-group-submenu-item success"><span class="fa fa-check"></span></li>
</ul>
</li>
</a>
<a href="#">
<li class="list-group-item check_list">
Send Engagement Announcements
<ul class="list-group-submenu">
<li class="list-group-submenu-item success"><span class="fa fa-check"></span></li>
</ul>
</li>
</a>
<a href="#">
<li class="list-group-item check_list">
Decide Your Theme and Colors
<ul class="list-group-submenu">
<li class="list-group-submenu-item success"><span class="fa fa-check"></span></li>
</ul>
</li>
</a>
</ul>
</div>
<!---panel end here-->
</div><!---col-md-6-end-->
<div class="col-md-6 well admin-content" id="widgets">
Widgets
</div>
<div class="col-md-6 well admin-content" id="pages">
Pages
</div>
<div class="col-md-6 well admin-content" id="charts">
Charts
</div>
<div class="col-md-6 well admin-content" id="table">
Table
</div>
<div class="col-md-6 well admin-content" id="forms">
Forms
</div>
<div class="col-md-6 well admin-content" id="calender">
Calender
</div>
<div class="col-md-6 well admin-content" id="library">
Library
</div>
<div class="col-md-6 well admin-content" id="applications">
Applications
</div>
<div class="col-md-6 well admin-content" id="settings">
Settings
</div>
</div>
</div>
<div class="mb4"></div>
<?php include('inc/footer.php'); ?>
<script type="text/javascript">$(document).ready(function()
{
var navItems = $('.admin-menu li > a');
var navListItems = $('.admin-menu li');
var allWells = $('.admin-content');
var allWellsExceptFirst = $('.admin-content:not(:first)');
allWellsExceptFirst.hide();
navItems.click(function(e)
{
e.preventDefault();
navListItems.removeClass('active');
$(this).closest('li').addClass('active');
allWells.hide();
var target = $(this).attr('data-target-id');
$('#' + target).show();
});
});</script>
<script type="text/javascript">
$(function () {
$('.list-group-item').on('mouseover', function(event) {
event.preventDefault();
$(this).closest('li').addClass('open');
});
$('.list-group-item').on('mouseout', function(event) {
event.preventDefault();
$(this).closest('li').removeClass('open');
});
});
</script>
</body>
</html>