API tools faq
paste
dhimas01

a.php

dhimas01
Mar 30th, 2016
125
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 53.55 KB | None | 0 0
raw download clone embed print report
  1. <<!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  7.     <meta name="author" content="Dhimas Rafiif" />
  8.     <meta name="keyword" content="Online Shop,Dhimas Rafiif Shop,Dhimas Shop" />
  9.     <meta name="description" content="Online Shop By Dhimas Rafiif" />
  10.     <link rel="shortcut icon" href="javascript:;" type="image/png">
  11.  
  12.     <title>Dhimas Shop</title>
  13.  
  14.     <!--easy pie chart-->
  15.     <link href="js/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen" />
  16.  
  17.     <!--vector maps -->
  18.     <link rel="stylesheet" href="js/vector-map/jquery-jvectormap-1.1.1.css">
  19.  
  20.     <!--right slidebar-->
  21.     <link href="css/slidebars.css" rel="stylesheet">
  22.  
  23.     <!--switchery-->
  24.     <link href="js/switchery/switchery.min.css" rel="stylesheet" type="text/css" media="screen" />
  25.  
  26.     <!--jquery-ui-->
  27.     <link href="js/jquery-ui/jquery-ui-1.10.1.custom.min.css" rel="stylesheet" />
  28.  
  29.     <!--iCheck-->
  30.     <link href="js/icheck/skins/all.css" rel="stylesheet">
  31.  
  32.     <link href="css/owl.carousel.css" rel="stylesheet">
  33.  
  34.  
  35.     <!--common style-->
  36.     <link href="css/style.css" rel="stylesheet">
  37.     <link href="css/style-responsive.css" rel="stylesheet">
  38.  
  39.     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  40.     <!--[if lt IE 9]>
  41.    <script src="js/html5shiv.js"></script>
  42.    <script src="js/respond.min.js"></script>
  43.    <![endif]-->
  44. <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.5.1/jquery.nicescroll.min.js"></script>
  45. $(document).ready(function() {
  46.     $("html").niceScroll({cursorwidth: '10px', autohidemode: false, zindex: 999 });
  47. });
  48. </head>
  49.  
  50. <body class="sticky-header">
  51.  
  52.     <section>
  53.         <!-- sidebar left start-->
  54.         <div class="sidebar-left">
  55.             <!--responsive view logo start-->
  56.             <div class="logo dark-logo-bg visible-xs-* visible-sm-*">
  57.                 <a href="home.php">
  58.                     <img src="img/logo-icon.png" alt="">
  59.                     <!--<i class="fa fa-maxcdn"></i>-->
  60.                     <span class="brand-name">Dhimas Rafiif</span>
  61.                 </a>
  62.             </div>
  63.             <!--responsive view logo end-->
  64.  
  65.             <div class="sidebar-left-info">
  66.                 <!-- visible small devices start-->
  67.                 <div class=" search-field">  </div>
  68.                 <!-- visible small devices end-->
  69.  
  70.                 <!--sidebar nav start-->
  71.                 <ul class="nav nav-pills nav-stacked side-navigation">
  72.                     <li>
  73.                         <h3 class="navigation-title">Navigation</h3>
  74.                     </li>
  75.                     <li class="active"><a href="home.php"><i class="fa fa-home"></i> <span>Dashboard</span></a></li>
  76.                    
  77.                     </li>
  78.                    
  79.                     <li>
  80.                         <h3 class="navigation-title">Panel</h3>
  81.                     </li>
  82.                     <li class="menu-list"><a href="#"><i class="fa fa-cogs"></i> <span>Kebutuhan SV-Panel<span class="badge noti-arrow bg-success pull-right">2</span> </span></a>
  83.                         <ul class="child-list">
  84.                             <li><a href="grid.html"> Pendaftaran Member</a></li>
  85.                             <li><a href="calendar.html"> Top Up Saldo SV Panel</a></li>
  86.                         </ul>
  87.                     </li>
  88.  
  89.                     <li class="menu-list"><a href="javascript:;"><i class="fa fa-th-list"></i> <span>Kebutuhan RZ-Gamers</span></a>
  90.                         <ul class="child-list">
  91.                             <li><a href="table-static.html"> Pendaftaran Member</a></li>
  92.                             <li><a href="table-static.html"> Pendaftaran Agen</a></li>
  93.                             <li><a href="table-dynamic.html"> Top Up Saldo</a></li>
  94.                         </ul>
  95.                     </li>
  96.  
  97.                     <li class="menu-list"><a href="#"><i class="fa fa-tasks"></i> <span>Kebutuhan Galaxy Panel</span></a>
  98.                         <ul class="child-list">
  99.                             <li><a href="form-layout.html"> Pendaftaran Member</a></li>
  100.                             <li><a href="advanced-components.html"> Pendaftaran Agen</a></li>
  101.                             <li><a href="form-wizard.html"> TopUp Saldo Galaxy Panel</a></li>
  102.                             </ul>
  103.                     </li>
  104.  
  105.                    <li class="menu-list"><a href="javascript:;"><i class="fa fa-th-list"></i> <span>Kebutuhan XHack</span></a>
  106.                         <ul class="child-list">
  107.                             <li><a href="inbox.html"> Pendaftaran Cheat XHack</a></li>
  108.                             <li><a href="inbox-details.html"> Perpanjang Cheat XHack</a></li>
  109.                             <li><a href="inbox-details.html"> Register SubReseller XHack</a></li>
  110.                             <li><a href="inbox-compose.html"> TopUp Saldo XHack</a></li>
  111.                             </ul>
  112.                     </li>
  113.  
  114.                     <li class="menu-list"><a href="#"><i class="fa fa-tasks"></i> <span>Kebutuhan Social Media</span></a>
  115.                         <ul class="child-list">
  116.                             <li><a href="likeig.php"> Instagram Likes</a></li>
  117.                             <li><a href="follig.php"> Instagram Followers</a></li>
  118.                             <li><a href="login.html"> Twitter Retweet </a></li>
  119.                             <li><a href="registration.html"> Twitter Favorite </a></li>
  120.                             <li><a href="lock.html"> Youtube Viewers </a></li>
  121.                             <li><a href="404.html"> Facebook Post Likes</a></li>
  122.                             <li><a href="404.html"> Facebook Post Likes</a></li>
  123.                             <li><a href="500.html"> Soundcloud Plays</a></li>
  124.                             </ul>
  125.                     </li>
  126.                    
  127.  
  128.                         </ul>
  129.                     </li>
  130.  
  131.                 </ul>
  132.                 <!--sidebar nav end-->
  133.  
  134.                 <!--sidebar widget start-->
  135.                 <div class="sidebar-widget">
  136.                     <h4>Order Status</h4>
  137.                     <ul class="list-group">
  138.                         <li>
  139.                             <span class="label label-danger pull-right">100%</span>
  140.                             <p>Order Success</p>
  141.                             <div class="progress progress-xs">
  142.                                 <div class="progress-bar progress-bar-danger" style="width: 100%;">
  143.                                     <span class="sr-only">100%</span>
  144.                                 </div>
  145.                             </div>
  146.                         </li>
  147.                         <li>
  148.                             <span class="label label-warning pull-right">0%</span>
  149.                             <p>Order Pending</p>
  150.                             <div class="progress progress-xs">
  151.                                 <div class="progress-bar progress-bar-warning" style="width: 0%;">
  152.                                     <span class="sr-only">0%</span>
  153.                                 </div>
  154.                             </div>
  155.                         </li>
  156.                     </ul>
  157.                 </div>
  158.                 <!--sidebar widget end-->
  159.  
  160.             </div>
  161.         </div>
  162.         <!-- sidebar left end-->
  163.  
  164.         <!-- body content start-->
  165.         <div class="body-content" >
  166.  
  167.             <!-- header section start-->
  168.             <div class="header-section">
  169.  
  170.                 <!--logo and logo icon start-->
  171.                 <div class="logo dark-logo-bg hidden-xs hidden-sm">
  172.                     <a href="index.html">
  173.                         <img src="img/logo-icon.png" alt="">
  174.                         <!--<i class="fa fa-maxcdn"></i>-->
  175.                         <span class="brand-name">Dhimas Shop</span>
  176.                     </a>
  177.                 </div>
  178.  
  179.                 <div class="icon-logo dark-logo-bg hidden-xs hidden-sm">
  180.                     <a href="index.html">
  181.                         <img src="img/logo-icon.png" alt="">
  182.                         <!--<i class="fa fa-maxcdn"></i>-->
  183.                     </a>
  184.                 </div>
  185.                 <!--logo and logo icon end-->
  186.  
  187.                 <!--toggle button start-->
  188.                 <a class="toggle-btn"><i class="fa fa-outdent"></i></a>
  189.                 <!--toggle button end-->
  190.  
  191.                
  192.                 <div class="notification-wrap">
  193.                 <!--left notification start-->
  194.                 <div class="left-notification">
  195.                 <ul class="notification-menu">
  196.                 <!--mail info start-->
  197.                 <li class="d-none">
  198.                     <a href="javascript:;" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
  199.                         <i class="fa fa-envelope-o"></i>
  200.                         <span class="badge bg-primary">3</span>
  201.                     </a>
  202.  
  203.                     <div class="dropdown-menu dropdown-title">
  204.                         <div class="title-row">
  205.                             <h5 class="title purple">
  206.                                 You have 3 Unread Mail
  207.                             </h5>
  208.                             <a href="javascript:;" class="btn-primary btn-view-all">View all</a>
  209.                         </div>
  210.                         <div class="notification-list mail-list">
  211.                             <a href="javascript:;" class="single-mail">
  212.                                 <span class="icon bg-primary">
  213.                                     D
  214.                                 </span>
  215.                                 <strong> Dhimas Rafiif</strong>
  216.                                 <small> Just Now</small>
  217.                                 <p>
  218.                                     <small>Welcome To Dhimas Shop</small>
  219.                                 </p>
  220.                                 <span class="un-read tooltips" data-original-title="Mark as Read" data-toggle="tooltip" data-placement="left">
  221.                                     <i class="fa fa-circle"></i>
  222.                                 </span>
  223.                             </a>
  224.                             <a href="javascript:;" class="single-mail">
  225.                                 <span class="icon bg-success">
  226.                                     D
  227.                                 </span>
  228.                                 <strong>Dhimas Rafiif </strong>
  229.                                 <small> 30 Mins Ago</small>
  230.                                 <p>
  231.                                     <small>Happy Shopping</small>
  232.                                 </p>
  233.                                 <span class="un-read tooltips" data-original-title="Mark as Read" data-toggle="tooltip" data-placement="left">
  234.                                     <i class="fa fa-circle"></i>
  235.                                 </span>
  236.                             </a>
  237.                             <a href="javascript:;" class="single-mail">
  238.                                 <span class="icon bg-warning">
  239.                                     D
  240.                                 </span> Dhimas Rafiif
  241.                                 <small> 1 Mins Ago</small>
  242.                                 <p>
  243.                                     <small>For Order, Contact Me</small>
  244.                                 </p>
  245.                                 <span class="read tooltips" data-original-title="Mark as Unread" data-toggle="tooltip" data-placement="left">
  246.                                     <i class="fa fa-circle-o"></i>
  247.                                 </span>
  248.                             </a>
  249.                            
  250.                             </a>
  251.                         </div>
  252.                     </div>
  253.                 </li>
  254.                 <!--mail info end-->
  255.  
  256.                 <!--task info start-->
  257.                 <li class="d-none">
  258.                     <a href="javascript:;" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
  259.                         <i class="fa fa-tasks"></i>
  260.                         <span class="badge bg-success">9</span>
  261.                     </a>
  262.  
  263.                     <div class="dropdown-menu dropdown-title">
  264.                         <div class="title-row">
  265.                             <h5 class="title green">
  266.                                 Admin have 5 task
  267.                             </h5>
  268.                             <a href="javascript:;" class="btn-success btn-view-all">View all</a>
  269.                         </div>
  270.                         <div class="notification-list task-list">
  271.                             <a href="javascript:;">
  272.                                 <span class="icon ">
  273.                                     <i class="fa fa-paw green-color"></i>
  274.                                 </span>
  275.                                 <span class="task-info">
  276.                                 Dhimas Rafiif
  277.                                 <small> processing orders 10 min ago</small>
  278.                                     </span>
  279.                             </a>
  280.                             <a href="javascript:;">
  281.                                 <span class="icon ">
  282.                                     <i class="fa fa-line-chart blue-color"></i>
  283.                                 </span>
  284.                                 <span class="task-info">Dhimas Rafiif
  285.                                 <small> Done 60% of his Web</small>
  286.  
  287.                                 <div class="progress progress-striped">
  288.                                     <div style="width: 60%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="60"
  289.                                         role="progressbar" class="progress-bar progress-bar-info"></div>
  290.                                 </div>
  291.  
  292.                                 </span>
  293.                             </a>
  294.                             <a href="javascript:;">
  295.                                 <span class="icon ">
  296.                                     <i class="fa fa-heart purple-color"></i>
  297.                                 </span>
  298.                                 <span class="task-info">Dhimas Rafiif
  299.                                 <small> Completed Order 10 min ago</small>
  300.                                     </span>
  301.  
  302.                             </a>
  303.                             <a href="javascript:;">
  304.                                 <span class="icon ">
  305.                                     <i class="fa fa-check green-color"></i>
  306.                                 </span>
  307.                                 <span class="task-info">Dhimas Rafiif
  308.                                 <small>completed his Web 7 Days More</small>
  309.                                     </span>
  310.                             </a>
  311.                             <a href="javascript:;">
  312.                                 <span class="icon ">
  313.                                     <i class="fa fa-comments-o"></i>
  314.                                 </span>
  315.                                 <span class="task-info">Dhimas Rafiif
  316.                                 <small>Added New Fiture 3 Days ago</small>
  317.                                 </span>
  318.                             </a>
  319.                         </div>
  320.                     </div>
  321.                 </li>
  322.                 <!--task info end-->
  323.  
  324.                 <!--notification info start-->
  325.                 <li>
  326.                     <a href="javascript:;" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
  327.                         <i class="fa fa-bell-o"></i>
  328.                         <span class="badge bg-warning">1</span>
  329.                     </a>
  330.  
  331.                     <div class="dropdown-menu dropdown-title ">
  332.  
  333.                         <div class="title-row">
  334.                             <h5 class="title yellow">
  335.                                 You have 1 New Notification
  336.                             </h5>
  337.                             <a href="javascript:;" class="btn-warning btn-view-all">View all</a>
  338.                         </div>
  339.                         <div class="notification-list-scroll sidebar">
  340.                             <div class="notification-list mail-list not-list">
  341.                                 <a href="javascript:;" class="single-mail">
  342.                                     <span class="icon bg-primary">
  343.                                         <i class="fa fa-envelope-o"></i>
  344.                                     </span>
  345.                                     <strong>New Visitor</strong>
  346.  
  347.                                     <p>
  348.                                         <small>Just Now</small>
  349.                                     </p>
  350.                                     <span class="un-read tooltips" data-original-title="Mark as Read" data-toggle="tooltip" data-placement="left">
  351.                                         <i class="fa fa-circle"></i>
  352.                                     </span>
  353.                                 </a>
  354.              
  355.                                 </a>
  356.  
  357.                             </div>
  358.                         </div>
  359.                     </div>
  360.                 </li>
  361.                 <!--notification info end-->
  362.                 </ul>
  363.                 </div>
  364.                 <!--left notification end-->
  365.  
  366.  
  367.                 <!--right notification start-->
  368.                 <div class="right-notification">
  369.                     <ul class="notification-menu">
  370.                         <li>
  371.                             <form class="search-content" action="http://thevectorlab.net/slicklab/index.html" method="post">
  372.                                 <input type="text" class="form-control" name="keyword" placeholder="Search...">
  373.                             </form>
  374.                         </li>
  375.  
  376.                         <li>
  377.                             <a href="javascript:;" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
  378.                                 <img src="img/avatar-mini.jpg" alt="">Dhimas Rafiif
  379.                                 <span class=" fa fa-angle-down"></span>
  380.                             </a>
  381.                             <ul class="dropdown-menu dropdown-usermenu purple pull-right">
  382.                                 <li><a href="javascript:;">  Profile</a></li>
  383.                                 <li>
  384.                                     <a href="javascript:;">
  385.                                         <span>Settings</span>
  386.                                     </a>
  387.                                 </li>
  388.                                 <li>
  389.                                     <a href="javascript:;">
  390.                                         <span class="label bg-info pull-right">New</span>
  391.                                         Help
  392.                                     </a>
  393.                                 </li>
  394.                                 <li><a href="lock.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a></li>
  395.                             </ul>
  396.                         </li>
  397.                         <li>
  398.                             <div class="sb-toggle-right">
  399.                                 <i class="fa fa-indent"></i>
  400.                             </div>
  401.                         </li>
  402.  
  403.                     </ul>
  404.                 </div>
  405.                 <!--right notification end-->
  406.                 </div>
  407.  
  408.             </div>
  409.             <!-- header section end-->
  410.  
  411.             <!-- page head start-->
  412.             <div class="page-head">
  413.                 <h3>
  414.                     Dashboard
  415.                 </h3>
  416.                 <span class="sub-title">Welcome to Dhimas Shop</span>
  417.                 <div class="state-information">
  418.                     <div class="state-graph">
  419.                         <div id="balance" class="chart"></div>
  420.                         <div class="info">-</div>
  421.                     </div>
  422.                     <div class="state-graph">
  423.                         <div id="item-sold" class="chart"></div>
  424.                         <div class="info">Item Sold 130</div>
  425.                     </div>
  426.                 </div>
  427.             </div>
  428.             <!-- page head end-->
  429.             <!--body wrapper start-->
  430.             <div class="wrapper">
  431.                 <!--state overview start-->
  432.                 <div class="row state-overview">
  433.                     <div class="col-lg-3 col-sm-6">
  434.                         <section class="panel purple">
  435.                             <div class="symbol">
  436.                                 <i class="fa fa-send"></i>
  437.                             </div>
  438.                             <div class="value white">
  439.                                 <h1>59F343DC
  440.                                     <!--320-->
  441.                                 </h1>
  442.                                 <p>PIN BBM</p>
  443.                             </div>
  444.                         </section>
  445.                     </div>
  446.                     <div class="col-lg-3 col-sm-6">
  447.                         <section class="panel ">
  448.                             <div class="symbol purple-color">
  449.                                 <i class="fa fa-tags"></i>
  450.                             </div>
  451.                             <div class="value gray">
  452.                                 <h1>0822 2122 0292
  453.                                     <!--123-->
  454.                                 </h1>
  455.                                 <p>Nomor HP</p>
  456.                             </div>
  457.                         </section>
  458.                     </div>
  459.                     <div class="col-lg-3 col-sm-6">
  460.                         <section class="panel green">
  461.                             <div class="symbol ">
  462.                                 <i class="fa fa-cloud-upload"></i>
  463.                             </div>
  464.                             <div class="value white">
  465.                                 <h1> dhimas01
  466.                                     <!--432-->
  467.                                 </h1>
  468.                                 <p>LINE</p>
  469.                             </div>
  470.                         </section>
  471.                     </div>
  472.                     <div class="col-lg-3 col-sm-6">
  473.                         <section class="panel">
  474.                             <div class="symbol green-color">
  475.                                 <i class="fa fa-bullseye"></i>
  476.                             </div>
  477.                             <div class="value gray">
  478.                                 <h1> dhimas.rsp
  479.                                     <!--2345-->
  480.                                 </h1>
  481.                                 <p>Facebook</p>
  482.                             </div>
  483.                         </section>
  484.                     </div>
  485.                 </div>
  486.                 <!--state overview end-->
  487.  
  488.                 <div class="row">
  489.                     <div class="col-md-8">
  490.                         <section class="panel">
  491.                             <header class="panel-heading">
  492.                                 Earning Graph
  493.                                
  494.                         </section>
  495.                     </div>
  496.                     <div class="col-md-4">
  497.                         <section class="panel">
  498.  
  499.                             <div class="slick-carousal">
  500.                                 <div class="overlay-c-bg"></div>
  501.                                 <div id="news-feed" class="owl-carousel owl-theme">
  502.                                     <div class="item">
  503.                                         <h3 class="text-success">News</h3>
  504.                                        <span class="date">12 March 2016</span>
  505.                                         <h1>If today were the last day of your life, would you want to do what your are about to do today</h1>
  506.                                         <div class="text-center">
  507.                                             <a href="javascript:;" class="view-all">View All</a>
  508.                                         </div>
  509.                                     </div>
  510.                                     <div class="item">
  511.                                         <h3 class="text-success">News</h3>
  512.                                         <span class="date">11 February 2015</span>
  513.                                         <h1>SlickLab build with Boostrap latest version 3+. Its very easy to customize. Hope you enjoy it..</h1>
  514.                                         <div class="text-center">
  515.                                             <a href="javascript:;" class="view-all">View All</a>
  516.                                         </div>
  517.                                     </div>
  518.                                     <div class="item">
  519.                                         <h3 class="text-success">News</h3>
  520.                                         <span class="date">10 January 2015</span>
  521.                                         <h1>It has huge usable widgets, amazing design, clean code quality, super responsive and quick customar support.</h1>
  522.                                         <div class="text-center">
  523.                                             <a href="javascript:;" class="view-all">View All</a>
  524.                                         </div>
  525.                                     </div>
  526.                                 </div>
  527.                             </div>
  528.  
  529.  
  530.  
  531.                         </section>
  532.  
  533.                        
  534.                     </div>
  535.                 </div>
  536.  
  537.                 <div class="row">
  538.                     <div class="col-md-8">
  539.                         <section class="panel" id="">
  540.                            
  541.                             <div class="">
  542.                                
  543.                                    
  544.                                
  545.                             </div>
  546.                         </section>
  547.                     </div>
  548.                     <div class="col-md-4">
  549.                         <section class="panel">
  550.                             <div class="panel-body- weather-widget">
  551.                                 <div class="">
  552.                                    
  553.  
  554.                                    
  555.                                 </div>
  556.  
  557.                             </div>
  558.                         </section>
  559.                     </div>
  560.                 </div>
  561.  
  562.                 <div class="row">
  563.                 <div class="col-md-6">
  564.                     <section class="panel">
  565.                        
  566.                            
  567.                         </header>
  568.                        
  569.                     </section>
  570.                 </div>
  571.                 <div class="col-md-6">
  572.                     <section class="">
  573.                         <aside class="">
  574.                             <div class="">
  575.                                 <div class="">
  576.                                    
  577.                             </div>
  578.                             </div>
  579.                         </aside>
  580.                         <aside>
  581.                            
  582.                                 <span class="action-tools pull-right">
  583.                                     <a class="" href="javascript:;"></a>
  584.                                 </span>
  585.                             </header>
  586.                             <div class="post-info">
  587.                                 <ul class="team-list cycle-pager external" id='no-template-pager'>
  588.                                     <li>
  589.                                        
  590.                             </div>
  591.                         </aside>
  592.                     </section>
  593.                 </div>
  594.                 </div>
  595.  
  596.                 <div class="row">
  597.                     <div class="col-md-12">
  598.                         <section class="panel">
  599.                             <div class="">
  600.                                 <div class="row">
  601.                                     <div class="">
  602.                                        
  603.                                     </li>
  604.                                 </ul>
  605.                             </div>
  606.                         </section>
  607.                     </div>
  608.                 </div>
  609.  
  610.  
  611.             </div>
  612.             <!--body wrapper end-->
  613.  
  614.  
  615.             <!--footer section start-->
  616.             <footer>
  617.                 2015 &copy; Template by VectorLab.Design By Dhimas Rafiif
  618.             </footer>
  619.             <!--footer section end-->
  620.  
  621.  
  622.             <!-- Right Slidebar start -->
  623.             <div class="sb-slidebar sb-right sb-style-overlay">
  624.             <div class="right-bar">
  625.  
  626.             <span class="r-close-btn sb-close"><i class="fa fa-times"></i></span>
  627.  
  628.             <ul class="nav nav-tabs nav-justified-">
  629.                 <li class="active">
  630.                     <a href="#chat" data-toggle="tab">Chat</a>
  631.                 </li>
  632.                 <li class="">
  633.                     <a href="#info" data-toggle="tab">Info</a>
  634.                 </li>
  635.                 <li class="">
  636.                     <a href="#settings" data-toggle="tab">Settings</a>
  637.                 </li>
  638.             </ul>
  639.             <div class="tab-content">
  640.             <div role="tabpanel" class="tab-pane active " id="chat">
  641.                 <div class="online-chat">
  642.                     <div class="online-chat-container">
  643.                         <div class="chat-list">
  644.                             <h3>Chat list</h3>
  645.                             <h5>34 Friends Online, 80 Offline</h5>
  646.                             <a href="#" class="add-people tooltips" data-original-title="Add People" data-toggle="tooltip" data-placement="left">
  647.                                 <i class="fa fa-plus"></i>
  648.                             </a>
  649.                         </div>
  650.                         <div class="side-title">
  651.                             <h2>online</h2>
  652.                             <div class="title-border-row">
  653.                                 <div class="title-border"></div>
  654.                             </div>
  655.                         </div>
  656.  
  657.                         <ul class="team-list chat-list-side">
  658.                             <li>
  659.                                 <a href="#">
  660.                                         <span class="thumb-small">
  661.                                 <img class="circle" src="img/img2.jpg" alt="">
  662.                                 <i class="online dot"></i>
  663.                             </span>
  664.                                     <div class="inline">
  665.                                             <span class="name">
  666.                                     Alison Jones
  667.                                 </span>
  668.                                         <small class="text-muted">Start exploring</small>
  669.                                     </div>
  670.                                 </a>
  671.                             </li>
  672.                             <li>
  673.                                 <a href="#">
  674.                                         <span class="thumb-small">
  675.                                 <img class="circle" src="img/img3.jpg" alt="">
  676.                                 <i class="online dot"></i>
  677.                             </span>
  678.                                     <div class="inline">
  679.                                             <span class="name">
  680.                                     Jonathan Smith
  681.                                 </span>
  682.                                         <small class="text-muted">Alien Inside</small>
  683.                                     </div>
  684.                                 </a>
  685.                             </li>
  686.                             <li>
  687.                                 <a href="#">
  688.                                         <span class="thumb-small">
  689.                                 <img class="circle" src="img/img1.jpg" alt="">
  690.                                 <i class="away dot"></i>
  691.                             </span>
  692.                                     <div class="inline">
  693.                                             <span class="name">
  694.                                     Anjelina Doe
  695.                                 </span>
  696.                                         <small class="text-muted">Screaming...</small>
  697.                                     </div>
  698.                                 </a>
  699.                             </li>
  700.                             <li>
  701.                                 <a href="#">
  702.                                         <span class="thumb-small">
  703.                                 <img class="circle" src="img/img3.jpg" alt="">
  704.                                 <i class="busy dot"></i>
  705.                             </span>
  706.                                     <div class="inline">
  707.                                             <span class="name">
  708.                                     Franklin Adam
  709.                                 </span>
  710.                                         <small class="text-muted">Don't lose the hope</small>
  711.                                     </div>
  712.                                 </a>
  713.                             </li>
  714.                             <li>
  715.                                 <a href="#">
  716.                                         <span class="thumb-small">
  717.                                 <img class="circle" src="img/img2.jpg" alt="">
  718.                                 <i class="online dot"></i>
  719.                             </span>
  720.                                     <div class="inline">
  721.                                             <span class="name">
  722.                                     Jeff Crowford
  723.                                 </span>
  724.                                         <small class="text-muted">Just flying</small>
  725.                                     </div>
  726.                                 </a>
  727.                             </li>
  728.  
  729.                         </ul>
  730.  
  731.                         <div class="side-title">
  732.                             <h2>Offline</h2>
  733.                             <div class="title-border-row">
  734.                                 <div class="title-border"></div>
  735.                             </div>
  736.                         </div>
  737.                         <ul class="team-list chat-list-side">
  738.                             <li>
  739.                                 <a href="#">
  740.                                         <span class="thumb-small">
  741.                                 <img class="circle" src="img/img2.jpg" alt="">
  742.                                 <i class="offline dot"></i>
  743.                             </span>
  744.                                     <div class="inline">
  745.                                             <span class="name">
  746.                                     Alison Jones
  747.                                 </span>
  748.                                         <small class="text-muted">Start exploring</small>
  749.                                     </div>
  750.                                 </a>
  751.                             </li>
  752.                             <li>
  753.                                 <a href="#">
  754.                                         <span class="thumb-small">
  755.                                 <img class="circle" src="img/img3.jpg" alt="">
  756.                                 <i class="offline dot"></i>
  757.                             </span>
  758.                                     <div class="inline">
  759.                                             <span class="name">
  760.                                     Jonathan Smith
  761.                                 </span>
  762.                                         <small class="text-muted">Alien Inside</small>
  763.                                     </div>
  764.                                 </a>
  765.                             </li>
  766.                             <li>
  767.                                 <a href="#">
  768.                                         <span class="thumb-small">
  769.                                 <img class="circle" src="img/img1.jpg" alt="">
  770.                                 <i class="offline dot"></i>
  771.                             </span>
  772.                                     <div class="inline">
  773.                                             <span class="name">
  774.                                     Anjelina Doe
  775.                                 </span>
  776.                                         <small class="text-muted">Screaming...</small>
  777.                                     </div>
  778.                                 </a>
  779.                             </li>
  780.                             <li>
  781.                                 <a href="#">
  782.                                         <span class="thumb-small">
  783.                                 <img class="circle" src="img/img3.jpg" alt="">
  784.                                 <i class="offline dot"></i>
  785.                             </span>
  786.                                     <div class="inline">
  787.                                             <span class="name">
  788.                                     Franklin Adam
  789.                                 </span>
  790.                                         <small class="text-muted">Don't lose the hope</small>
  791.                                     </div>
  792.                                 </a>
  793.                             </li>
  794.                             <li>
  795.                                 <a href="#">
  796.                                         <span class="thumb-small">
  797.                                 <img class="circle" src="img/img2.jpg" alt="">
  798.                                 <i class="offline dot"></i>
  799.                             </span>
  800.                                     <div class="inline">
  801.                                             <span class="name">
  802.                                     Jeff Crowford
  803.                                 </span>
  804.                                         <small class="text-muted">Just flying</small>
  805.                                     </div>
  806.                                 </a>
  807.                             </li>
  808.  
  809.                         </ul>
  810.                     </div>
  811.  
  812.  
  813.                 </div>
  814.  
  815.  
  816.             </div>
  817.  
  818.             <div role="tabpanel" class="tab-pane " id="info">
  819.             <div class="chat-list info">
  820.                 <h3>Latest Information</h3>
  821.                 <a href="#" class="add-people tooltips" data-original-title="Refresh" data-toggle="tooltip" data-placement="left">
  822.                     <i class="fa fa-repeat"></i>
  823.                 </a>
  824.             </div>
  825.             <div class="aside-widget">
  826.                 <div class="side-title-alt">
  827.                     <h2>Revenue</h2>
  828.                     <a href="#" class="close side-w-close">
  829.                         <i class="fa fa-times"></i>
  830.                     </a>
  831.                 </div>
  832.                 <ul class="team-list chat-list-side info">
  833.                     <li>
  834.                                 <span class="thumb-small">
  835.                             <i class="fa fa-circle green-color"></i>
  836.                         </span>
  837.                         <div class="inline">
  838.                                     <span class="name">
  839.                                 Received Money from John Doe
  840.                             </span>
  841.                             <span class="value green-color">$12300</span>
  842.                         </div>
  843.                     </li>
  844.                     <li>
  845.                                 <span class="thumb-small">
  846.                             <i class="fa fa-circle purple-color"></i>
  847.                         </span>
  848.                         <div class="inline">
  849.                                     <span class="name">
  850.                                 Total Admin Template Sales
  851.                             </span>
  852.                             <span class="value purple-color">$40100</span>
  853.                         </div>
  854.                     </li>
  855.                     <li>
  856.                                 <span class="thumb-small">
  857.                             <i class="fa fa-circle red-color"></i>
  858.                         </span>
  859.                         <div class="inline">
  860.                                     <span class="name">
  861.                                 Monty Revenue
  862.                             </span>
  863.                             <span class="value red-color">$322300</span>
  864.                         </div>
  865.                     </li>
  866.                     <li>
  867.                                 <span class="thumb-small">
  868.                             <i class="fa fa-circle blue-color"></i>
  869.                         </span>
  870.                         <div class="inline">
  871.                                     <span class="name">
  872.                                 Received Money from John Doe
  873.                             </span>
  874.                             <span class="value blue-color">$1520</span>
  875.                         </div>
  876.                     </li>
  877.                 </ul>
  878.             </div>
  879.  
  880.             <div class="aside-widget">
  881.  
  882.                 <div class="side-title-alt">
  883.                     <h2>Statistics</h2>
  884.                     <a href="#" class="close side-w-close">
  885.                         <i class="fa fa-times"></i>
  886.                     </a>
  887.                 </div>
  888.                 <ul class="team-list chat-list-side info statistics border-less-list">
  889.                     <li>
  890.                         <div class="inline">
  891.                                     <span class="name">
  892.                                          Foreign Visit
  893.                                     </span>
  894.                             <small class="text-muted">25% Increase</small>
  895.                         </div>
  896.                                 <span class="thumb-small">
  897.                                     <span id="foreign-visit" class="chart"></span>
  898.                                 </span>
  899.                     </li>
  900.                     <li>
  901.                         <div class="inline">
  902.                                     <span class="name">
  903.                                 Montly Visit
  904.                             </span>
  905.                             <small class="text-muted">Average visit 12% Increase</small>
  906.                         </div>
  907.                                 <span class="thumb-small">
  908.                                     <span id="monthly-visit" class="chart"></span>
  909.                                 </span>
  910.                     </li>
  911.                     <li>
  912.                         <div class="inline">
  913.                                     <span class="name">
  914.                                 Unique Visit
  915.                             </span>
  916.                             <small class="text-muted">35% unique visitor </small>
  917.                         </div>
  918.                                 <span class="thumb-small">
  919.                                     <span id="unique-visit" class="chart"></span>
  920.                                 </span>
  921.                     </li>
  922.                 </ul>
  923.             </div>
  924.  
  925.             <div class="aside-widget">
  926.                 <div class="side-title-alt">
  927.                     <h2>Notification</h2>
  928.                     <a href="#" class="close side-w-close">
  929.                         <i class="fa fa-times"></i>
  930.                     </a>
  931.                 </div>
  932.                 <ul class="team-list chat-list-side info border-less-list">
  933.                     <li>
  934.                                 <span class="thumb-small">
  935.                             <i class="fa fa-bell green-color"></i>
  936.                         </span>
  937.                         <div class="inline">
  938.                                     <span class="name">
  939.                                 Meeting with John Doe at
  940.                             </span>
  941.                             <span class="value text-muted">11.30 am</span>
  942.                         </div>
  943.                     </li>
  944.                     <li>
  945.                                 <span class="thumb-small">
  946.                             <i class="fa fa-users green-color"></i>
  947.                         </span>
  948.                         <div class="inline">
  949.                                     <span class="name">
  950.                                 3 membership request pending
  951.                             </span>
  952.                             <span class="value text-muted">John, Smith, Lira</span>
  953.                         </div>
  954.                     </li>
  955.                 </ul>
  956.  
  957.             </div>
  958.  
  959.  
  960.             <div class="aside-widget">
  961.  
  962.  
  963.                 <div class="side-title-alt">
  964.                     <h2>System</h2>
  965.                     <a href="#" class="close side-w-close">
  966.                         <i class="fa fa-times"></i>
  967.                     </a>
  968.                 </div>
  969.                 <ul class="team-list chat-list-side info border-less-list">
  970.                     <li>
  971.                         <div class="inline">
  972.                                     <span class="name">
  973.                                 Received database error report from hosting provider
  974.                             </span>
  975.                             <span class="value text-muted">11.30 am</span>
  976.                         </div>
  977.                     </li>
  978.                     <li>
  979.                         <div class="inline">
  980.                                     <span class="name">
  981.                                 Hosting Renew notification
  982.                             </span>
  983.                             <span class="value text-muted">12.00 pm</span>
  984.                         </div>
  985.                     </li>
  986.  
  987.                 </ul>
  988.             </div>
  989.  
  990.  
  991.             <div class="aside-widget">
  992.                 <div class="side-title-alt">
  993.                     <h2>Work Progress</h2>
  994.                     <a href="#" class="close side-w-close">
  995.                         <i class="fa fa-times"></i>
  996.                     </a>
  997.                 </div>
  998.                 <ul class="team-list chat-list-side info border-less-list sale-monitor">
  999.                     <li>
  1000.                         <div class="states">
  1001.                             <div class="info">
  1002.                                 <div class="desc pull-left">Server Setup and Configuration</div>
  1003.                             </div>
  1004.                             <div class="progress progress-xs">
  1005.                                 <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 50%"></div>
  1006.                             </div>
  1007.                             <div class="info">
  1008.                                 <small class="percent pull-left text-muted">50% completed</small>
  1009.                             </div>
  1010.                         </div>
  1011.                     </li>
  1012.                     <li>
  1013.                         <div class="states">
  1014.                             <div class="info">
  1015.                                 <div class="desc pull-left">Website Design & Development</div>
  1016.                            </div>
  1017.                            <div class="progress progress-xs">
  1018.                                <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 85%"></div>
  1019.                            </div>
  1020.                            <div class="info">
  1021.                                <small class="percent pull-left text-muted">85% completed</small>
  1022.                            </div>
  1023.                        </div>
  1024.                    </li>
  1025.                </ul>
  1026.            </div>
  1027.  
  1028.            </div>
  1029.  
  1030.            <div role="tabpanel" class="tab-pane " id="settings">
  1031.                <div class="chat-list bottom-border settings-head">
  1032.                    <h3>Account Setting</h3>
  1033.                    <h5>Configure your account as per your need.</h5>
  1034.                </div>
  1035.                <ul class="team-list chat-list-side info statistics border-less-list setting-list">
  1036.                    <li>
  1037.                        <div class="inline">
  1038.                                <span class="name">
  1039.                                Make my feature post public?
  1040.                            </span>
  1041.                            <small class="text-muted">Everyone will be able to see, like, comment
  1042.                                and share your feature post.</small>
  1043.                        </div>
  1044.                            <span class="thumb-small">
  1045.                            <input type="checkbox" class="js-switch-small" checked/>
  1046.                        </span>
  1047.                    </li>
  1048.                    <li>
  1049.                        <div class="inline">
  1050.                                <span class="name">
  1051.                                Show offline Contacts
  1052.                            </span>
  1053.                            <small class="text-muted">Lorem ipsum dolor sit amet, consectetuer
  1054.                                adipiscing elit.</small>
  1055.                        </div>
  1056.                            <span class="thumb-small">
  1057.                            <input type="checkbox" class="js-switch-small2" checked/>
  1058.                        </span>
  1059.                    </li>
  1060.  
  1061.                    <li>
  1062.                        <div class="inline">
  1063.                                <span class="name">
  1064.                                Everyone will see my stuff
  1065.                            </span>
  1066.                            <small class="text-muted">Lorem ipsum dolor sit amet, consectetuer
  1067.                                adipiscing elit.</small>
  1068.                        </div>
  1069.                            <span class="thumb-small">
  1070.                            <input type="checkbox" class="js-switch-small3"/>
  1071.                        </span>
  1072.                    </li>
  1073.  
  1074.                </ul>
  1075.  
  1076.                <div class="chat-list bottom-border settings-head">
  1077.                    <h3>General Setting</h3>
  1078.                    <h5>Configure your account as per your need.</h5>
  1079.                </div>
  1080.                <ul class="team-list chat-list-side info statistics border-less-list setting-list">
  1081.                    <li>
  1082.                        <div class="inline">
  1083.                                <span class="name">
  1084.                                Show me Online
  1085.                            </span>
  1086.                        </div>
  1087.                            <span class="thumb-small">
  1088.                            <input type="checkbox" class="js-switch-small4" checked/>
  1089.                        </span>
  1090.                    </li>
  1091.                    <li>
  1092.                        <div class="inline">
  1093.                                <span class="name">
  1094.                                Status visible to all
  1095.                            </span>
  1096.                        </div>
  1097.                            <span class="thumb-small">
  1098.                            <input type="checkbox" class="js-switch-small5" />
  1099.                        </span>
  1100.                    </li>
  1101.  
  1102.                    <li>
  1103.                        <div class="inline">
  1104.                                <span class="name">
  1105.                                Show my work progess to all
  1106.                            </span>
  1107.                        </div>
  1108.                            <span class="thumb-small">
  1109.                            <input type="checkbox" class="js-switch-small6" checked/>
  1110.                        </span>
  1111.                    </li>
  1112.  
  1113.                </ul>
  1114.  
  1115.            </div>
  1116.  
  1117.            </div>
  1118.            </div>
  1119.            </div>
  1120.            <!-- Right Slidebar end -->
  1121.        </div>
  1122.        <!-- body content end-->
  1123.    </section>
  1124.  
  1125.  
  1126.  
  1127. <!-- Placed js at the end of the document so the pages load faster -->
  1128. <script src="js/jquery-1.10.2.min.js"></script>
  1129.  
  1130. <!--jquery-ui-->
  1131. <script src="js/jquery-ui/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
  1132.  
  1133. <script src="js/jquery-migrate.js"></script>
  1134. <script src="js/bootstrap.min.js"></script>
  1135. <script src="js/modernizr.min.js"></script>
  1136.  
  1137. <!--Nice Scroll-->
  1138. <script src="js/jquery.nicescroll.js" type="text/javascript"></script>
  1139.  
  1140. <!--right slidebar-->
  1141. <script src="js/slidebars.min.js"></script>
  1142.  
  1143. <!--switchery-->
  1144. <script src="js/switchery/switchery.min.js"></script>
  1145. <script src="js/switchery/switchery-init.js"></script>
  1146.  
  1147. <!--flot chart -->
  1148. <script src="js/flot-chart/jquery.flot.js"></script>
  1149. <script src="js/flot-chart/flot-spline.js"></script>
  1150. <script src="js/flot-chart/jquery.flot.resize.js"></script>
  1151. <script src="js/flot-chart/jquery.flot.tooltip.min.js"></script>
  1152. <script src="js/flot-chart/jquery.flot.pie.js"></script>
  1153. <script src="js/flot-chart/jquery.flot.selection.js"></script>
  1154. <script src="js/flot-chart/jquery.flot.stack.js"></script>
  1155. <script src="js/flot-chart/jquery.flot.crosshair.js"></script>
  1156.  
  1157.  
  1158. <!--earning chart init-->
  1159. <script src="js/earning-chart-init.js"></script>
  1160.  
  1161.  
  1162. <!--Sparkline Chart-->
  1163. <script src="js/sparkline/jquery.sparkline.js"></script>
  1164. <script src="js/sparkline/sparkline-init.js"></script>
  1165.  
  1166. <!--easy pie chart-->
  1167. <script src="js/jquery-easy-pie-chart/jquery.easy-pie-chart.js"></script>
  1168. <script src="js/easy-pie-chart.js"></script>
  1169.  
  1170.  
  1171. <!--vectormap-->
  1172. <script src="js/vector-map/jquery-jvectormap-1.2.2.min.js"></script>
  1173. <script src="js/vector-map/jquery-jvectormap-world-mill-en.js"></script>
  1174. <script src="js/dashboard-vmap-init.js"></script>
  1175.  
  1176. <!--Icheck-->
  1177. <script src="js/icheck/skins/icheck.min.js"></script>
  1178. <script src="js/todo-init.js"></script>
  1179.  
  1180. <!--jquery countTo-->
  1181. <script src="js/jquery-countTo/jquery.countTo.js"  type="text/javascript"></script>
  1182.  
  1183. <!--owl carousel-->
  1184. <script src="js/owl.carousel.js"></script>
  1185.  
  1186.  
  1187. <!--common scripts for all pages-->
  1188.  
  1189. <script src="js/scripts.js"></script>
  1190.  
  1191.  
  1192. <script type="text/javascript">
  1193.  
  1194.    $(document).ready(function() {
  1195.  
  1196.        //countTo
  1197.  
  1198.        $('.timer').countTo();
  1199.  
  1200.         //owl carousel
  1201.  
  1202.         $("#news-feed").owlCarousel({
  1203.             navigation : true,
  1204.             slideSpeed : 300,
  1205.             paginationSpeed : 400,
  1206.             singleItem : true,
  1207.             autoPlay:true
  1208.         });
  1209.     });
  1210.  
  1211.     $(window).on("resize",function(){
  1212.         var owl = $("#news-feed").data("owlCarousel");
  1213.         owl.reinit();
  1214.     });
  1215.  
  1216. </script>
  1217.  
  1218. </body>
  1219.  
  1220. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!