| Current Path : G:/PleskVhosts/megamind.net.in/careercentre360.com/obj/Release/Package/PackageTmp/admin/ |
| Current File : G:/PleskVhosts/megamind.net.in/careercentre360.com/obj/Release/Package/PackageTmp/admin/inbox11.txt |
<!--Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Shoppy an Admin Panel Category Flat Bootstrap Responsive Website Template | Inbox :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Shoppy Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!--js-->
<script src="js/jquery-2.1.1.min.js"></script>
<!--icons-css-->
<link href="css/font-awesome.css" rel="stylesheet">
<!--Google Fonts-->
<link href='//fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Work+Sans:400,500,600' rel='stylesheet' type='text/css'>
<!--//skycons-icons-->
</head>
<body>
<div class="page-container">
<div class="left-content">
<div class="mother-grid-inner">
<!--header start here-->
<div class="header-main">
<div class="header-left">
<div class="logo-name">
<a href="index.html"> <h1>Shoppy</h1>
<!--<img id="logo" src="" alt="Logo"/>-->
</a>
</div>
<!--search-box-->
<div class="search-box">
<form>
<input type="text" placeholder="Search..." required="">
<input type="submit" value="">
</form>
</div><!--//end-search-box-->
<div class="clearfix"> </div>
</div>
<div class="header-right">
<div class="profile_details_left"><!--notifications of menu start -->
<ul class="nofitications-dropdown">
<li class="dropdown head-dpdn">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-envelope"></i><span class="badge">3</span></a>
<ul class="dropdown-menu">
<li>
<div class="notification_header">
<h3>You have 3 new messages</h3>
</div>
</li>
<li><a href="#">
<div class="user_img"><img src="images/p4.png" alt=""></div>
<div class="notification_desc">
<p>Lorem ipsum dolor</p>
<p><span>1 hour ago</span></p>
</div>
<div class="clearfix"></div>
</a></li>
<li class="odd"><a href="#">
<div class="user_img"><img src="images/p2.png" alt=""></div>
<div class="notification_desc">
<p>Lorem ipsum dolor </p>
<p><span>1 hour ago</span></p>
</div>
<div class="clearfix"></div>
</a></li>
<li><a href="#">
<div class="user_img"><img src="images/p3.png" alt=""></div>
<div class="notification_desc">
<p>Lorem ipsum dolor</p>
<p><span>1 hour ago</span></p>
</div>
<div class="clearfix"></div>
</a></li>
<li>
<div class="notification_bottom">
<a href="#">See all messages</a>
</div>
</li>
</ul>
</li>
<li class="dropdown head-dpdn">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-bell"></i><span class="badge blue">3</span></a>
<ul class="dropdown-menu">
<li>
<div class="notification_header">
<h3>You have 3 new notification</h3>
</div>
</li>
<li><a href="#">
<div class="user_img"><img src="images/p5.png" alt=""></div>
<div class="notification_desc">
<p>Lorem ipsum dolor</p>
<p><span>1 hour ago</span></p>
</div>
<div class="clearfix"></div>
</a></li>
<li class="odd"><a href="#">
<div class="user_img"><img src="images/p6.png" alt=""></div>
<div class="notification_desc">
<p>Lorem ipsum dolor</p>
<p><span>1 hour ago</span></p>
</div>
<div class="clearfix"></div>
</a></li>
<li><a href="#">
<div class="user_img"><img src="images/p7.png" alt=""></div>
<div class="notification_desc">
<p>Lorem ipsum dolor</p>
<p><span>1 hour ago</span></p>
</div>
<div class="clearfix"></div>
</a></li>
<li>
<div class="notification_bottom">
<a href="#">See all notifications</a>
</div>
</li>
</ul>
</li>
<li class="dropdown head-dpdn">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-tasks"></i><span class="badge blue1">9</span></a>
<ul class="dropdown-menu">
<li>
<div class="notification_header">
<h3>You have 8 pending task</h3>
</div>
</li>
<li><a href="#">
<div class="task-info">
<span class="task-desc">Database update</span><span class="percentage">40%</span>
<div class="clearfix"></div>
</div>
<div class="progress progress-striped active">
<div class="bar yellow" style="width:40%;"></div>
</div>
</a></li>
<li><a href="#">
<div class="task-info">
<span class="task-desc">Dashboard done</span><span class="percentage">90%</span>
<div class="clearfix"></div>
</div>
<div class="progress progress-striped active">
<div class="bar green" style="width:90%;"></div>
</div>
</a></li>
<li><a href="#">
<div class="task-info">
<span class="task-desc">Mobile App</span><span class="percentage">33%</span>
<div class="clearfix"></div>
</div>
<div class="progress progress-striped active">
<div class="bar red" style="width: 33%;"></div>
</div>
</a></li>
<li><a href="#">
<div class="task-info">
<span class="task-desc">Issues fixed</span><span class="percentage">80%</span>
<div class="clearfix"></div>
</div>
<div class="progress progress-striped active">
<div class="bar blue" style="width: 80%;"></div>
</div>
</a></li>
<li>
<div class="notification_bottom">
<a href="#">See all pending tasks</a>
</div>
</li>
</ul>
</li>
</ul>
<div class="clearfix"> </div>
</div>
<!--notification menu end -->
<div class="profile_details">
<ul>
<li class="dropdown profile_details_drop">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<div class="profile_img">
<span class="prfil-img"><img src="images/p1.png" alt=""> </span>
<div class="user-name">
<p>Malorum</p>
<span>Administrator</span>
</div>
<i class="fa fa-angle-down lnr"></i>
<i class="fa fa-angle-up lnr"></i>
<div class="clearfix"></div>
</div>
</a>
<ul class="dropdown-menu drp-mnu">
<li> <a href="#"><i class="fa fa-cog"></i> Settings</a> </li>
<li> <a href="#"><i class="fa fa-user"></i> Profile</a> </li>
<li> <a href="#"><i class="fa fa-sign-out"></i> Logout</a> </li>
</ul>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--heder end here-->
<!-- script-for sticky-nav -->
<script>
$(document).ready(function() {
var navoffeset=$(".header-main").offset().top;
$(window).scroll(function(){
var scrollpos=$(window).scrollTop();
if(scrollpos >=navoffeset){
$(".header-main").addClass("fixed");
}else{
$(".header-main").removeClass("fixed");
}
});
});
</script>
<!-- /script-for sticky-nav -->
<!--inner block start here-->
<div class="inner-block">
<div class="inbox">
<h2>Inbox</h2>
<div class="col-md-4 compose">
<div class="mail-profile">
<div class="mail-pic">
<a href="#"><img src="images/b3.png" alt=""></a>
</div>
<div class="mailer-name">
<h5><a href="#">Malorum</a></h5>
<h6><a href="mailto:info@example.com">malorum@gmail.com</a></h6>
</div>
<div class="clearfix"> </div>
</div>
<div class="compose-block">
<a href="inbox-details.html">Compose</a>
</div>
<div class="compose-bottom">
<nav class="nav-sidebar">
<ul class="nav tabs">
<li class="active"><a href="#tab1" data-toggle="tab"><i class="fa fa-inbox"></i>Inbox <span>9</span><div class="clearfix"></div></a></li>
<li class=""><a href="#tab2" data-toggle="tab"><i class="fa fa-envelope-o"></i>Sent</a></li>
<li class=""><a href="#tab3" data-toggle="tab"><i class="fa fa-star-o"></i>Important</a></li>
<li class=""><a href="#tab4" data-toggle="tab"><i class="fa fa-pencil-square-o"></i>Draft <span>6</span><div class="clearfix"></div></a></li>
<li class=""><a href="#tab5" data-toggle="tab"><i class="fa fa-trash-o"></i>Delete</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-md-8 mailbox-content tab-content tab-content-in">
<div class="tab-pane active text-style" id="tab1">
<div class="mailbox-border">
<div class="mail-toolbar clearfix">
<div class="float-left">
<div class="btn btn_1 btn-default mrg5R">
<i class="fa fa-refresh"> </i>
</div>
<div class="dropdown dropdown-inbox">
<a href="#" title="" class="btn btn-default" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-cog icon_8"></i>
<i class="fa fa-chevron-down icon_8"></i>
<div class="ripple-wrapper"></div></a>
<ul class="dropdown-menu float-right">
<li>
<a href="#" title="">
<i class="fa fa-pencil-square-o icon_9"> </i>
Edit
</a>
</li>
<li>
<a href="#" title="">
<i class="fa fa-calendar icon_9"> </i>
Schedule
</a>
</li>
<li>
<a href="#" title="">
<i class="fa fa-download icon_9"> </i>
Download
</a>
</li>
<li class="divider"></li>
<li>
<a href="#" class="font-red" title="">
<i class="fa fa-times" icon_9=""> </i>
Delete
</a>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="float-right">
<span class="text-muted m-r-sm">Showing 20 of 346 </span>
<div class="btn-group m-r-sm mail-hidden-options" style="display: inline-block;">
<div class="btn-group">
<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-folder"></i> <span class="caret"></span></a>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li><a href="#">Social</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Updates</a></li>
<li class="divider"></li>
<li><a href="#">Spam</a></li>
<li><a href="#">Trash</a></li>
<li class="divider"></li>
<li><a href="#">New</a></li>
</ul>
</div>
<div class="btn-group">
<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-tags"></i> <span class="caret"></span></a>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li><a href="#">Work</a></li>
<li><a href="#">Family</a></li>
<li><a href="#">Social</a></li>
<li class="divider"></li>
<li><a href="#">Primary</a></li>
<li><a href="#">Promotions</a></li>
<li><a href="#">Forums</a></li>
</ul>
</div>
</div>
<div class="btn-group">
<a class="btn btn-default"><i class="fa fa-angle-left"></i></a>
<a class="btn btn-default"><i class="fa fa-angle-right"></i></a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<table class="table tab-border">
<tbody>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"> </i>
</td>
<td class="hidden-xs">
Google
</td>
<td>
Lorem Ipsum is simply
</td>
<td>
</td>
<td>
12 march
</td>
</tr>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Consectetuer adipiscing elit
</td>
<td>
</td>
<td>
02 march
</td>
</tr>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Adobe
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
8 march
</td>
</tr>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Apple
</td>
<td>
Hai Neha.How are You
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
4 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Microsoft
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
1 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Microsoft
</td>
<td>
Lorem ipsum dolor sit amet
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
15 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Microsoft
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
</td>
<td>
16 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Microsoft
</td>
<td>
Lorem Ipsum is simply
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
9 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Microsoft
</td>
<td>
Consectetuer adipiscing elit
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
16 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
</td>
<td>
10 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Lorem ipsum dolor sit amet
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
14 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
</td>
<td>
11 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Lorem ipsum dolor sit amet
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
20 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
25 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Twitter
</td>
<td>
Consectetuer adipiscing elit
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
26 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Twitter
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
</td>
<td>
28 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Twitter
</td>
<td>
Lorem ipsum dolor sit amet
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
06 march
</td>
</tr>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Twitter
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
8 march
</td>
</tr>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Consectetuer adipiscing elit
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
10 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
16 march
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="tab-pane text-style" id="tab2">
<div class="mailbox-border">
<div class="mail-toolbar clearfix">
<div class="float-left">
<div class="btn btn_1 btn-default mrg5R">
<i class="fa fa-refresh"> </i>
</div>
<div class="dropdown dropdown-inbox">
<a href="#" title="" class="btn btn-default" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-cog icon_8"></i>
<i class="fa fa-chevron-down icon_8"></i>
<div class="ripple-wrapper"></div></a>
<ul class="dropdown-menu float-right">
<li>
<a href="#" title="">
<i class="fa fa-pencil-square-o icon_9"> </i>
Edit
</a>
</li>
<li>
<a href="#" title="">
<i class="fa fa-calendar icon_9"> </i>
Schedule
</a>
</li>
<li>
<a href="#" title="">
<i class="fa fa-download icon_9"> </i>
Download
</a>
</li>
<li class="divider"></li>
<li>
<a href="#" class="font-red" title="">
<i class="fa fa-times" icon_9=""> </i>
Delete
</a>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="float-right">
<span class="text-muted m-r-sm">Showing 20 of 346 </span>
<div class="btn-group m-r-sm mail-hidden-options" style="display: inline-block;">
<div class="btn-group">
<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-folder"></i> <span class="caret"></span></a>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li><a href="#">Social</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Updates</a></li>
<li class="divider"></li>
<li><a href="#">Spam</a></li>
<li><a href="#">Trash</a></li>
<li class="divider"></li>
<li><a href="#">New</a></li>
</ul>
</div>
<div class="btn-group">
<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-tags"></i> <span class="caret"></span></a>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li><a href="#">Work</a></li>
<li><a href="#">Family</a></li>
<li><a href="#">Social</a></li>
<li class="divider"></li>
<li><a href="#">Primary</a></li>
<li><a href="#">Promotions</a></li>
<li><a href="#">Forums</a></li>
</ul>
</div>
</div>
<div class="btn-group">
<a class="btn btn-default"><i class="fa fa-angle-left"></i></a>
<a class="btn btn-default"><i class="fa fa-angle-right"></i></a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<table class="table tab-border">
<tbody>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Consectetuer adipiscing elit
</td>
<td>
</td>
<td>
02 march
</td>
</tr>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Adobe
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
8 march
</td>
</tr>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Apple
</td>
<td>
Hai Neha.How are You
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
4 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Microsoft
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
1 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Microsoft
</td>
<td>
Lorem ipsum dolor sit amet
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
15 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
</td>
<td>
10 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Lorem ipsum dolor sit amet
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
14 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
</td>
<td>
11 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Lorem ipsum dolor sit amet
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
20 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
25 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Twitter
</td>
<td>
Consectetuer adipiscing elit
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
26 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Twitter
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
</td>
<td>
28 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Twitter
</td>
<td>
Lorem ipsum dolor sit amet
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
06 march
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="tab-pane text-style" id="tab3">
<div class="mailbox-border">
<div class="mail-toolbar clearfix">
<div class="float-left">
<div class="btn btn_1 btn-default mrg5R">
<i class="fa fa-refresh"> </i>
</div>
<div class="dropdown dropdown-inbox">
<a href="#" title="" class="btn btn-default" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-cog icon_8"></i>
<i class="fa fa-chevron-down icon_8"></i>
<div class="ripple-wrapper"></div></a>
<ul class="dropdown-menu float-right">
<li>
<a href="#" title="">
<i class="fa fa-pencil-square-o icon_9"> </i>
Edit
</a>
</li>
<li>
<a href="#" title="">
<i class="fa fa-calendar icon_9"> </i>
Schedule
</a>
</li>
<li>
<a href="#" title="">
<i class="fa fa-download icon_9"> </i>
Download
</a>
</li>
<li class="divider"></li>
<li>
<a href="#" class="font-red" title="">
<i class="fa fa-times" icon_9=""> </i>
Delete
</a>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="float-right">
<span class="text-muted m-r-sm">Showing 20 of 346 </span>
<div class="btn-group m-r-sm mail-hidden-options" style="display: inline-block;">
<div class="btn-group">
<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-folder"></i> <span class="caret"></span></a>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li><a href="#">Social</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Updates</a></li>
<li class="divider"></li>
<li><a href="#">Spam</a></li>
<li><a href="#">Trash</a></li>
<li class="divider"></li>
<li><a href="#">New</a></li>
</ul>
</div>
<div class="btn-group">
<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-tags"></i> <span class="caret"></span></a>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li><a href="#">Work</a></li>
<li><a href="#">Family</a></li>
<li><a href="#">Social</a></li>
<li class="divider"></li>
<li><a href="#">Primary</a></li>
<li><a href="#">Promotions</a></li>
<li><a href="#">Forums</a></li>
</ul>
</div>
</div>
<div class="btn-group">
<a class="btn btn-default"><i class="fa fa-angle-left"></i></a>
<a class="btn btn-default"><i class="fa fa-angle-right"></i></a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<table class="table tab-border">
<tbody>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Consectetuer adipiscing elit
</td>
<td>
</td>
<td>
02 march
</td>
</tr>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Adobe
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
8 march
</td>
</tr>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Apple
</td>
<td>
Hai Neha.How are You
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
4 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Microsoft
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
1 march
</td>
</tr>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"> </i>
</td>
<td class="hidden-xs">
Google
</td>
<td>
Lorem Ipsum is simply
</td>
<td>
</td>
<td>
12 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Microsoft
</td>
<td>
Consectetuer adipiscing elit
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
16 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
</td>
<td>
10 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Twitter
</td>
<td>
Lorem ipsum dolor sit amet
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
06 march
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="tab-pane text-style" id="tab4">
<div class="mailbox-border">
<div class="mail-toolbar clearfix">
<div class="float-left">
<div class="btn btn_1 btn-default mrg5R">
<i class="fa fa-refresh"> </i>
</div>
<div class="dropdown dropdown-inbox">
<a href="#" title="" class="btn btn-default" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-cog icon_8"></i>
<i class="fa fa-chevron-down icon_8"></i>
<div class="ripple-wrapper"></div></a>
<ul class="dropdown-menu float-right">
<li>
<a href="#" title="">
<i class="fa fa-pencil-square-o icon_9"> </i>
Edit
</a>
</li>
<li>
<a href="#" title="">
<i class="fa fa-calendar icon_9"> </i>
Schedule
</a>
</li>
<li>
<a href="#" title="">
<i class="fa fa-download icon_9"> </i>
Download
</a>
</li>
<li class="divider"></li>
<li>
<a href="#" class="font-red" title="">
<i class="fa fa-times" icon_9=""> </i>
Delete
</a>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="float-right">
<span class="text-muted m-r-sm">Showing 20 of 346 </span>
<div class="btn-group m-r-sm mail-hidden-options" style="display: inline-block;">
<div class="btn-group">
<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-folder"></i> <span class="caret"></span></a>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li><a href="#">Social</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Updates</a></li>
<li class="divider"></li>
<li><a href="#">Spam</a></li>
<li><a href="#">Trash</a></li>
<li class="divider"></li>
<li><a href="#">New</a></li>
</ul>
</div>
<div class="btn-group">
<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-tags"></i> <span class="caret"></span></a>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li><a href="#">Work</a></li>
<li><a href="#">Family</a></li>
<li><a href="#">Social</a></li>
<li class="divider"></li>
<li><a href="#">Primary</a></li>
<li><a href="#">Promotions</a></li>
<li><a href="#">Forums</a></li>
</ul>
</div>
</div>
<div class="btn-group">
<a class="btn btn-default"><i class="fa fa-angle-left"></i></a>
<a class="btn btn-default"><i class="fa fa-angle-right"></i></a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<table class="table tab-border">
<tbody>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Adobe
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
8 march
</td>
</tr>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Apple
</td>
<td>
Hai Neha.How are You
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
4 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Microsoft
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
1 march
</td>
</tr>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"> </i>
</td>
<td class="hidden-xs">
Google
</td>
<td>
Lorem Ipsum is simply
</td>
<td>
</td>
<td>
12 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Microsoft
</td>
<td>
Consectetuer adipiscing elit
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
16 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
</td>
<td>
10 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Twitter
</td>
<td>
Lorem ipsum dolor sit amet
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
06 march
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="tab-pane text-style" id="tab5">
<div class="mailbox-border">
<div class="mail-toolbar clearfix">
<div class="float-left">
<div class="btn btn_1 btn-default mrg5R">
<i class="fa fa-refresh"> </i>
</div>
<div class="dropdown dropdown-inbox">
<a href="#" title="" class="btn btn-default" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-cog icon_8"></i>
<i class="fa fa-chevron-down icon_8"></i>
<div class="ripple-wrapper"></div></a>
<ul class="dropdown-menu float-right">
<li>
<a href="#" title="">
<i class="fa fa-pencil-square-o icon_9"> </i>
Edit
</a>
</li>
<li>
<a href="#" title="">
<i class="fa fa-calendar icon_9"> </i>
Schedule
</a>
</li>
<li>
<a href="#" title="">
<i class="fa fa-download icon_9"> </i>
Download
</a>
</li>
<li class="divider"></li>
<li>
<a href="#" class="font-red" title="">
<i class="fa fa-times" icon_9=""> </i>
Delete
</a>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="float-right">
<span class="text-muted m-r-sm">Showing 20 of 346 </span>
<div class="btn-group m-r-sm mail-hidden-options" style="display: inline-block;">
<div class="btn-group">
<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-folder"></i> <span class="caret"></span></a>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li><a href="#">Social</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Updates</a></li>
<li class="divider"></li>
<li><a href="#">Spam</a></li>
<li><a href="#">Trash</a></li>
<li class="divider"></li>
<li><a href="#">New</a></li>
</ul>
</div>
<div class="btn-group">
<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-tags"></i> <span class="caret"></span></a>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li><a href="#">Work</a></li>
<li><a href="#">Family</a></li>
<li><a href="#">Social</a></li>
<li class="divider"></li>
<li><a href="#">Primary</a></li>
<li><a href="#">Promotions</a></li>
<li><a href="#">Forums</a></li>
</ul>
</div>
</div>
<div class="btn-group">
<a class="btn btn-default"><i class="fa fa-angle-left"></i></a>
<a class="btn btn-default"><i class="fa fa-angle-right"></i></a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<table class="table tab-border">
<tbody>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Apple
</td>
<td>
Hai Neha.How are You
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
4 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Microsoft
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
1 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Lorem ipsum dolor sit amet
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
20 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
25 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Twitter
</td>
<td>
Consectetuer adipiscing elit
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
26 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Twitter
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
</td>
<td>
28 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star icon-state-warning"></i>
</td>
<td class="hidden-xs">
Twitter
</td>
<td>
Lorem ipsum dolor sit amet
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
06 march
</td>
</tr>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Twitter
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
8 march
</td>
</tr>
<tr class="unread checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Consectetuer adipiscing elit
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
10 march
</td>
</tr>
<tr class="read checked">
<td class="hidden-xs">
<input type="checkbox" class="checkbox">
</td>
<td class="hidden-xs">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs">
Dropbox
</td>
<td>
Nemo enim ipsam voluptatem
</td>
<td>
<i class="fa fa-paperclip"></i>
</td>
<td>
16 march
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--inner block end here-->
<!--copy rights start here-->
<div class="copyrights">
<p>© 2016 Shoppy. All Rights Reserved | Design by <a href="http://w3layouts.com/" target="_blank">W3layouts</a> </p>
</div>
<!--COPY rights end here-->
</div>
<!--slider menu-->
<div class="sidebar-menu">
<div class="logo"> <a href="#" class="sidebar-icon"> <span class="fa fa-bars"></span> </a> <a href="#"> <span id="logo" ></span>
<!--<img id="logo" src="" alt="Logo"/>-->
</a> </div>
<div class="menu">
<ul id="menu" >
<li id="menu-home" ><a href="index.html"><i class="fa fa-tachometer"></i><span>Dashboard</span></a></li>
<li><a href="#"><i class="fa fa-cogs"></i><span>Components</span><span class="fa fa-angle-right" style="float: right"></span></a>
<ul>
<li><a href="grids.html">Grids</a></li>
<li><a href="portlet.html">Portlets</a></li>
</ul>
</li>
<li id="menu-comunicacao" ><a href="#"><i class="fa fa-book nav_icon"></i><span>Element</span><span class="fa fa-angle-right" style="float: right"></span></a>
<ul id="menu-comunicacao-sub" >
<li id="menu-mensagens" style="width: 120px" ><a href="buttons.html">Buttons</a>
</li>
<li id="menu-arquivos" ><a href="typography.html">Typography</a></li>
<li id="menu-arquivos" ><a href="icons.html">Icons</a></li>
</ul>
</li>
<li><a href="maps.html"><i class="fa fa-map-marker"></i><span>Maps</span></a></li>
<li id="menu-academico" ><a href="#"><i class="fa fa-file-text"></i><span>Pages</span><span class="fa fa-angle-right" style="float: right"></span></a>
<ul id="menu-academico-sub" >
<li id="menu-academico-boletim" ><a href="login.html">Login</a></li>
<li id="menu-academico-avaliacoes" ><a href="signup.html">Sign Up</a></li>
</ul>
</li>
<li><a href="charts.html"><i class="fa fa-bar-chart"></i><span>Charts</span></a></li>
<li><a href="#"><i class="fa fa-envelope"></i><span>Mailbox</span><span class="fa fa-angle-right" style="float: right"></span></a>
<ul id="menu-academico-sub" >
<li id="menu-academico-avaliacoes" ><a href="inbox.html">Inbox</a></li>
<li id="menu-academico-boletim" ><a href="inbox-details.html">Compose email</a></li>
</ul>
</li>
<li><a href="#"><i class="fa fa-cog"></i><span>System</span><span class="fa fa-angle-right" style="float: right"></span></a>
<ul id="menu-academico-sub" >
<li id="menu-academico-avaliacoes" ><a href="404.html">404</a></li>
<li id="menu-academico-boletim" ><a href="blank.html">Blank</a></li>
</ul>
</li>
<li><a href="#"><i class="fa fa-shopping-cart"></i><span>E-Commerce</span><span class="fa fa-angle-right" style="float: right"></span></a>
<ul id="menu-academico-sub" >
<li id="menu-academico-avaliacoes" ><a href="product.html">Product</a></li>
<li id="menu-academico-boletim" ><a href="price.html">Price</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!--slide bar menu end here-->
<script>
var toggle = true;
$(".sidebar-icon").click(function() {
if (toggle)
{
$(".page-container").addClass("sidebar-collapsed").removeClass("sidebar-collapsed-back");
$("#menu span").css({"position":"absolute"});
}
else
{
$(".page-container").removeClass("sidebar-collapsed").addClass("sidebar-collapsed-back");
setTimeout(function() {
$("#menu span").css({"position":"relative"});
}, 400);
}
toggle = !toggle;
});
</script>
<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->
<script src="js/bootstrap.js"> </script>
<!-- mother grid end here-->
</body>
</html>