Fecino
/
Inspinia
ウォッチ 3
スター 0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
Theme Inspinia
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
1 コミット
1 ブランチ
ツリー: cded54dbee
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'cded54dbee' から
${ noResults }
Inspinia/widgets.html

widgets.html 52KB
履歴 Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105 
  1. <!DOCTYPE html>

  2. <html>

  3. 

  4. <head>

  5. 

  6.     <meta charset="utf-8">

  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">

  8. 

  9.     <title>INSPINIA | Widgets</title>

  10. 

  11.     <link href="css/bootstrap.min.css" rel="stylesheet">

  12.     <link href="font-awesome/css/font-awesome.css" rel="stylesheet">

  13.     <link href="css/plugins/iCheck/custom.css" rel="stylesheet">

  14.     <link href="css/animate.css" rel="stylesheet">

  15.     <link href="css/style.css" rel="stylesheet">

  16. 

  17. </head>

  18. 

  19. <body>

  20. 

  21.     <div id="wrapper">

  22. 

  23.     <nav class="navbar-default navbar-static-side" role="navigation">

  24.         <div class="sidebar-collapse">

  25.             <ul class="nav metismenu" id="side-menu">

  26.                 <li class="nav-header">

  27.                     <div class="dropdown profile-element"> <span>

  28.                             <img alt="image" class="img-circle" src="img/profile_small.jpg" />

  29.                              </span>

  30.                         <a data-toggle="dropdown" class="dropdown-toggle" href="#">

  31.                             <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>

  32.                              </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>

  33.                         <ul class="dropdown-menu animated fadeInRight m-t-xs">

  34.                             <li><a href="profile.html">Profile</a></li>

  35.                             <li><a href="contacts.html">Contacts</a></li>

  36.                             <li><a href="mailbox.html">Mailbox</a></li>

  37.                             <li class="divider"></li>

  38.                             <li><a href="login.html">Logout</a></li>

  39.                         </ul>

  40.                     </div>

  41.                     <div class="logo-element">

  42.                         IN+

  43.                     </div>

  44.                 </li>

  45.                 <li>

  46.                     <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>

  47.                     <ul class="nav nav-second-level collapse">

  48.                         <li><a href="index.html">Dashboard v.1</a></li>

  49.                         <li><a href="dashboard_2.html">Dashboard v.2</a></li>

  50.                         <li><a href="dashboard_3.html">Dashboard v.3</a></li>

  51.                         <li><a href="dashboard_4_1.html">Dashboard v.4</a></li>

  52.                         <li><a href="dashboard_5.html">Dashboard v.5 <span class="label label-primary pull-right">NEW</span></a></li>

  53.                     </ul>

  54.                 </li>

  55.                 <li>

  56.                     <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>

  57.                 </li>

  58.                 <li>

  59.                     <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>

  60.                     <ul class="nav nav-second-level collapse">

  61.                         <li><a href="graph_flot.html">Flot Charts</a></li>

  62.                         <li><a href="graph_morris.html">Morris.js Charts</a></li>

  63.                         <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>

  64.                         <li><a href="graph_chartjs.html">Chart.js</a></li>

  65.                         <li><a href="graph_chartist.html">Chartist</a></li>

  66.                         <li><a href="c3.html">c3 charts</a></li>

  67.                         <li><a href="graph_peity.html">Peity Charts</a></li>

  68.                         <li><a href="graph_sparkline.html">Sparkline Charts</a></li>

  69.                     </ul>

  70.                 </li>

  71.                 <li>

  72.                     <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">Mailbox </span><span class="label label-warning pull-right">16/24</span></a>

  73.                     <ul class="nav nav-second-level collapse">

  74.                         <li><a href="mailbox.html">Inbox</a></li>

  75.                         <li><a href="mail_detail.html">Email view</a></li>

  76.                         <li><a href="mail_compose.html">Compose email</a></li>

  77.                         <li><a href="email_template.html">Email templates</a></li>

  78.                     </ul>

  79.                 </li>

  80.                 <li>

  81.                     <a href="metrics.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">Metrics</span>  </a>

  82.                 </li>

  83.                 <li  class="active">

  84.                     <a href="widgets.html"><i class="fa fa-flask"></i> <span class="nav-label">Widgets</span></a>

  85.                 </li>

  86.                 <li>

  87.                     <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">Forms</span><span class="fa arrow"></span></a>

  88.                     <ul class="nav nav-second-level collapse">

  89.                         <li><a href="form_basic.html">Basic form</a></li>

  90.                         <li><a href="form_advanced.html">Advanced Plugins</a></li>

  91.                         <li><a href="form_wizard.html">Wizard</a></li>

  92.                         <li><a href="form_file_upload.html">File Upload</a></li>

  93.                         <li><a href="form_editors.html">Text Editor</a></li>

  94.                         <li><a href="form_markdown.html">Markdown</a></li>

  95.                     </ul>

  96.                 </li>

  97.                 <li>

  98.                     <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span>  <span class="pull-right label label-primary">SPECIAL</span></a>

  99.                     <ul class="nav nav-second-level collapse">

  100.                         <li><a href="contacts.html">Contacts</a></li>

  101.                         <li><a href="profile.html">Profile</a></li>

  102.                         <li><a href="profile_2.html">Profile v.2</a></li>

  103.                         <li><a href="contacts_2.html">Contacts v.2</a></li>

  104.                         <li><a href="projects.html">Projects</a></li>

  105.                         <li><a href="project_detail.html">Project detail</a></li>

  106.                         <li><a href="teams_board.html">Teams board</a></li>

  107.                         <li><a href="social_feed.html">Social feed</a></li>

  108.                         <li><a href="clients.html">Clients</a></li>

  109.                         <li><a href="full_height.html">Outlook view</a></li>

  110.                         <li><a href="vote_list.html">Vote list</a></li>

  111.                         <li><a href="file_manager.html">File manager</a></li>

  112.                         <li><a href="calendar.html">Calendar</a></li>

  113.                         <li><a href="issue_tracker.html">Issue tracker</a></li>

  114.                         <li><a href="blog.html">Blog</a></li>

  115.                         <li><a href="article.html">Article</a></li>

  116.                         <li><a href="faq.html">FAQ</a></li>

  117.                         <li><a href="timeline.html">Timeline</a></li>

  118.                         <li><a href="pin_board.html">Pin board</a></li>

  119.                     </ul>

  120.                 </li>

  121.                 <li>

  122.                     <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>

  123.                     <ul class="nav nav-second-level collapse">

  124.                         <li><a href="search_results.html">Search results</a></li>

  125.                         <li><a href="lockscreen.html">Lockscreen</a></li>

  126.                         <li><a href="invoice.html">Invoice</a></li>

  127.                         <li><a href="login.html">Login</a></li>

  128.                         <li><a href="login_two_columns.html">Login v.2</a></li>

  129.                         <li><a href="forgot_password.html">Forget password</a></li>

  130.                         <li><a href="register.html">Register</a></li>

  131.                         <li><a href="404.html">404 Page</a></li>

  132.                         <li><a href="500.html">500 Page</a></li>

  133.                         <li><a href="empty_page.html">Empty page</a></li>

  134.                     </ul>

  135.                 </li>

  136.                 <li>

  137.                     <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>

  138.                     <ul class="nav nav-second-level collapse">

  139.                         <li><a href="toastr_notifications.html">Notification</a></li>

  140.                         <li><a href="nestable_list.html">Nestable list</a></li>

  141.                         <li><a href="agile_board.html">Agile board</a></li>

  142.                         <li><a href="timeline_2.html">Timeline v.2</a></li>

  143.                         <li><a href="diff.html">Diff</a></li>

  144.                         <li><a href="i18support.html">i18 support</a></li>

  145.                         <li><a href="sweetalert.html">Sweet alert</a></li>

  146.                         <li><a href="idle_timer.html">Idle timer</a></li>

  147.                         <li><a href="truncate.html">Truncate</a></li>

  148.                         <li><a href="spinners.html">Spinners</a></li>

  149.                         <li><a href="tinycon.html">Live favicon</a></li>

  150.                         <li><a href="google_maps.html">Google maps</a></li>

  151.                         <li><a href="code_editor.html">Code editor</a></li>

  152.                         <li><a href="modal_window.html">Modal window</a></li>

  153.                         <li><a href="clipboard.html">Clipboard</a></li>

  154.                         <li><a href="forum_main.html">Forum view</a></li>

  155.                         <li><a href="validation.html">Validation</a></li>

  156.                         <li><a href="tree_view.html">Tree view</a></li>

  157.                         <li><a href="loading_buttons.html">Loading buttons</a></li>

  158.                         <li><a href="chat_view.html">Chat view</a></li>

  159.                         <li><a href="masonry.html">Masonry</a></li>

  160.                         <li><a href="tour.html">Tour</a></li>

  161.                     </ul>

  162.                 </li>

  163.                 <li>

  164.                     <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI Elements</span><span class="fa arrow"></span></a>

  165.                     <ul class="nav nav-second-level collapse">

  166.                         <li><a href="typography.html">Typography</a></li>

  167.                         <li><a href="icons.html">Icons</a></li>

  168.                         <li><a href="draggable_panels.html">Draggable Panels</a></li> <li><a href="resizeable_panels.html">Resizeable Panels</a></li>

  169.                         <li><a href="buttons.html">Buttons</a></li>

  170.                         <li><a href="video.html">Video</a></li>

  171.                         <li><a href="tabs_panels.html">Panels</a></li>

  172.                         <li><a href="tabs.html">Tabs</a></li>

  173.                         <li><a href="notifications.html">Notifications & Tooltips</a></li>

  174.                         <li><a href="badges_labels.html">Badges, Labels, Progress</a></li>

  175.                     </ul>

  176.                 </li>

  177. 

  178.                 <li>

  179.                     <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">Grid options</span></a>

  180.                 </li>

  181.                 <li>

  182.                     <a href="#"><i class="fa fa-table"></i> <span class="nav-label">Tables</span><span class="fa arrow"></span></a>

  183.                     <ul class="nav nav-second-level collapse">

  184.                         <li><a href="table_basic.html">Static Tables</a></li>

  185.                         <li><a href="table_data_tables.html">Data Tables</a></li>

  186.                         <li><a href="table_foo_table.html">Foo Tables</a></li>

  187.                         <li><a href="jq_grid.html">jqGrid</a></li>

  188.                     </ul>

  189.                 </li>

  190.                 <li>

  191.                     <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">E-commerce</span><span class="fa arrow"></span></a>

  192.                     <ul class="nav nav-second-level collapse">

  193.                         <li><a href="ecommerce_products_grid.html">Products grid</a></li>

  194.                         <li><a href="ecommerce_product_list.html">Products list</a></li>

  195.                         <li><a href="ecommerce_product.html">Product edit</a></li>

  196.                         <li><a href="ecommerce_product_detail.html">Product detail</a></li>

  197.                         <li><a href="ecommerce-cart.html">Cart</a></li>

  198.                         <li><a href="ecommerce-orders.html">Orders</a></li>

  199.                         <li><a href="ecommerce_payments.html">Credit Card form</a></li>

  200.                     </ul>

  201.                 </li>

  202.                 <li>

  203.                     <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">Gallery</span><span class="fa arrow"></span></a>

  204.                     <ul class="nav nav-second-level collapse">

  205.                         <li><a href="basic_gallery.html">Lightbox Gallery</a></li>

  206.                         <li><a href="slick_carousel.html">Slick Carousel</a></li>

  207.                         <li><a href="carousel.html">Bootstrap Carousel</a></li>

  208. 

  209.                     </ul>

  210.                 </li>

  211.                 <li>

  212.                     <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">Menu Levels </span><span class="fa arrow"></span></a>

  213.                     <ul class="nav nav-second-level collapse">

  214.                         <li>

  215.                             <a href="#">Third Level <span class="fa arrow"></span></a>

  216.                             <ul class="nav nav-third-level">

  217.                                 <li>

  218.                                     <a href="#">Third Level Item</a>

  219.                                 </li>

  220.                                 <li>

  221.                                     <a href="#">Third Level Item</a>

  222.                                 </li>

  223.                                 <li>

  224.                                     <a href="#">Third Level Item</a>

  225.                                 </li>

  226. 

  227.                             </ul>

  228.                         </li>

  229.                         <li><a href="#">Second Level Item</a></li>

  230.                         <li>

  231.                             <a href="#">Second Level Item</a></li>

  232.                         <li>

  233.                             <a href="#">Second Level Item</a></li>

  234.                     </ul>

  235.                 </li>

  236.                 <li>

  237.                     <a href="css_animation.html"><i class="fa fa-magic"></i> <span class="nav-label">CSS Animations </span><span class="label label-info pull-right">62</span></a>

  238.                 </li>

  239.                 <li class="landing_link">

  240.                     <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span class="nav-label">Landing Page</span> <span class="label label-warning pull-right">NEW</span></a>

  241.                 </li>

  242.                 <li class="special_link">

  243.                     <a href="package.html"><i class="fa fa-database"></i> <span class="nav-label">Package</span></a>

  244.                 </li>

  245.             </ul>

  246. 

  247.         </div>

  248.     </nav>

  249. 

  250.         <div id="page-wrapper" class="gray-bg">

  251.         <div class="row border-bottom">

  252.         <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">

  253.         <div class="navbar-header">

  254.             <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>

  255.             <form role="search" class="navbar-form-custom" action="search_results.html">

  256.                 <div class="form-group">

  257.                     <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">

  258.                 </div>

  259.             </form>

  260.         </div>

  261.             <ul class="nav navbar-top-links navbar-right">

  262.                 <li>

  263.                     <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>

  264.                 </li>

  265.                 <li class="dropdown">

  266.                     <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">

  267.                         <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>

  268.                     </a>

  269.                     <ul class="dropdown-menu dropdown-messages">

  270.                         <li>

  271.                             <div class="dropdown-messages-box">

  272.                                 <a href="profile.html" class="pull-left">

  273.                                     <img alt="image" class="img-circle" src="img/a7.jpg">

  274.                                 </a>

  275.                                 <div class="media-body">

  276.                                     <small class="pull-right">46h ago</small>

  277.                                     <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>

  278.                                     <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>

  279.                                 </div>

  280.                             </div>

  281.                         </li>

  282.                         <li class="divider"></li>

  283.                         <li>

  284.                             <div class="dropdown-messages-box">

  285.                                 <a href="profile.html" class="pull-left">

  286.                                     <img alt="image" class="img-circle" src="img/a4.jpg">

  287.                                 </a>

  288.                                 <div class="media-body ">

  289.                                     <small class="pull-right text-navy">5h ago</small>

  290.                                     <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>

  291.                                     <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>

  292.                                 </div>

  293.                             </div>

  294.                         </li>

  295.                         <li class="divider"></li>

  296.                         <li>

  297.                             <div class="dropdown-messages-box">

  298.                                 <a href="profile.html" class="pull-left">

  299.                                     <img alt="image" class="img-circle" src="img/profile.jpg">

  300.                                 </a>

  301.                                 <div class="media-body ">

  302.                                     <small class="pull-right">23h ago</small>

  303.                                     <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>

  304.                                     <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>

  305.                                 </div>

  306.                             </div>

  307.                         </li>

  308.                         <li class="divider"></li>

  309.                         <li>

  310.                             <div class="text-center link-block">

  311.                                 <a href="mailbox.html">

  312.                                     <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>

  313.                                 </a>

  314.                             </div>

  315.                         </li>

  316.                     </ul>

  317.                 </li>

  318.                 <li class="dropdown">

  319.                     <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">

  320.                         <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>

  321.                     </a>

  322.                     <ul class="dropdown-menu dropdown-alerts">

  323.                         <li>

  324.                             <a href="mailbox.html">

  325.                                 <div>

  326.                                     <i class="fa fa-envelope fa-fw"></i> You have 16 messages

  327.                                     <span class="pull-right text-muted small">4 minutes ago</span>

  328.                                 </div>

  329.                             </a>

  330.                         </li>

  331.                         <li class="divider"></li>

  332.                         <li>

  333.                             <a href="profile.html">

  334.                                 <div>

  335.                                     <i class="fa fa-twitter fa-fw"></i> 3 New Followers

  336.                                     <span class="pull-right text-muted small">12 minutes ago</span>

  337.                                 </div>

  338.                             </a>

  339.                         </li>

  340.                         <li class="divider"></li>

  341.                         <li>

  342.                             <a href="grid_options.html">

  343.                                 <div>

  344.                                     <i class="fa fa-upload fa-fw"></i> Server Rebooted

  345.                                     <span class="pull-right text-muted small">4 minutes ago</span>

  346.                                 </div>

  347.                             </a>

  348.                         </li>

  349.                         <li class="divider"></li>

  350.                         <li>

  351.                             <div class="text-center link-block">

  352.                                 <a href="notifications.html">

  353.                                     <strong>See All Alerts</strong>

  354.                                     <i class="fa fa-angle-right"></i>

  355.                                 </a>

  356.                             </div>

  357.                         </li>

  358.                     </ul>

  359.                 </li>

  360. 

  361. 

  362.                 <li>

  363.                     <a href="login.html">

  364.                         <i class="fa fa-sign-out"></i> Log out

  365.                     </a>

  366.                 </li>

  367.             </ul>

  368. 

  369.         </nav>

  370.         </div>

  371.             <div class="row wrapper border-bottom white-bg page-heading">

  372.                 <div class="col-lg-9">

  373.                     <h2>Widgets</h2>

  374.                     <ol class="breadcrumb">

  375.                         <li>

  376.                             <a href="index.html">Home</a>

  377.                         </li>

  378.                         <li class="active">

  379.                             <strong>Widgets</strong>

  380.                         </li>

  381.                     </ol>

  382.                 </div>

  383.             </div>

  384.         <div class="wrapper wrapper-content animated fadeInRight">

  385.         <div class="row">

  386.             <div class="col-lg-3">

  387.                 <div class="widget style1">

  388.                         <div class="row">

  389.                             <div class="col-xs-4 text-center">

  390.                                 <i class="fa fa-trophy fa-5x"></i>

  391.                             </div>

  392.                             <div class="col-xs-8 text-right">

  393.                                 <span> Today income </span>

  394.                                 <h2 class="font-bold">$ 4,232</h2>

  395.                             </div>

  396.                         </div>

  397.                 </div>

  398.             </div>

  399.             <div class="col-lg-3">

  400.                 <div class="widget style1 navy-bg">

  401.                     <div class="row">

  402.                         <div class="col-xs-4">

  403.                             <i class="fa fa-cloud fa-5x"></i>

  404.                         </div>

  405.                         <div class="col-xs-8 text-right">

  406.                             <span> Today degrees </span>

  407.                             <h2 class="font-bold">26'C</h2>

  408.                         </div>

  409.                     </div>

  410.                 </div>

  411.             </div>

  412.             <div class="col-lg-3">

  413.                 <div class="widget style1 lazur-bg">

  414.                     <div class="row">

  415.                         <div class="col-xs-4">

  416.                             <i class="fa fa-envelope-o fa-5x"></i>

  417.                         </div>

  418.                         <div class="col-xs-8 text-right">

  419.                             <span> New messages </span>

  420.                             <h2 class="font-bold">260</h2>

  421.                         </div>

  422.                     </div>

  423.                 </div>

  424.             </div>

  425.             <div class="col-lg-3">

  426.                 <div class="widget style1 yellow-bg">

  427.                     <div class="row">

  428.                         <div class="col-xs-4">

  429.                             <i class="fa fa-music fa-5x"></i>

  430.                         </div>

  431.                         <div class="col-xs-8 text-right">

  432.                             <span> New albums </span>

  433.                             <h2 class="font-bold">12</h2>

  434.                         </div>

  435.                     </div>

  436.                 </div>

  437.             </div>

  438.         </div>

  439.         <div class="row">

  440.             <div class="col-lg-6">

  441.                 <div class="widget navy-bg no-padding">

  442.                     <div class="p-m">

  443.                         <h1 class="m-xs">$ 1,540</h1>

  444. 

  445.                         <h3 class="font-bold no-margins">

  446.                             Annual income

  447.                         </h3>

  448.                         <small>Income form project Alpha.</small>

  449.                     </div>

  450.                     <div class="flot-chart">

  451.                         <div class="flot-chart-content" id="flot-chart1"></div>

  452.                     </div>

  453.                 </div>

  454.             </div>

  455.             <div class="col-lg-3">

  456.                 <div class="widget lazur-bg no-padding">

  457.                     <div class="p-m">

  458.                         <h1 class="m-xs">$ 210,660</h1>

  459. 

  460.                         <h3 class="font-bold no-margins">

  461.                             Monthly income

  462.                         </h3>

  463.                         <small>Income form project Beta.</small>

  464.                     </div>

  465.                     <div class="flot-chart">

  466.                         <div class="flot-chart-content" id="flot-chart2"></div>

  467.                     </div>

  468.                 </div>

  469.             </div>

  470.             <div class="col-lg-3">

  471.                 <div class="widget yellw-bg no-padding">

  472.                     <div class="p-m">

  473.                         <h1 class="m-xs">$ 50,992</h1>

  474. 

  475.                         <h3 class="font-bold no-margins">

  476.                             Half-year revenue margin

  477.                         </h3>

  478.                         <small>Sales marketing.</small>

  479.                     </div>

  480.                     <div class="flot-chart">

  481.                         <div class="flot-chart-content" id="flot-chart3"></div>

  482.                     </div>

  483.                 </div>

  484.             </div>

  485.         </div>

  486.             <div class="row">

  487.                 <div class="col-lg-2">

  488.                     <div class="widget style1 navy-bg">

  489.                         <div class="row vertical-align">

  490.                             <div class="col-xs-3">

  491.                                 <i class="fa fa-user fa-3x"></i>

  492.                             </div>

  493.                             <div class="col-xs-9 text-right">

  494.                                 <h2 class="font-bold">217</h2>

  495.                             </div>

  496.                         </div>

  497.                     </div>

  498.                 </div>

  499.                 <div class="col-lg-2">

  500.                     <div class="widget style1 navy-bg">

  501.                         <div class="row vertical-align">

  502.                             <div class="col-xs-3">

  503.                                 <i class="fa fa-thumbs-up fa-3x"></i>

  504.                             </div>

  505.                             <div class="col-xs-9 text-right">

  506.                                 <h2 class="font-bold">400</h2>

  507.                             </div>

  508.                         </div>

  509.                     </div>

  510.                 </div>

  511.                 <div class="col-lg-2">

  512.                     <div class="widget style1 navy-bg">

  513.                         <div class="row vertical-align">

  514.                             <div class="col-xs-3">

  515.                                 <i class="fa fa-rss fa-3x"></i>

  516.                             </div>

  517.                             <div class="col-xs-9 text-right">

  518.                                 <h2 class="font-bold">10</h2>

  519.                             </div>

  520.                         </div>

  521.                     </div>

  522.                 </div>

  523.                 <div class="col-lg-2">

  524.                     <div class="widget style1 lazur-bg">

  525.                         <div class="row vertical-align">

  526.                             <div class="col-xs-3">

  527.                                 <i class="fa fa-phone fa-3x"></i>

  528.                             </div>

  529.                             <div class="col-xs-9 text-right">

  530.                                 <h2 class="font-bold">120</h2>

  531.                             </div>

  532.                         </div>

  533.                     </div>

  534.                 </div>

  535.                 <div class="col-lg-2">

  536.                     <div class="widget style1 lazur-bg">

  537.                         <div class="row vertical-align">

  538.                             <div class="col-xs-3">

  539.                                 <i class="fa fa-euro fa-3x"></i>

  540.                             </div>

  541.                             <div class="col-xs-9 text-right">

  542.                                 <h2 class="font-bold">462</h2>

  543.                             </div>

  544.                         </div>

  545.                     </div>

  546.                 </div>

  547.                 <div class="col-lg-2">

  548.                     <div class="widget style1 yellow-bg">

  549.                         <div class="row vertical-align">

  550.                             <div class="col-xs-3">

  551.                                 <i class="fa fa-shield fa-3x"></i>

  552.                             </div>

  553.                             <div class="col-xs-9 text-right">

  554.                                 <h2 class="font-bold">610</h2>

  555.                             </div>

  556.                         </div>

  557.                     </div>

  558.                 </div>

  559.             </div>

  560.             <div class="row">

  561.                 <div class="col-lg-4">

  562.                         <div class="widget-head-color-box navy-bg p-lg text-center">

  563.                             <div class="m-b-md">

  564.                             <h2 class="font-bold no-margins">

  565.                                 Alex Smith

  566.                             </h2>

  567.                                 <small>Founder of Groupeq</small>

  568.                             </div>

  569.                             <img src="img/a4.jpg" class="img-circle circle-border m-b-md" alt="profile">

  570.                             <div>

  571.                                 <span>100 Tweets</span> |

  572.                                 <span>350 Following</span> |

  573.                                 <span>610 Followers</span>

  574.                             </div>

  575.                         </div>

  576.                         <div class="widget-text-box">

  577.                             <h4 class="media-heading">Alex Smith</h4>

  578.                             <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>

  579.                             <div class="text-right">

  580.                                 <a class="btn btn-xs btn-white"><i class="fa fa-thumbs-up"></i> Like </a>

  581.                                 <a class="btn btn-xs btn-primary"><i class="fa fa-heart"></i> Love</a>

  582.                             </div>

  583.                         </div>

  584.                 </div>

  585.                 <div class="col-lg-2">

  586.                     <div class="widget navy-bg p-lg text-center">

  587.                         <div class="m-b-md">

  588.                             <i class="fa fa-shield fa-4x"></i>

  589.                             <h1 class="m-xs">456</h1>

  590.                             <h3 class="font-bold no-margins">

  591.                                 Shield

  592.                             </h3>

  593.                             <small>power</small>

  594.                         </div>

  595.                     </div>

  596.                     <div class="widget  p-lg text-center">

  597.                         <div class="m-b-md">

  598.                             <i class="fa fa-flash fa-4x"></i>

  599.                             <h1 class="m-xs">612</h1>

  600.                             <h3 class="font-bold no-margins">

  601.                                 Thunder

  602.                             </h3>

  603.                             <small>amount</small>

  604.                         </div>

  605.                     </div>

  606.                 </div>

  607.                 <div class="col-lg-4">

  608.                     <div class="widget lazur-bg p-xl">

  609. 

  610.                                 <h2>

  611.                                     Janet Smith

  612.                                 </h2>

  613.                         <ul class="list-unstyled m-t-md">

  614.                             <li>

  615.                                 <span class="fa fa-envelope m-r-xs"></span>

  616.                                 <label>Email:</label>

  617.                                 mike@mail.com

  618.                             </li>

  619.                             <li>

  620.                                 <span class="fa fa-home m-r-xs"></span>

  621.                                 <label>Address:</label>

  622.                                 Street 200, Avenue 10

  623.                             </li>

  624.                             <li>

  625.                                 <span class="fa fa-phone m-r-xs"></span>

  626.                                 <label>Contact:</label>

  627.                                 (+121) 678 3462

  628.                             </li>

  629.                         </ul>

  630. 

  631.                     </div>

  632.                     <div class="widget red-bg p-lg text-center">

  633.                         <div class="m-b-md">

  634.                             <i class="fa fa-bell fa-4x"></i>

  635.                             <h1 class="m-xs">47</h1>

  636.                             <h3 class="font-bold no-margins">

  637.                                 Notification

  638.                             </h3>

  639.                             <small>We detect the error.</small>

  640.                         </div>

  641.                     </div>

  642.                 </div>

  643.                 <div class="col-lg-2">

  644.                 <div class="widget yellow-bg p-lg text-center">

  645.                     <div class="m-b-md">

  646.                         <i class="fa fa-thumbs-up fa-4x"></i>

  647.                         <h1 class="m-xs">520</h1>

  648.                         <h3 class="font-bold no-margins">

  649.                             Likes

  650.                         </h3>

  651.                         <small>amount</small>

  652.                     </div>

  653.                 </div>

  654.                     <div class="widget yellow-bg p-lg text-center">

  655.                         <div class="m-b-md">

  656.                             <i class="fa fa-warning fa-4x"></i>

  657.                             <h1 class="m-xs">Alarm</h1>

  658.                             <h3 class="font-bold no-margins">

  659.                                 Do

  660.                             </h3>

  661.                             <small>something</small>

  662.                         </div>

  663.                     </div>

  664.                     </div>

  665.             </div>

  666.         <div class="row m-t-lg">

  667.             <div class="col-lg-6">

  668.                 <div class="ibox float-e-margins">

  669. 

  670.                     <div class="ibox-content">

  671. 

  672.                         <div>

  673.                 <div class="chat-activity-list">

  674. 

  675.                     <div class="chat-element">

  676.                         <a href="#" class="pull-left">

  677.                             <img alt="image" class="img-circle" src="img/a2.jpg">

  678.                         </a>

  679.                         <div class="media-body ">

  680.                             <small class="pull-right text-navy">1m ago</small>

  681.                             <strong>Mike Smith</strong>

  682.                             <p class="m-b-xs">

  683.                                 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been

  684.                             </p>

  685.                             <small class="text-muted">Today 4:21 pm - 12.06.2014</small>

  686.                         </div>

  687.                     </div>

  688. 

  689.                     <div class="chat-element right">

  690.                         <a href="#" class="pull-right">

  691.                             <img alt="image" class="img-circle" src="img/a4.jpg">

  692.                         </a>

  693.                         <div class="media-body text-right ">

  694.                             <small class="pull-left">5m ago</small>

  695.                             <strong>John Smith</strong>

  696.                             <p class="m-b-xs">

  697.                                 Lorem Ipsum is simply dummy text of the printing.

  698.                             </p>

  699.                             <small class="text-muted">Today 4:21 pm - 12.06.2014</small>

  700.                         </div>

  701.                     </div>

  702. 

  703.                     <div class="chat-element ">

  704.                         <a href="#" class="pull-left">

  705.                             <img alt="image" class="img-circle" src="img/a2.jpg">

  706.                         </a>

  707.                         <div class="media-body ">

  708.                             <small class="pull-right">2h ago</small>

  709.                             <strong>Mike Smith</strong>

  710.                             <p class="m-b-xs">

  711.                                 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been

  712.                             </p>

  713.                             <small class="text-muted">Today 4:21 pm - 12.06.2014</small>

  714.                         </div>

  715.                     </div>

  716.                 </div>

  717.                 </div>

  718.                         <div class="chat-form">

  719.                             <form role="form">

  720.                                 <div class="form-group">

  721.                                     <textarea class="form-control" placeholder="Message"></textarea>

  722.                                 </div>

  723.                                 <div class="text-right">

  724.                                     <button type="submit" class="btn btn-sm btn-primary m-t-n-xs"><strong>Send message</strong></button>

  725.                                 </div>

  726.                             </form>

  727.                         </div>

  728.                 </div>

  729.                 </div>

  730.             </div>

  731.             <div class="col-lg-6">

  732.                 <div>

  733.                     <table class="table">

  734.                         <tbody>

  735.                         <tr>

  736.                             <td>

  737.                                 <button type="button" class="btn btn-danger m-r-sm">12</button>

  738.                                 Total messages

  739.                             </td>

  740.                             <td>

  741.                                 <button type="button" class="btn btn-primary m-r-sm">28</button>

  742.                                 Posts

  743.                             </td>

  744.                             <td>

  745.                                 <button type="button" class="btn btn-info m-r-sm">15</button>

  746.                                Comments

  747.                             </td>

  748.                         </tr>

  749.                         <tr>

  750.                             <td>

  751.                                 <button type="button" class="btn btn-info m-r-sm">20</button>

  752.                                 News

  753.                             </td>

  754.                             <td>

  755.                                 <button type="button" class="btn btn-success m-r-sm">40</button>

  756.                                 Likes

  757.                             </td>

  758.                             <td>

  759.                                 <button type="button" class="btn btn-danger m-r-sm">30</button>

  760.                                 Notifications

  761.                             </td>

  762.                         </tr>

  763.                         <tr>

  764.                             <td>

  765.                                 <button type="button" class="btn btn-warning m-r-sm">20</button>

  766.                                 Albums

  767.                             </td>

  768.                             <td>

  769.                                 <button type="button" class="btn btn-default m-r-sm">40</button>

  770.                                 Groups

  771.                             </td>

  772.                             <td>

  773.                                 <button type="button" class="btn btn-warning m-r-sm">30</button>

  774.                                 Permissions

  775.                             </td>

  776.                         </tr>

  777.                         </tbody>

  778.                     </table>

  779.                 </div>

  780.                 <div>

  781.                     <div class="row">

  782.                         <div class="col-md-6">

  783.                             <div class="ibox-content text-center">

  784.                                 <h1>Nicki Smith</h1>

  785.                                 <div class="m-b-sm">

  786.                                         <img alt="image" class="img-circle" src="img/a8.jpg">

  787.                                 </div>

  788.                                         <p class="font-bold">Consectetur adipisicing</p>

  789. 

  790.                                 <div class="text-center">

  791.                                     <a class="btn btn-xs btn-white"><i class="fa fa-thumbs-up"></i> Like </a>

  792.                                     <a class="btn btn-xs btn-primary"><i class="fa fa-heart"></i> Love</a>

  793.                                 </div>

  794.                             </div>

  795.                         </div>

  796.                         <div class="col-md-6">

  797.                             <div class="ibox-content">

  798.                                 <div>

  799.                                     <div>

  800.                                         <span>Memory</span>

  801.                                         <small class="pull-right">10/200 GB</small>

  802.                                     </div>

  803.                                     <div class="progress progress-small">

  804.                                         <div style="width: 60%;" class="progress-bar"></div>

  805.                                     </div>

  806. 

  807.                                     <div>

  808.                                         <span>Bandwidth</span>

  809.                                         <small class="pull-right">20 GB</small>

  810.                                     </div>

  811.                                     <div class="progress progress-small">

  812.                                         <div style="width: 50%;" class="progress-bar"></div>

  813.                                     </div>

  814. 

  815.                                     <div>

  816.                                         <span>Activity</span>

  817.                                         <small class="pull-right">73%</small>

  818.                                     </div>

  819.                                     <div class="progress progress-small">

  820.                                         <div style="width: 40%;" class="progress-bar"></div>

  821.                                     </div>

  822. 

  823.                                     <div>

  824.                                         <span>FTP</span>

  825.                                         <small class="pull-right">400 GB</small>

  826.                                     </div>

  827.                                     <div class="progress progress-small">

  828.                                         <div style="width: 20%;" class="progress-bar progress-bar-danger"></div>

  829.                                     </div>

  830.                                 </div>

  831.                             </div>

  832.                         </div>

  833.                     </div>

  834. 

  835.                 </div>

  836.             </div>

  837.         </div>

  838.         <div class="row">

  839.             <div class="col-lg-6">

  840.                 <div class="ibox-content">

  841.                     <h2>TODO List</h2>

  842.                     <small>This is example of task list</small>

  843.                     <ul class="todo-list m-t">

  844.                         <li>

  845.                             <input type="checkbox" value="" name="" class="i-checks"/>

  846.                             <span class="m-l-xs">Buy a milk</span>

  847.                             <small class="label label-primary"><i class="fa fa-clock-o"></i> 1 mins</small>

  848.                         </li>

  849.                         <li>

  850.                             <input type="checkbox" value="" name="" class="i-checks" checked/>

  851.                             <span class="m-l-xs">Go to shop and find some products.</span>

  852.                             <small class="label label-info"><i class="fa fa-clock-o"></i> 3 mins</small>

  853.                         </li>

  854.                         <li>

  855.                             <input type="checkbox" value="" name="" class="i-checks" />

  856.                             <span class="m-l-xs">Send documents to Mike</span>

  857.                             <small class="label label-warning"><i class="fa fa-clock-o"></i> 2 mins</small>

  858.                         </li>

  859.                         <li>

  860.                             <input type="checkbox" value="" name="" class="i-checks"/>

  861.                             <span class="m-l-xs">Go to the doctor dr Smith</span>

  862.                             <small class="label label-danger"><i class="fa fa-clock-o"></i> 42 mins</small>

  863.                         </li>

  864.                     </ul>

  865.                 </div>

  866.             </div>

  867.             <div class="col-lg-6">

  868.                 <div class="ibox float-e-margins">

  869.                     <div class="ibox-content">

  870.                         <h2>TODO Small version</h2>

  871.                         <small>This is example of small version of todo list</small>

  872.                         <ul class="todo-list m-t small-list">

  873.                             <li>

  874.                                 <a href="#" class="check-link"><i class="fa fa-check-square"></i> </a>

  875.                                 <span class="m-l-xs todo-completed">Buy a milk</span>

  876. 

  877.                             </li>

  878.                             <li>

  879.                                 <a href="#" class="check-link"><i class="fa fa-check-square"></i> </a>

  880.                                 <span class="m-l-xs  todo-completed">Go to shop and find some products.</span>

  881. 

  882.                             </li>

  883.                             <li>

  884.                                 <a href="#" class="check-link"><i class="fa fa-square-o"></i> </a>

  885.                                 <span class="m-l-xs">Send documents to Mike</span>

  886.                                 <small class="label label-primary"><i class="fa fa-clock-o"></i> 1 mins</small>

  887.                             </li>

  888.                             <li>

  889.                                 <a href="#" class="check-link"><i class="fa fa-square-o"></i> </a>

  890.                                 <span class="m-l-xs">Go to the doctor dr Smith</span>

  891.                             </li>

  892.                             <li>

  893.                                 <a href="#" class="check-link"><i class="fa fa-square-o"></i> </a>

  894.                                 <span class="m-l-xs">Plan vacation</span>

  895.                             </li>

  896.                         </ul>

  897.                     </div>

  898.                 </div>

  899.             </div>

  900.         </div>

  901.         <div class="row m-t-lg">

  902.             <div class="col-lg-12">

  903.                 <div class="ibox-content">

  904.                     <h2>Word map</h2>

  905.                     <small>This is simple example of map</small>

  906.                 <div id="world-map" style="height: 300px;"></div>

  907.                     </div>

  908.             </div>

  909. 

  910.         </div>

  911. 

  912.         </div>

  913.         <div class="footer">

  914.             <div class="pull-right">

  915.                 10GB of <strong>250GB</strong> Free.

  916.             </div>

  917.             <div>

  918.                 <strong>Copyright</strong> Example Company &copy; 2014-2015

  919.             </div>

  920.         </div>

  921. 

  922.         </div>

  923.         </div>

  924. 

  925.     <!-- Mainly scripts -->

  926.     <script src="js/jquery-2.1.1.js"></script>

  927.     <script src="js/jquery-ui-1.10.4.min.js"></script>

  928.     <script src="js/bootstrap.min.js"></script>

  929.     <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>

  930.     <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

  931. 

  932.     <!-- Custom and plugin javascript -->

  933.     <script src="js/inspinia.js"></script>

  934.     <script src="js/plugins/pace/pace.min.js"></script>

  935. 

  936.     <!-- iCheck -->

  937.     <script src="js/plugins/iCheck/icheck.min.js"></script>

  938. 

  939.     <!-- Jvectormap -->

  940.     <script src="js/plugins/jvectormap/jquery-jvectormap-2.0.2.min.js"></script>

  941.     <script src="js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>

  942. 

  943.     <!-- Flot -->

  944.     <script src="js/plugins/flot/jquery.flot.js"></script>

  945.     <script src="js/plugins/flot/jquery.flot.tooltip.min.js"></script>

  946.     <script src="js/plugins/flot/jquery.flot.resize.js"></script>

  947.     <script>

  948.         $(document).ready(function(){

  949.             var d1 = [[1262304000000, 6], [1264982400000, 3057], [1267401600000, 20434], [1270080000000, 31982], [1272672000000, 26602], [1275350400000, 27826], [1277942400000, 24302], [1280620800000, 24237], [1283299200000, 21004], [1285891200000, 12144], [1288569600000, 10577], [1291161600000, 10295]];

  950.             var d2 = [[1262304000000, 5], [1264982400000, 200], [1267401600000, 1605], [1270080000000, 6129], [1272672000000, 11643], [1275350400000, 19055], [1277942400000, 30062], [1280620800000, 39197], [1283299200000, 37000], [1285891200000, 27000], [1288569600000, 21000], [1291161600000, 17000]];

  951. 

  952.             var data1 = [

  953.                 { label: "Data 1", data: d1, color: '#17a084'},

  954.                 { label: "Data 2", data: d2, color: '#127e68' }

  955.             ];

  956.             $.plot($("#flot-chart1"), data1, {

  957.                 xaxis: {

  958.                     tickDecimals: 0

  959.                 },

  960.                 series: {

  961.                     lines: {

  962.                         show: true,

  963.                         fill: true,

  964.                         fillColor: {

  965.                             colors: [{

  966.                                 opacity: 1

  967.                             }, {

  968.                                 opacity: 1

  969.                             }]

  970.                         }

  971.                     },

  972.                     points: {

  973.                         width: 0.1,

  974.                         show: false

  975.                     }

  976.                 },

  977.                 grid: {

  978.                     show: false,

  979.                     borderWidth: 0

  980.                 },

  981.                 legend: {

  982.                     show: false

  983.                 }

  984.             });

  985. 

  986.             var data2 = [

  987.                 { label: "Data 1", data: d1, color: '#19a0a1'}

  988.             ];

  989.             $.plot($("#flot-chart2"), data2, {

  990.                 xaxis: {

  991.                     tickDecimals: 0

  992.                 },

  993.                 series: {

  994.                     lines: {

  995.                         show: true,

  996.                         fill: true,

  997.                         fillColor: {

  998.                             colors: [{

  999.                                 opacity: 1

  1000.                             }, {

  1001.                                 opacity: 1

  1002.                             }]

  1003.                         }

  1004.                     },

  1005.                     points: {

  1006.                         width: 0.1,

  1007.                         show: false

  1008.                     }

  1009.                 },

  1010.                 grid: {

  1011.                     show: false,

  1012.                     borderWidth: 0

  1013.                 },

  1014.                 legend: {

  1015.                     show: false

  1016.                 }

  1017.             });

  1018. 

  1019.             var data3 = [

  1020.                 { label: "Data 1", data: d1, color: '#fbbe7b'},

  1021.                 { label: "Data 2", data: d2, color: '#f8ac59' }

  1022.             ];

  1023.             $.plot($("#flot-chart3"), data3, {

  1024.                 xaxis: {

  1025.                     tickDecimals: 0

  1026.                 },

  1027.                 series: {

  1028.                     lines: {

  1029.                         show: true,

  1030.                         fill: true,

  1031.                         fillColor: {

  1032.                             colors: [{

  1033.                                 opacity: 1

  1034.                             }, {

  1035.                                 opacity: 1

  1036.                             }]

  1037.                         }

  1038.                     },

  1039.                     points: {

  1040.                         width: 0.1,

  1041.                         show: false

  1042.                     }

  1043.                 },

  1044.                 grid: {

  1045.                     show: false,

  1046.                     borderWidth: 0

  1047.                 },

  1048.                 legend: {

  1049.                     show: false

  1050.                 }

  1051.             });

  1052. 

  1053.             $('.i-checks').iCheck({

  1054.                 checkboxClass: 'icheckbox_square-green',

  1055.                 radioClass: 'iradio_square-green'

  1056.             });

  1057. 

  1058.             $(".todo-list").sortable({

  1059.                 placeholder: "sort-highlight",

  1060.                 handle: ".handle",

  1061.                 forcePlaceholderSize: true,

  1062.                 zIndex: 999999

  1063.             }).disableSelection();

  1064. 

  1065.             var mapData = {

  1066.                 "US": 498,

  1067.                 "SA": 200,

  1068.                 "CA": 1300,

  1069.                 "DE": 220,

  1070.                 "FR": 540,

  1071.                 "CN": 120,

  1072.                 "AU": 760,

  1073.                 "BR": 550,

  1074.                 "IN": 200,

  1075.                 "GB": 120,

  1076.                 "RU": 2000

  1077.             };

  1078. 

  1079.             $('#world-map').vectorMap({

  1080.                 map: 'world_mill_en',

  1081.                 backgroundColor: "transparent",

  1082.                 regionStyle: {

  1083.                     initial: {

  1084.                         fill: '#e4e4e4',

  1085.                         "fill-opacity": 1,

  1086.                         stroke: 'none',

  1087.                         "stroke-width": 0,

  1088.                         "stroke-opacity": 0

  1089.                     }

  1090.                 },

  1091.                 series: {

  1092.                     regions: [{

  1093.                         values: mapData,

  1094.                         scale: ["#1ab394", "#22d6b1"],

  1095.                         normalizeFunction: 'polynomial'

  1096.                     }]

  1097.                 }

  1098.             });

  1099.         });

  1100.     </script>

  1101. 

  1102. 

  1103. </body>

  1104. 

  1105. </html>