Fecino
/
Inspinia
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Theme Inspinia
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 Commit
1 Branch
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
Inspinia/contacts_2.html

contacts_2.html 37KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769 
  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 | Contacts 2</title>

  10. 

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

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

  13. 

  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>

  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 class="active">

  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">

  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 class="active"><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>Contacts 2</h2>

  374.                     <ol class="breadcrumb">

  375.                         <li>

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

  377.                         </li>

  378.                         <li>

  379.                             App Views

  380.                         </li>

  381.                         <li class="active">

  382.                             <strong>Contacts 2</strong>

  383.                         </li>

  384.                     </ol>

  385.                 </div>

  386.             </div>

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

  388.         <div class="row">

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

  390.                 <div class="contact-box center-version">

  391. 

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

  393. 

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

  395. 

  396. 

  397.                         <h3 class="m-b-xs"><strong>John Smith</strong></h3>

  398. 

  399.                         <div class="font-bold">Graphics designer</div>

  400.                         <address class="m-t-md">

  401.                             <strong>Twitter, Inc.</strong><br>

  402.                             795 Folsom Ave, Suite 600<br>

  403.                             San Francisco, CA 94107<br>

  404.                             <abbr title="Phone">P:</abbr> (123) 456-7890

  405.                         </address>

  406. 

  407.                     </a>

  408.                     <div class="contact-box-footer">

  409.                         <div class="m-t-xs btn-group">

  410.                             <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>

  411.                             <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>

  412.                             <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>

  413.                         </div>

  414.                     </div>

  415. 

  416.                 </div>

  417.             </div>

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

  419.                 <div class="contact-box center-version">

  420. 

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

  422. 

  423.                         <img alt="image" class="img-circle" src="img/a1.jpg">

  424. 

  425. 

  426.                         <h3 class="m-b-xs"><strong>Alex Johnatan</strong></h3>

  427. 

  428.                         <div class="font-bold">CEO</div>

  429.                         <address class="m-t-md">

  430.                             <strong>Twitter, Inc.</strong><br>

  431.                             795 Folsom Ave, Suite 600<br>

  432.                             San Francisco, CA 94107<br>

  433.                             <abbr title="Phone">P:</abbr> (123) 456-7890

  434.                         </address>

  435. 

  436.                     </a>

  437.                     <div class="contact-box-footer">

  438.                         <div class="m-t-xs btn-group">

  439.                             <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>

  440.                             <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>

  441.                             <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>

  442.                         </div>

  443.                     </div>

  444. 

  445.                 </div>

  446.             </div>

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

  448.                 <div class="contact-box center-version">

  449. 

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

  451. 

  452.                         <img alt="image" class="img-circle" src="img/a3.jpg">

  453. 

  454. 

  455.                         <h3 class="m-b-xs"><strong>Monica Smith</strong></h3>

  456. 

  457.                         <div class="font-bold">Marketing manager</div>

  458.                         <address class="m-t-md">

  459.                             <strong>Twitter, Inc.</strong><br>

  460.                             795 Folsom Ave, Suite 600<br>

  461.                             San Francisco, CA 94107<br>

  462.                             <abbr title="Phone">P:</abbr> (123) 456-7890

  463.                         </address>

  464. 

  465.                     </a>

  466.                     <div class="contact-box-footer">

  467.                         <div class="m-t-xs btn-group">

  468.                             <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>

  469.                             <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>

  470.                             <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>

  471.                         </div>

  472.                     </div>

  473. 

  474.                 </div>

  475.             </div>

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

  477.                 <div class="contact-box center-version">

  478. 

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

  480. 

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

  482. 

  483. 

  484.                         <h3 class="m-b-xs"><strong>Michael Zimber</strong></h3>

  485. 

  486.                         <div class="font-bold">Sales manager</div>

  487.                         <address class="m-t-md">

  488.                             <strong>Twitter, Inc.</strong><br>

  489.                             795 Folsom Ave, Suite 600<br>

  490.                             San Francisco, CA 94107<br>

  491.                             <abbr title="Phone">P:</abbr> (123) 456-7890

  492.                         </address>

  493. 

  494.                     </a>

  495.                     <div class="contact-box-footer">

  496.                         <div class="m-t-xs btn-group">

  497.                             <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>

  498.                             <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>

  499.                             <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>

  500.                         </div>

  501.                     </div>

  502. 

  503.                 </div>

  504.             </div>

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

  506.                 <div class="contact-box center-version">

  507. 

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

  509. 

  510.                         <img alt="image" class="img-circle" src="img/a5.jpg">

  511. 

  512. 

  513.                         <h3 class="m-b-xs"><strong>Sandra Smith</strong></h3>

  514. 

  515.                         <div class="font-bold">Graphics designer</div>

  516.                         <address class="m-t-md">

  517.                             <strong>Twitter, Inc.</strong><br>

  518.                             795 Folsom Ave, Suite 600<br>

  519.                             San Francisco, CA 94107<br>

  520.                             <abbr title="Phone">P:</abbr> (123) 456-7890

  521.                         </address>

  522. 

  523.                     </a>

  524.                     <div class="contact-box-footer">

  525.                         <div class="m-t-xs btn-group">

  526.                             <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>

  527.                             <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>

  528.                             <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>

  529.                         </div>

  530.                     </div>

  531. 

  532.                 </div>

  533.             </div>

  534. 

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

  536.                 <div class="contact-box center-version">

  537. 

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

  539. 

  540.                         <img alt="image" class="img-circle" src="img/a6.jpg">

  541. 

  542. 

  543.                         <h3 class="m-b-xs"><strong>Janet Carton</strong></h3>

  544. 

  545.                         <div class="font-bold">CFO</div>

  546.                         <address class="m-t-md">

  547.                             <strong>Twitter, Inc.</strong><br>

  548.                             795 Folsom Ave, Suite 600<br>

  549.                             San Francisco, CA 94107<br>

  550.                             <abbr title="Phone">P:</abbr> (123) 456-7890

  551.                         </address>

  552. 

  553.                     </a>

  554.                     <div class="contact-box-footer">

  555.                         <div class="m-t-xs btn-group">

  556.                             <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>

  557.                             <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>

  558.                             <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>

  559.                         </div>

  560.                     </div>

  561. 

  562.                 </div>

  563.             </div>

  564. 

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

  566.                 <div class="contact-box center-version">

  567. 

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

  569. 

  570.                         <img alt="image" class="img-circle" src="img/a1.jpg">

  571. 

  572. 

  573.                         <h3 class="m-b-xs"><strong>Alex Johnatan</strong></h3>

  574. 

  575.                         <div class="font-bold">CEO</div>

  576.                         <address class="m-t-md">

  577.                             <strong>Twitter, Inc.</strong><br>

  578.                             795 Folsom Ave, Suite 600<br>

  579.                             San Francisco, CA 94107<br>

  580.                             <abbr title="Phone">P:</abbr> (123) 456-7890

  581.                         </address>

  582. 

  583.                     </a>

  584.                     <div class="contact-box-footer">

  585.                         <div class="m-t-xs btn-group">

  586.                             <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>

  587.                             <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>

  588.                             <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>

  589.                         </div>

  590.                     </div>

  591. 

  592.                 </div>

  593.             </div>

  594. 

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

  596.                 <div class="contact-box center-version">

  597. 

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

  599. 

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

  601. 

  602. 

  603.                         <h3 class="m-b-xs"><strong>John Smith</strong></h3>

  604. 

  605.                         <div class="font-bold">Graphics designer</div>

  606.                         <address class="m-t-md">

  607.                             <strong>Twitter, Inc.</strong><br>

  608.                             795 Folsom Ave, Suite 600<br>

  609.                             San Francisco, CA 94107<br>

  610.                             <abbr title="Phone">P:</abbr> (123) 456-7890

  611.                         </address>

  612. 

  613.                     </a>

  614.                     <div class="contact-box-footer">

  615.                         <div class="m-t-xs btn-group">

  616.                             <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>

  617.                             <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>

  618.                             <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>

  619.                         </div>

  620.                     </div>

  621. 

  622.                 </div>

  623.             </div>

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

  625.                 <div class="contact-box center-version">

  626. 

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

  628. 

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

  630. 

  631. 

  632.                         <h3 class="m-b-xs"><strong>John Smith</strong></h3>

  633. 

  634.                         <div class="font-bold">Graphics designer</div>

  635.                         <address class="m-t-md">

  636.                             <strong>Twitter, Inc.</strong><br>

  637.                             795 Folsom Ave, Suite 600<br>

  638.                             San Francisco, CA 94107<br>

  639.                             <abbr title="Phone">P:</abbr> (123) 456-7890

  640.                         </address>

  641. 

  642.                     </a>

  643.                     <div class="contact-box-footer">

  644.                         <div class="m-t-xs btn-group">

  645.                             <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>

  646.                             <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>

  647.                             <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>

  648.                         </div>

  649.                     </div>

  650. 

  651.                 </div>

  652.             </div>

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

  654.                 <div class="contact-box center-version">

  655. 

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

  657. 

  658.                         <img alt="image" class="img-circle" src="img/a1.jpg">

  659. 

  660. 

  661.                         <h3 class="m-b-xs"><strong>Alex Johnatan</strong></h3>

  662. 

  663.                         <div class="font-bold">CEO</div>

  664.                         <address class="m-t-md">

  665.                             <strong>Twitter, Inc.</strong><br>

  666.                             795 Folsom Ave, Suite 600<br>

  667.                             San Francisco, CA 94107<br>

  668.                             <abbr title="Phone">P:</abbr> (123) 456-7890

  669.                         </address>

  670. 

  671.                     </a>

  672.                     <div class="contact-box-footer">

  673.                         <div class="m-t-xs btn-group">

  674.                             <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>

  675.                             <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>

  676.                             <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>

  677.                         </div>

  678.                     </div>

  679. 

  680.                 </div>

  681.             </div>

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

  683.                 <div class="contact-box center-version">

  684. 

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

  686. 

  687.                         <img alt="image" class="img-circle" src="img/a3.jpg">

  688. 

  689. 

  690.                         <h3 class="m-b-xs"><strong>Monica Smith</strong></h3>

  691. 

  692.                         <div class="font-bold">Marketing manager</div>

  693.                         <address class="m-t-md">

  694.                             <strong>Twitter, Inc.</strong><br>

  695.                             795 Folsom Ave, Suite 600<br>

  696.                             San Francisco, CA 94107<br>

  697.                             <abbr title="Phone">P:</abbr> (123) 456-7890

  698.                         </address>

  699. 

  700.                     </a>

  701.                     <div class="contact-box-footer">

  702.                         <div class="m-t-xs btn-group">

  703.                             <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>

  704.                             <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>

  705.                             <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>

  706.                         </div>

  707.                     </div>

  708. 

  709.                 </div>

  710.             </div>

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

  712.                 <div class="contact-box center-version">

  713. 

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

  715. 

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

  717. 

  718. 

  719.                         <h3 class="m-b-xs"><strong>Michael Zimber</strong></h3>

  720. 

  721.                         <div class="font-bold">Sales manager</div>

  722.                         <address class="m-t-md">

  723.                             <strong>Twitter, Inc.</strong><br>

  724.                             795 Folsom Ave, Suite 600<br>

  725.                             San Francisco, CA 94107<br>

  726.                             <abbr title="Phone">P:</abbr> (123) 456-7890

  727.                         </address>

  728. 

  729.                     </a>

  730.                     <div class="contact-box-footer">

  731.                         <div class="m-t-xs btn-group">

  732.                             <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>

  733.                             <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>

  734.                             <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>

  735.                         </div>

  736.                     </div>

  737. 

  738.                 </div>

  739.             </div>

  740. 

  741. 

  742.         </div>

  743.         </div>

  744.         <div class="footer">

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

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

  747.             </div>

  748.             <div>

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

  750.             </div>

  751.         </div>

  752. 

  753.         </div>

  754.         </div>

  755. 

  756.     <!-- Mainly scripts -->

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

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

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

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

  761. 

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

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

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

  765. 

  766. 

  767. </body>

  768. 

  769. </html>