API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 3rd, 2017
256
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 39.57 KB | None | 0 0
raw download clone embed print report
  1. @extends ('ace')
  2.  
  3. @section ('title', 'Profile')
  4.  
  5. @section ('content')
  6.     <div class="page-content">
  7.                         <div class="page-header">
  8.                             <h1>
  9.                                 User Profile Page
  10.                                 <small>
  11.                                     <i class="ace-icon fa fa-angle-double-right"></i>
  12.                                     3 styles with inline editable feature
  13.                                 </small>
  14.                             </h1>
  15.                         </div><!-- /.page-header -->
  16.  
  17.                         <div class="row">
  18.                             <div class="col-xs-12">
  19.                                 <!-- PAGE CONTENT BEGINS -->
  20.  
  21.                                 <div class="">
  22.                                     <div id="user-profile-2" class="user-profile">
  23.                                         <div class="tabbable">
  24.                                             <ul class="nav nav-tabs padding-18">
  25.                                                 <li class="active">
  26.                                                     <a data-toggle="tab" href="#home">
  27.                                                         <i class="green ace-icon fa fa-user bigger-120"></i>
  28.                                                         Profile
  29.                                                     </a>
  30.                                                 </li>
  31.  
  32.                                                 <li>
  33.                                                     <a data-toggle="tab" href="#feed">
  34.                                                         <i class="orange ace-icon fa fa-rss bigger-120"></i>
  35.                                                         Activity Feed
  36.                                                     </a>
  37.                                                 </li>
  38.  
  39.                                                 <li>
  40.                                                     <a data-toggle="tab" href="#friends">
  41.                                                         <i class="blue ace-icon fa fa-users bigger-120"></i>
  42.                                                         Friends
  43.                                                     </a>
  44.                                                 </li>
  45.  
  46.                                                 <li>
  47.                                                     <a data-toggle="tab" href="#pictures">
  48.                                                         <i class="pink ace-icon fa fa-picture-o bigger-120"></i>
  49.                                                         Pictures
  50.                                                     </a>
  51.                                                 </li>
  52.                                             </ul>
  53.  
  54.                                             <div class="tab-content no-border padding-24">
  55.                                                 <div id="home" class="tab-pane in active">
  56.                                                     <div class="row">
  57.                                                         <div class="col-xs-12 col-sm-3 center">
  58.                                                             <span class="profile-picture">
  59.                                                                 <img class="editable img-responsive" alt="Alex's Avatar" id="avatar2" src="../assets/avatars/profile-pic.jpg" />
  60.                                                             </span>
  61.  
  62.                                                             <div class="space space-4"></div>
  63.  
  64.                                                             <a href="#" class="btn btn-sm btn-block btn-success">
  65.                                                                 <i class="ace-icon fa fa-plus-circle bigger-120"></i>
  66.                                                                 <span class="bigger-110">Add as a friend</span>
  67.                                                             </a>
  68.  
  69.                                                             <a href="#" class="btn btn-sm btn-block btn-primary">
  70.                                                                 <i class="ace-icon fa fa-envelope-o bigger-110"></i>
  71.                                                                 <span class="bigger-110">Send a message</span>
  72.                                                             </a>
  73.                                                         </div><!-- /.col -->
  74.  
  75.                                                         <div class="col-xs-12 col-sm-9">
  76.                                                             <h4 class="blue">
  77.                                                                 <span class="middle">Alex M. Doe</span>
  78.  
  79.                                                                 <span class="label label-purple arrowed-in-right">
  80.                                                                     <i class="ace-icon fa fa-circle smaller-80 align-middle"></i>
  81.                                                                     online
  82.                                                                 </span>
  83.                                                             </h4>
  84.  
  85.                                                             <div class="profile-user-info">
  86.                                                                 <div class="profile-info-row">
  87.                                                                     <div class="profile-info-name"> Username </div>
  88.  
  89.                                                                     <div class="profile-info-value">
  90.                                                                         <span>alexdoe</span>
  91.                                                                     </div>
  92.                                                                 </div>
  93.  
  94.                                                                 <div class="profile-info-row">
  95.                                                                     <div class="profile-info-name"> Location </div>
  96.  
  97.                                                                     <div class="profile-info-value">
  98.                                                                         <i class="fa fa-map-marker light-orange bigger-110"></i>
  99.                                                                         <span>Netherlands</span>
  100.                                                                         <span>Amsterdam</span>
  101.                                                                     </div>
  102.                                                                 </div>
  103.  
  104.                                                                 <div class="profile-info-row">
  105.                                                                     <div class="profile-info-name"> Age </div>
  106.  
  107.                                                                     <div class="profile-info-value">
  108.                                                                         <span>38</span>
  109.                                                                     </div>
  110.                                                                 </div>
  111.  
  112.                                                                 <div class="profile-info-row">
  113.                                                                     <div class="profile-info-name"> Joined </div>
  114.  
  115.                                                                     <div class="profile-info-value">
  116.                                                                         <span>2010/06/20</span>
  117.                                                                     </div>
  118.                                                                 </div>
  119.  
  120.                                                                 <div class="profile-info-row">
  121.                                                                     <div class="profile-info-name"> Last Online </div>
  122.  
  123.                                                                     <div class="profile-info-value">
  124.                                                                         <span>3 hours ago</span>
  125.                                                                     </div>
  126.                                                                 </div>
  127.                                                             </div>
  128.  
  129.                                                             <div class="hr hr-8 dotted"></div>
  130.  
  131.                                                             <div class="profile-user-info">
  132.                                                                 <div class="profile-info-row">
  133.                                                                     <div class="profile-info-name"> Website </div>
  134.  
  135.                                                                     <div class="profile-info-value">
  136.                                                                         <a href="#" target="_blank">www.alexdoe.com</a>
  137.                                                                     </div>
  138.                                                                 </div>
  139.  
  140.                                                                 <div class="profile-info-row">
  141.                                                                     <div class="profile-info-name">
  142.                                                                         <i class="middle ace-icon fa fa-facebook-square bigger-150 blue"></i>
  143.                                                                     </div>
  144.  
  145.                                                                     <div class="profile-info-value">
  146.                                                                         <a href="#">Find me on Facebook</a>
  147.                                                                     </div>
  148.                                                                 </div>
  149.  
  150.                                                                 <div class="profile-info-row">
  151.                                                                     <div class="profile-info-name">
  152.                                                                         <i class="middle ace-icon fa fa-twitter-square bigger-150 light-blue"></i>
  153.                                                                     </div>
  154.  
  155.                                                                     <div class="profile-info-value">
  156.                                                                         <a href="#">Follow me on Twitter</a>
  157.                                                                     </div>
  158.                                                                 </div>
  159.                                                             </div>
  160.                                                         </div><!-- /.col -->
  161.                                                     </div><!-- /.row -->
  162.  
  163.                                                     <div class="space-20"></div>
  164.  
  165.                                                     <div class="row">
  166.                                                         <div class="col-xs-12 col-sm-6">
  167.                                                             <div class="widget-box transparent">
  168.                                                                 <div class="widget-header widget-header-small">
  169.                                                                     <h4 class="widget-title smaller">
  170.                                                                         <i class="ace-icon fa fa-check-square-o bigger-110"></i>
  171.                                                                         Little About Me
  172.                                                                     </h4>
  173.                                                                 </div>
  174.  
  175.                                                                 <div class="widget-body">
  176.                                                                     <div class="widget-main">
  177.                                                                         <p>
  178.                                                                             My job is mostly lorem ipsuming and dolor sit ameting as long as consectetur adipiscing elit.
  179.                                                                         </p>
  180.                                                                         <p>
  181.                                                                             Sometimes quisque commodo massa gets in the way and sed ipsum porttitor facilisis.
  182.                                                                         </p>
  183.                                                                         <p>
  184.                                                                             The best thing about my job is that vestibulum id ligula porta felis euismod and nullam quis risus eget urna mollis ornare.
  185.                                                                         </p>
  186.                                                                         <p>
  187.                                                                             Thanks for visiting my profile.
  188.                                                                         </p>
  189.                                                                     </div>
  190.                                                                 </div>
  191.                                                             </div>
  192.                                                         </div>
  193.  
  194.                                                         <div class="col-xs-12 col-sm-6">
  195.                                                             <div class="widget-box transparent">
  196.                                                                 <div class="widget-header widget-header-small header-color-blue2">
  197.                                                                     <h4 class="widget-title smaller">
  198.                                                                         <i class="ace-icon fa fa-lightbulb-o bigger-120"></i>
  199.                                                                         My Skills
  200.                                                                     </h4>
  201.                                                                 </div>
  202.  
  203.                                                                 <div class="widget-body">
  204.                                                                     <div class="widget-main padding-16">
  205.                                                                         <div class="clearfix">
  206.                                                                             <div class="grid3 center">
  207.                                                                                 <!-- #section:plugins/charts.easypiechart -->
  208.                                                                                 <div class="easy-pie-chart percentage" data-percent="45" data-color="#CA5952">
  209.                                                                                     <span class="percent">45</span>%
  210.                                                                                 </div>
  211.  
  212.                                                                                 <!-- /section:plugins/charts.easypiechart -->
  213.                                                                                 <div class="space-2"></div>
  214.                                                                                 Graphic Design
  215.                                                                             </div>
  216.  
  217.                                                                             <div class="grid3 center">
  218.                                                                                 <div class="center easy-pie-chart percentage" data-percent="90" data-color="#59A84B">
  219.                                                                                     <span class="percent">90</span>%
  220.                                                                                 </div>
  221.  
  222.                                                                                 <div class="space-2"></div>
  223.                                                                                 HTML5 & CSS3
  224.                                                                             </div>
  225.  
  226.                                                                             <div class="grid3 center">
  227.                                                                                 <div class="center easy-pie-chart percentage" data-percent="80" data-color="#9585BF">
  228.                                                                                     <span class="percent">80</span>%
  229.                                                                                 </div>
  230.  
  231.                                                                                 <div class="space-2"></div>
  232.                                                                                 Javascript/jQuery
  233.                                                                             </div>
  234.                                                                         </div>
  235.  
  236.                                                                         <div class="hr hr-16"></div>
  237.  
  238.                                                                         <!-- #section:pages/profile.skill-progress -->
  239.                                                                         <div class="profile-skills">
  240.                                                                             <div class="progress">
  241.                                                                                 <div class="progress-bar" style="width:80%">
  242.                                                                                     <span class="pull-left">HTML5 & CSS3</span>
  243.                                                                                     <span class="pull-right">80%</span>
  244.                                                                                 </div>
  245.                                                                             </div>
  246.  
  247.                                                                             <div class="progress">
  248.                                                                                 <div class="progress-bar progress-bar-success" style="width:72%">
  249.                                                                                     <span class="pull-left">Javascript & jQuery</span>
  250.  
  251.                                                                                     <span class="pull-right">72%</span>
  252.                                                                                 </div>
  253.                                                                             </div>
  254.  
  255.                                                                             <div class="progress">
  256.                                                                                 <div class="progress-bar progress-bar-purple" style="width:70%">
  257.                                                                                     <span class="pull-left">PHP & MySQL</span>
  258.  
  259.                                                                                     <span class="pull-right">70%</span>
  260.                                                                                 </div>
  261.                                                                             </div>
  262.  
  263.                                                                             <div class="progress">
  264.                                                                                 <div class="progress-bar progress-bar-warning" style="width:50%">
  265.                                                                                     <span class="pull-left">Wordpress</span>
  266.  
  267.                                                                                     <span class="pull-right">50%</span>
  268.                                                                                 </div>
  269.                                                                             </div>
  270.  
  271.                                                                             <div class="progress">
  272.                                                                                 <div class="progress-bar progress-bar-danger" style="width:38%">
  273.                                                                                     <span class="pull-left">Photoshop</span>
  274.  
  275.                                                                                     <span class="pull-right">38%</span>
  276.                                                                                 </div>
  277.                                                                             </div>
  278.                                                                         </div>
  279.  
  280.                                                                         <!-- /section:pages/profile.skill-progress -->
  281.                                                                     </div>
  282.                                                                 </div>
  283.                                                             </div>
  284.                                                         </div>
  285.                                                     </div>
  286.                                                 </div><!-- /#home -->
  287.  
  288.                                                 <div id="feed" class="tab-pane">
  289.                                                     <div class="profile-feed row">
  290.                                                         <div class="col-sm-6">
  291.                                                             <div class="profile-activity clearfix">
  292.                                                                 <div>
  293.                                                                     <img class="pull-left" alt="Alex Doe's avatar" src="../assets/avatars/avatar5.png" />
  294.                                                                     <a class="user" href="#"> Alex Doe </a>
  295.                                                                     changed his profile photo.
  296.                                                                     <a href="#">Take a look</a>
  297.  
  298.                                                                     <div class="time">
  299.                                                                         <i class="ace-icon fa fa-clock-o bigger-110"></i>
  300.                                                                         an hour ago
  301.                                                                     </div>
  302.                                                                 </div>
  303.  
  304.                                                                 <div class="tools action-buttons">
  305.                                                                     <a href="#" class="blue">
  306.                                                                         <i class="ace-icon fa fa-pencil bigger-125"></i>
  307.                                                                     </a>
  308.  
  309.                                                                     <a href="#" class="red">
  310.                                                                         <i class="ace-icon fa fa-times bigger-125"></i>
  311.                                                                     </a>
  312.                                                                 </div>
  313.                                                             </div>
  314.  
  315.                                                             <div class="profile-activity clearfix">
  316.                                                                 <div>
  317.                                                                     <img class="pull-left" alt="Susan Smith's avatar" src="../assets/avatars/avatar1.png" />
  318.                                                                     <a class="user" href="#"> Susan Smith </a>
  319.  
  320.                                                                     is now friends with Alex Doe.
  321.                                                                     <div class="time">
  322.                                                                         <i class="ace-icon fa fa-clock-o bigger-110"></i>
  323.                                                                         2 hours ago
  324.                                                                     </div>
  325.                                                                 </div>
  326.  
  327.                                                                 <div class="tools action-buttons">
  328.                                                                     <a href="#" class="blue">
  329.                                                                         <i class="ace-icon fa fa-pencil bigger-125"></i>
  330.                                                                     </a>
  331.  
  332.                                                                     <a href="#" class="red">
  333.                                                                         <i class="ace-icon fa fa-times bigger-125"></i>
  334.                                                                     </a>
  335.                                                                 </div>
  336.                                                             </div>
  337.  
  338.                                                             <div class="profile-activity clearfix">
  339.                                                                 <div>
  340.                                                                     <i class="pull-left thumbicon fa fa-check btn-success no-hover"></i>
  341.                                                                     <a class="user" href="#"> Alex Doe </a>
  342.                                                                     joined
  343.                                                                     <a href="#">Country Music</a>
  344.  
  345.                                                                     group.
  346.                                                                     <div class="time">
  347.                                                                         <i class="ace-icon fa fa-clock-o bigger-110"></i>
  348.                                                                         5 hours ago
  349.                                                                     </div>
  350.                                                                 </div>
  351.  
  352.                                                                 <div class="tools action-buttons">
  353.                                                                     <a href="#" class="blue">
  354.                                                                         <i class="ace-icon fa fa-pencil bigger-125"></i>
  355.                                                                     </a>
  356.  
  357.                                                                     <a href="#" class="red">
  358.                                                                         <i class="ace-icon fa fa-times bigger-125"></i>
  359.                                                                     </a>
  360.                                                                 </div>
  361.                                                             </div>
  362.  
  363.                                                             <div class="profile-activity clearfix">
  364.                                                                 <div>
  365.                                                                     <i class="pull-left thumbicon fa fa-picture-o btn-info no-hover"></i>
  366.                                                                     <a class="user" href="#"> Alex Doe </a>
  367.                                                                     uploaded a new photo.
  368.                                                                     <a href="#">Take a look</a>
  369.  
  370.                                                                     <div class="time">
  371.                                                                         <i class="ace-icon fa fa-clock-o bigger-110"></i>
  372.                                                                         5 hours ago
  373.                                                                     </div>
  374.                                                                 </div>
  375.  
  376.                                                                 <div class="tools action-buttons">
  377.                                                                     <a href="#" class="blue">
  378.                                                                         <i class="ace-icon fa fa-pencil bigger-125"></i>
  379.                                                                     </a>
  380.  
  381.                                                                     <a href="#" class="red">
  382.                                                                         <i class="ace-icon fa fa-times bigger-125"></i>
  383.                                                                     </a>
  384.                                                                 </div>
  385.                                                             </div>
  386.  
  387.                                                             <div class="profile-activity clearfix">
  388.                                                                 <div>
  389.                                                                     <img class="pull-left" alt="David Palms's avatar" src="../assets/avatars/avatar4.png" />
  390.                                                                     <a class="user" href="#"> David Palms </a>
  391.  
  392.                                                                     left a comment on Alex's wall.
  393.                                                                     <div class="time">
  394.                                                                         <i class="ace-icon fa fa-clock-o bigger-110"></i>
  395.                                                                         8 hours ago
  396.                                                                     </div>
  397.                                                                 </div>
  398.  
  399.                                                                 <div class="tools action-buttons">
  400.                                                                     <a href="#" class="blue">
  401.                                                                         <i class="ace-icon fa fa-pencil bigger-125"></i>
  402.                                                                     </a>
  403.  
  404.                                                                     <a href="#" class="red">
  405.                                                                         <i class="ace-icon fa fa-times bigger-125"></i>
  406.                                                                     </a>
  407.                                                                 </div>
  408.                                                             </div>
  409.                                                         </div><!-- /.col -->
  410.  
  411.                                                         <div class="col-sm-6">
  412.                                                             <div class="profile-activity clearfix">
  413.                                                                 <div>
  414.                                                                     <i class="pull-left thumbicon fa fa-pencil-square-o btn-pink no-hover"></i>
  415.                                                                     <a class="user" href="#"> Alex Doe </a>
  416.                                                                     published a new blog post.
  417.                                                                     <a href="#">Read now</a>
  418.  
  419.                                                                     <div class="time">
  420.                                                                         <i class="ace-icon fa fa-clock-o bigger-110"></i>
  421.                                                                         11 hours ago
  422.                                                                     </div>
  423.                                                                 </div>
  424.  
  425.                                                                 <div class="tools action-buttons">
  426.                                                                     <a href="#" class="blue">
  427.                                                                         <i class="ace-icon fa fa-pencil bigger-125"></i>
  428.                                                                     </a>
  429.  
  430.                                                                     <a href="#" class="red">
  431.                                                                         <i class="ace-icon fa fa-times bigger-125"></i>
  432.                                                                     </a>
  433.                                                                 </div>
  434.                                                             </div>
  435.  
  436.                                                             <div class="profile-activity clearfix">
  437.                                                                 <div>
  438.                                                                     <img class="pull-left" alt="Alex Doe's avatar" src="../assets/avatars/avatar5.png" />
  439.                                                                     <a class="user" href="#"> Alex Doe </a>
  440.  
  441.                                                                     upgraded his skills.
  442.                                                                     <div class="time">
  443.                                                                         <i class="ace-icon fa fa-clock-o bigger-110"></i>
  444.                                                                         12 hours ago
  445.                                                                     </div>
  446.                                                                 </div>
  447.  
  448.                                                                 <div class="tools action-buttons">
  449.                                                                     <a href="#" class="blue">
  450.                                                                         <i class="ace-icon fa fa-pencil bigger-125"></i>
  451.                                                                     </a>
  452.  
  453.                                                                     <a href="#" class="red">
  454.                                                                         <i class="ace-icon fa fa-times bigger-125"></i>
  455.                                                                     </a>
  456.                                                                 </div>
  457.                                                             </div>
  458.  
  459.                                                             <div class="profile-activity clearfix">
  460.                                                                 <div>
  461.                                                                     <i class="pull-left thumbicon fa fa-key btn-info no-hover"></i>
  462.                                                                     <a class="user" href="#"> Alex Doe </a>
  463.  
  464.                                                                     logged in.
  465.                                                                     <div class="time">
  466.                                                                         <i class="ace-icon fa fa-clock-o bigger-110"></i>
  467.                                                                         12 hours ago
  468.                                                                     </div>
  469.                                                                 </div>
  470.  
  471.                                                                 <div class="tools action-buttons">
  472.                                                                     <a href="#" class="blue">
  473.                                                                         <i class="ace-icon fa fa-pencil bigger-125"></i>
  474.                                                                     </a>
  475.  
  476.                                                                     <a href="#" class="red">
  477.                                                                         <i class="ace-icon fa fa-times bigger-125"></i>
  478.                                                                     </a>
  479.                                                                 </div>
  480.                                                             </div>
  481.  
  482.                                                             <div class="profile-activity clearfix">
  483.                                                                 <div>
  484.                                                                     <i class="pull-left thumbicon fa fa-power-off btn-inverse no-hover"></i>
  485.                                                                     <a class="user" href="#"> Alex Doe </a>
  486.  
  487.                                                                     logged out.
  488.                                                                     <div class="time">
  489.                                                                         <i class="ace-icon fa fa-clock-o bigger-110"></i>
  490.                                                                         16 hours ago
  491.                                                                     </div>
  492.                                                                 </div>
  493.  
  494.                                                                 <div class="tools action-buttons">
  495.                                                                     <a href="#" class="blue">
  496.                                                                         <i class="ace-icon fa fa-pencil bigger-125"></i>
  497.                                                                     </a>
  498.  
  499.                                                                     <a href="#" class="red">
  500.                                                                         <i class="ace-icon fa fa-times bigger-125"></i>
  501.                                                                     </a>
  502.                                                                 </div>
  503.                                                             </div>
  504.  
  505.                                                             <div class="profile-activity clearfix">
  506.                                                                 <div>
  507.                                                                     <i class="pull-left thumbicon fa fa-key btn-info no-hover"></i>
  508.                                                                     <a class="user" href="#"> Alex Doe </a>
  509.  
  510.                                                                     logged in.
  511.                                                                     <div class="time">
  512.                                                                         <i class="ace-icon fa fa-clock-o bigger-110"></i>
  513.                                                                         16 hours ago
  514.                                                                     </div>
  515.                                                                 </div>
  516.  
  517.                                                                 <div class="tools action-buttons">
  518.                                                                     <a href="#" class="blue">
  519.                                                                         <i class="ace-icon fa fa-pencil bigger-125"></i>
  520.                                                                     </a>
  521.  
  522.                                                                     <a href="#" class="red">
  523.                                                                         <i class="ace-icon fa fa-times bigger-125"></i>
  524.                                                                     </a>
  525.                                                                 </div>
  526.                                                             </div>
  527.                                                         </div><!-- /.col -->
  528.                                                     </div><!-- /.row -->
  529.  
  530.                                                     <div class="space-12"></div>
  531.  
  532.                                                     <div class="center">
  533.                                                         <button type="button" class="btn btn-sm btn-primary btn-white btn-round">
  534.                                                             <i class="ace-icon fa fa-rss bigger-150 middle orange2"></i>
  535.                                                             <span class="bigger-110">View more activities</span>
  536.  
  537.                                                             <i class="icon-on-right ace-icon fa fa-arrow-right"></i>
  538.                                                         </button>
  539.                                                     </div>
  540.                                                 </div><!-- /#feed -->
  541.  
  542.                                                 <div id="friends" class="tab-pane">
  543.                                                     <!-- #section:pages/profile.friends -->
  544.                                                     <div class="profile-users clearfix">
  545.                                                         <div class="itemdiv memberdiv">
  546.                                                             <div class="inline pos-rel">
  547.                                                                 <div class="user">
  548.                                                                     <a href="#">
  549.                                                                         <img src="../assets/avatars/avatar4.png" alt="Bob Doe's avatar" />
  550.                                                                     </a>
  551.                                                                 </div>
  552.  
  553.                                                                 <div class="body">
  554.                                                                     <div class="name">
  555.                                                                         <a href="#">
  556.                                                                             <span class="user-status status-online"></span>
  557.                                                                             Bob Doe
  558.                                                                         </a>
  559.                                                                     </div>
  560.                                                                 </div>
  561.  
  562.                                                                 <div class="popover">
  563.                                                                     <div class="arrow"></div>
  564.  
  565.                                                                     <div class="popover-content">
  566.                                                                         <div class="bolder">Content Editor</div>
  567.  
  568.                                                                         <div class="time">
  569.                                                                             <i class="ace-icon fa fa-clock-o middle bigger-120 orange"></i>
  570.                                                                             <span class="green"> 20 mins ago </span>
  571.                                                                         </div>
  572.  
  573.                                                                         <div class="hr dotted hr-8"></div>
  574.  
  575.                                                                         <div class="tools action-buttons">
  576.                                                                             <a href="#">
  577.                                                                                 <i class="ace-icon fa fa-facebook-square blue bigger-150"></i>
  578.                                                                             </a>
  579.  
  580.                                                                             <a href="#">
  581.                                                                                 <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
  582.                                                                             </a>
  583.  
  584.                                                                             <a href="#">
  585.                                                                                 <i class="ace-icon fa fa-google-plus-square red bigger-150"></i>
  586.                                                                             </a>
  587.                                                                         </div>
  588.                                                                     </div>
  589.                                                                 </div>
  590.                                                             </div>
  591.                                                         </div>
  592.  
  593.                                                         <div class="itemdiv memberdiv">
  594.                                                             <div class="inline pos-rel">
  595.                                                                 <div class="user">
  596.                                                                     <a href="#">
  597.                                                                         <img src="../assets/avatars/avatar1.png" alt="Rose Doe's avatar" />
  598.                                                                     </a>
  599.                                                                 </div>
  600.  
  601.                                                                 <div class="body">
  602.                                                                     <div class="name">
  603.                                                                         <a href="#">
  604.                                                                             <span class="user-status status-offline"></span>
  605.                                                                             Rose Doe
  606.                                                                         </a>
  607.                                                                     </div>
  608.                                                                 </div>
  609.  
  610.                                                                 <div class="popover">
  611.                                                                     <div class="arrow"></div>
  612.  
  613.                                                                     <div class="popover-content">
  614.                                                                         <div class="bolder">Graphic Designer</div>
  615.  
  616.                                                                         <div class="time">
  617.                                                                             <i class="ace-icon fa fa-clock-o middle bigger-120 grey"></i>
  618.                                                                             <span class="grey"> 30 min ago </span>
  619.                                                                         </div>
  620.  
  621.                                                                         <div class="hr dotted hr-8"></div>
  622.  
  623.                                                                         <div class="tools action-buttons">
  624.                                                                             <a href="#">
  625.                                                                                 <i class="ace-icon fa fa-facebook-square blue bigger-150"></i>
  626.                                                                             </a>
  627.  
  628.                                                                             <a href="#">
  629.                                                                                 <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
  630.                                                                             </a>
  631.  
  632.                                                                             <a href="#">
  633.                                                                                 <i class="ace-icon fa fa-google-plus-square red bigger-150"></i>
  634.                                                                             </a>
  635.                                                                         </div>
  636.                                                                     </div>
  637.                                                                 </div>
  638.                                                             </div>
  639.                                                         </div>
  640.  
  641.                                                         <div class="itemdiv memberdiv">
  642.                                                             <div class="inline pos-rel">
  643.                                                                 <div class="user">
  644.                                                                     <a href="#">
  645.                                                                         <img src="../assets/avatars/avatar.png" alt="Jim Doe's avatar" />
  646.                                                                     </a>
  647.                                                                 </div>
  648.  
  649.                                                                 <div class="body">
  650.                                                                     <div class="name">
  651.                                                                         <a href="#">
  652.                                                                             <span class="user-status status-busy"></span>
  653.                                                                             Jim Doe
  654.                                                                         </a>
  655.                                                                     </div>
  656.                                                                 </div>
  657.  
  658.                                                                 <div class="popover">
  659.                                                                     <div class="arrow"></div>
  660.  
  661.                                                                     <div class="popover-content">
  662.                                                                         <div class="bolder">SEO &amp; Advertising</div>
  663.  
  664.                                                                         <div class="time">
  665.                                                                             <i class="ace-icon fa fa-clock-o middle bigger-120 red"></i>
  666.                                                                             <span class="grey"> 1 hour ago </span>
  667.                                                                         </div>
  668.  
  669.                                                                         <div class="hr dotted hr-8"></div>
  670.  
  671.                                                                         <div class="tools action-buttons">
  672.                                                                             <a href="#">
  673.                                                                                 <i class="ace-icon fa fa-facebook-square blue bigger-150"></i>
  674.                                                                             </a>
  675.  
  676.                                                                             <a href="#">
  677.                                                                                 <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
  678.                                                                             </a>
  679.  
  680.                                                                             <a href="#">
  681.                                                                                 <i class="ace-icon fa fa-google-plus-square red bigger-150"></i>
  682.                                                                             </a>
  683.                                                                         </div>
  684.                                                                     </div>
  685.                                                                 </div>
  686.                                                             </div>
  687.                                                         </div>
  688.  
  689.                                                         <div class="itemdiv memberdiv">
  690.                                                             <div class="inline pos-rel">
  691.                                                                 <div class="user">
  692.                                                                     <a href="#">
  693.                                                                         <img src="../assets/avatars/avatar5.png" alt="Alex Doe's avatar" />
  694.                                                                     </a>
  695.                                                                 </div>
  696.  
  697.                                                                 <div class="body">
  698.                                                                     <div class="name">
  699.                                                                         <a href="#">
  700.                                                                             <span class="user-status status-idle"></span>
  701.                                                                             Alex Doe
  702.                                                                         </a>
  703.                                                                     </div>
  704.                                                                 </div>
  705.  
  706.                                                                 <div class="popover">
  707.                                                                     <div class="arrow"></div>
  708.  
  709.                                                                     <div class="popover-content">
  710.                                                                         <div class="bolder">Marketing</div>
  711.  
  712.                                                                         <div class="time">
  713.                                                                             <i class="ace-icon fa fa-clock-o middle bigger-120 orange"></i>
  714.                                                                             <span class=""> 40 minutes idle </span>
  715.                                                                         </div>
  716.  
  717.                                                                         <div class="hr dotted hr-8"></div>
  718.  
  719.                                                                         <div class="tools action-buttons">
  720.                                                                             <a href="#">
  721.                                                                                 <i class="ace-icon fa fa-facebook-square blue bigger-150"></i>
  722.                                                                             </a>
  723.  
  724.                                                                             <a href="#">
  725.                                                                                 <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
  726.                                                                             </a>
  727.  
  728.                                                                             <a href="#">
  729.                                                                                 <i class="ace-icon fa fa-google-plus-square red bigger-150"></i>
  730.                                                                             </a>
  731.                                                                         </div>
  732.                                                                     </div>
  733.                                                                 </div>
  734.                                                             </div>
  735.                                                         </div>
  736.  
  737.                                                         <div class="itemdiv memberdiv">
  738.                                                             <div class="inline pos-rel">
  739.                                                                 <div class="user">
  740.                                                                     <a href="#">
  741.                                                                         <img src="../assets/avatars/avatar2.png" alt="Phil Doe's avatar" />
  742.                                                                     </a>
  743.                                                                 </div>
  744.  
  745.                                                                 <div class="body">
  746.                                                                     <div class="name">
  747.                                                                         <a href="#">
  748.                                                                             <span class="user-status status-online"></span>
  749.                                                                             Phil Doe
  750.                                                                         </a>
  751.                                                                     </div>
  752.                                                                 </div>
  753.  
  754.                                                                 <div class="popover">
  755.                                                                     <div class="arrow"></div>
  756.  
  757.                                                                     <div class="popover-content">
  758.                                                                         <div class="bolder">Public Relations</div>
  759.  
  760.                                                                         <div class="time">
  761.                                                                             <i class="ace-icon fa fa-clock-o middle bigger-120 orange"></i>
  762.                                                                             <span class="green"> 2 hours ago </span>
  763.                                                                         </div>
  764.  
  765.                                                                         <div class="hr dotted hr-8"></div>
  766.  
  767.                                                                         <div class="tools action-buttons">
  768.                                                                             <a href="#">
  769.                                                                                 <i class="ace-icon fa fa-facebook-square blue bigger-150"></i>
  770.                                                                             </a>
  771.  
  772.                                                                             <a href="#">
  773.                                                                                 <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
  774.                                                                             </a>
  775.  
  776.                                                                             <a href="#">
  777.                                                                                 <i class="ace-icon fa fa-google-plus-square red bigger-150"></i>
  778.                                                                             </a>
  779.                                                                         </div>
  780.                                                                     </div>
  781.                                                                 </div>
  782.                                                             </div>
  783.                                                         </div>
  784.  
  785.                                                         <div class="itemdiv memberdiv">
  786.                                                             <div class="inline pos-rel">
  787.                                                                 <div class="user">
  788.                                                                     <a href="#">
  789.                                                                         <img src="../assets/avatars/avatar3.png" alt="Susan Doe's avatar" />
  790.                                                                     </a>
  791.                                                                 </div>
  792.  
  793.                                                                 <div class="body">
  794.                                                                     <div class="name">
  795.                                                                         <a href="#">
  796.                                                                             <span class="user-status status-online"></span>
  797.                                                                             Susan Doe
  798.                                                                         </a>
  799.                                                                     </div>
  800.                                                                 </div>
  801.  
  802.                                                                 <div class="popover">
  803.                                                                     <div class="arrow"></div>
  804.  
  805.                                                                     <div class="popover-content">
  806.                                                                         <div class="bolder">HR Management</div>
  807.  
  808.                                                                         <div class="time">
  809.                                                                             <i class="ace-icon fa fa-clock-o middle bigger-120 orange"></i>
  810.                                                                             <span class="green"> 20 mins ago </span>
  811.                                                                         </div>
  812.  
  813.                                                                         <div class="hr dotted hr-8"></div>
  814.  
  815.                                                                         <div class="tools action-buttons">
  816.                                                                             <a href="#">
  817.                                                                                 <i class="ace-icon fa fa-facebook-square blue bigger-150"></i>
  818.                                                                             </a>
  819.  
  820.                                                                             <a href="#">
  821.                                                                                 <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
  822.                                                                             </a>
  823.  
  824.                                                                             <a href="#">
  825.                                                                                 <i class="ace-icon fa fa-google-plus-square red bigger-150"></i>
  826.                                                                             </a>
  827.                                                                         </div>
  828.                                                                     </div>
  829.                                                                 </div>
  830.                                                             </div>
  831.                                                         </div>
  832.  
  833.                                                         <div class="itemdiv memberdiv">
  834.                                                             <div class="inline pos-rel">
  835.                                                                 <div class="user">
  836.                                                                     <a href="#">
  837.                                                                         <img src="../assets/avatars/avatar1.png" alt="Jennifer Doe's avatar" />
  838.                                                                     </a>
  839.                                                                 </div>
  840.  
  841.                                                                 <div class="body">
  842.                                                                     <div class="name">
  843.                                                                         <a href="#">
  844.                                                                             <span class="user-status status-offline"></span>
  845.                                                                             Jennifer Doe
  846.                                                                         </a>
  847.                                                                     </div>
  848.                                                                 </div>
  849.  
  850.                                                                 <div class="popover">
  851.                                                                     <div class="arrow"></div>
  852.  
  853.                                                                     <div class="popover-content">
  854.                                                                         <div class="bolder">Graphic Designer</div>
  855.  
  856.                                                                         <div class="time">
  857.                                                                             <i class="ace-icon fa fa-clock-o middle bigger-120 grey"></i>
  858.                                                                             <span class="grey"> 2 hours ago </span>
  859.                                                                         </div>
  860.  
  861.                                                                         <div class="hr dotted hr-8"></div>
  862.  
  863.                                                                         <div class="tools action-buttons">
  864.                                                                             <a href="#">
  865.                                                                                 <i class="ace-icon fa fa-facebook-square blue bigger-150"></i>
  866.                                                                             </a>
  867.  
  868.                                                                             <a href="#">
  869.                                                                                 <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
  870.                                                                             </a>
  871.  
  872.                                                                             <a href="#">
  873.                                                                                 <i class="ace-icon fa fa-google-plus-square red bigger-150"></i>
  874.                                                                             </a>
  875.                                                                         </div>
  876.                                                                     </div>
  877.                                                                 </div>
  878.                                                             </div>
  879.                                                         </div>
  880.  
  881.                                                         <div class="itemdiv memberdiv">
  882.                                                             <div class="inline pos-rel">
  883.                                                                 <div class="user">
  884.                                                                     <a href="#">
  885.                                                                         <img src="../assets/avatars/avatar3.png" alt="Alexa Doe's avatar" />
  886.                                                                     </a>
  887.                                                                 </div>
  888.  
  889.                                                                 <div class="body">
  890.                                                                     <div class="name">
  891.                                                                         <a href="#">
  892.                                                                             <span class="user-status status-offline"></span>
  893.                                                                             Alexa Doe
  894.                                                                         </a>
  895.                                                                     </div>
  896.                                                                 </div>
  897.  
  898.                                                                 <div class="popover">
  899.                                                                     <div class="arrow"></div>
  900.  
  901.                                                                     <div class="popover-content">
  902.                                                                         <div class="bolder">Accounting</div>
  903.  
  904.                                                                         <div class="time">
  905.                                                                             <i class="ace-icon fa fa-clock-o middle bigger-120 grey"></i>
  906.                                                                             <span class="grey"> 4 hours ago </span>
  907.                                                                         </div>
  908.  
  909.                                                                         <div class="hr dotted hr-8"></div>
  910.  
  911.                                                                         <div class="tools action-buttons">
  912.                                                                             <a href="#">
  913.                                                                                 <i class="ace-icon fa fa-facebook-square blue bigger-150"></i>
  914.                                                                             </a>
  915.  
  916.                                                                             <a href="#">
  917.                                                                                 <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
  918.                                                                             </a>
  919.  
  920.                                                                             <a href="#">
  921.                                                                                 <i class="ace-icon fa fa-google-plus-square red bigger-150"></i>
  922.                                                                             </a>
  923.                                                                         </div>
  924.                                                                     </div>
  925.                                                                 </div>
  926.                                                             </div>
  927.                                                         </div>
  928.                                                     </div>
  929.  
  930.                                                     <!-- /section:pages/profile.friends -->
  931.                                                     <div class="hr hr10 hr-double"></div>
  932.  
  933.                                                     <ul class="pager pull-right">
  934.                                                         <li class="previous disabled">
  935.                                                             <a href="#">&larr; Prev</a>
  936.                                                         </li>
  937.  
  938.                                                         <li class="next">
  939.                                                             <a href="#">Next &rarr;</a>
  940.                                                         </li>
  941.                                                     </ul>
  942.                                                 </div><!-- /#friends -->
  943.  
  944.                                                 <div id="pictures" class="tab-pane">
  945.                                                     <ul class="ace-thumbnails">
  946.                                                         <li>
  947.                                                             <a href="#" data-rel="colorbox">
  948.                                                                 <img alt="150x150" src="../assets/images/gallery/thumb-1.jpg" />
  949.                                                                 <div class="text">
  950.                                                                     <div class="inner">Sample Caption on Hover</div>
  951.                                                                 </div>
  952.                                                             </a>
  953.  
  954.                                                             <div class="tools tools-bottom">
  955.                                                                 <a href="#">
  956.                                                                     <i class="ace-icon fa fa-link"></i>
  957.                                                                 </a>
  958.  
  959.                                                                 <a href="#">
  960.                                                                     <i class="ace-icon fa fa-paperclip"></i>
  961.                                                                 </a>
  962.  
  963.                                                                 <a href="#">
  964.                                                                     <i class="ace-icon fa fa-pencil"></i>
  965.                                                                 </a>
  966.  
  967.                                                                 <a href="#">
  968.                                                                     <i class="ace-icon fa fa-times red"></i>
  969.                                                                 </a>
  970.                                                             </div>
  971.                                                         </li>
  972.  
  973.                                                         <li>
  974.                                                             <a href="#" data-rel="colorbox">
  975.                                                                 <img alt="150x150" src="../assets/images/gallery/thumb-2.jpg" />
  976.                                                                 <div class="text">
  977.                                                                     <div class="inner">Sample Caption on Hover</div>
  978.                                                                 </div>
  979.                                                             </a>
  980.  
  981.                                                             <div class="tools tools-bottom">
  982.                                                                 <a href="#">
  983.                                                                     <i class="ace-icon fa fa-link"></i>
  984.                                                                 </a>
  985.  
  986.                                                                 <a href="#">
  987.                                                                     <i class="ace-icon fa fa-paperclip"></i>
  988.                                                                 </a>
  989.  
  990.                                                                 <a href="#">
  991.                                                                     <i class="ace-icon fa fa-pencil"></i>
  992.                                                                 </a>
  993.  
  994.                                                                 <a href="#">
  995.                                                                     <i class="ace-icon fa fa-times red"></i>
  996.                                                                 </a>
  997.                                                             </div>
  998.                                                         </li>
  999.  
  1000.                                                         <li>
  1001.                                                             <a href="#" data-rel="colorbox">
  1002.                                                                 <img alt="150x150" src="../assets/images/gallery/thumb-3.jpg" />
  1003.                                                                 <div class="text">
  1004.                                                                     <div class="inner">Sample Caption on Hover</div>
  1005.                                                                 </div>
  1006.                                                             </a>
  1007.  
  1008.                                                             <div class="tools tools-bottom">
  1009.                                                                 <a href="#">
  1010.                                                                     <i class="ace-icon fa fa-link"></i>
  1011.                                                                 </a>
  1012.  
  1013.                                                                 <a href="#">
  1014.                                                                     <i class="ace-icon fa fa-paperclip"></i>
  1015.                                                                 </a>
  1016.  
  1017.                                                                 <a href="#">
  1018.                                                                     <i class="ace-icon fa fa-pencil"></i>
  1019.                                                                 </a>
  1020.  
  1021.                                                                 <a href="#">
  1022.                                                                     <i class="ace-icon fa fa-times red"></i>
  1023.                                                                 </a>
  1024.                                                             </div>
  1025.                                                         </li>
  1026.  
  1027.                                                         <li>
  1028.                                                             <a href="#" data-rel="colorbox">
  1029.                                                                 <img alt="150x150" src="../assets/images/gallery/thumb-4.jpg" />
  1030.                                                                 <div class="text">
  1031.                                                                     <div class="inner">Sample Caption on Hover</div>
  1032.                                                                 </div>
  1033.                                                             </a>
  1034.  
  1035.                                                             <div class="tools tools-bottom">
  1036.                                                                 <a href="#">
  1037.                                                                     <i class="ace-icon fa fa-link"></i>
  1038.                                                                 </a>
  1039.  
  1040.                                                                 <a href="#">
  1041.                                                                     <i class="ace-icon fa fa-paperclip"></i>
  1042.                                                                 </a>
  1043.  
  1044.                                                                 <a href="#">
  1045.                                                                     <i class="ace-icon fa fa-pencil"></i>
  1046.                                                                 </a>
  1047.  
  1048.                                                                 <a href="#">
  1049.                                                                     <i class="ace-icon fa fa-times red"></i>
  1050.                                                                 </a>
  1051.                                                             </div>
  1052.                                                         </li>
  1053.  
  1054.                                                         <li>
  1055.                                                             <a href="#" data-rel="colorbox">
  1056.                                                                 <img alt="150x150" src="../assets/images/gallery/thumb-5.jpg" />
  1057.                                                                 <div class="text">
  1058.                                                                     <div class="inner">Sample Caption on Hover</div>
  1059.                                                                 </div>
  1060.                                                             </a>
  1061.  
  1062.                                                             <div class="tools tools-bottom">
  1063.                                                                 <a href="#">
  1064.                                                                     <i class="ace-icon fa fa-link"></i>
  1065.                                                                 </a>
  1066.  
  1067.                                                                 <a href="#">
  1068.                                                                     <i class="ace-icon fa fa-paperclip"></i>
  1069.                                                                 </a>
  1070.  
  1071.                                                                 <a href="#">
  1072.                                                                     <i class="ace-icon fa fa-pencil"></i>
  1073.                                                                 </a>
  1074.  
  1075.                                                                 <a href="#">
  1076.                                                                     <i class="ace-icon fa fa-times red"></i>
  1077.                                                                 </a>
  1078.                                                             </div>
  1079.                                                         </li>
  1080.  
  1081.                                                         <li>
  1082.                                                             <a href="#" data-rel="colorbox">
  1083.                                                                 <img alt="150x150" src="../assets/images/gallery/thumb-6.jpg" />
  1084.                                                                 <div class="text">
  1085.                                                                     <div class="inner">Sample Caption on Hover</div>
  1086.                                                                 </div>
  1087.                                                             </a>
  1088.  
  1089.                                                             <div class="tools tools-bottom">
  1090.                                                                 <a href="#">
  1091.                                                                     <i class="ace-icon fa fa-link"></i>
  1092.                                                                 </a>
  1093.  
  1094.                                                                 <a href="#">
  1095.                                                                     <i class="ace-icon fa fa-paperclip"></i>
  1096.                                                                 </a>
  1097.  
  1098.                                                                 <a href="#">
  1099.                                                                     <i class="ace-icon fa fa-pencil"></i>
  1100.                                                                 </a>
  1101.  
  1102.                                                                 <a href="#">
  1103.                                                                     <i class="ace-icon fa fa-times red"></i>
  1104.                                                                 </a>
  1105.                                                             </div>
  1106.                                                         </li>
  1107.  
  1108.                                                         <li>
  1109.                                                             <a href="#" data-rel="colorbox">
  1110.                                                                 <img alt="150x150" src="../assets/images/gallery/thumb-1.jpg" />
  1111.                                                                 <div class="text">
  1112.                                                                     <div class="inner">Sample Caption on Hover</div>
  1113.                                                                 </div>
  1114.                                                             </a>
  1115.  
  1116.                                                             <div class="tools tools-bottom">
  1117.                                                                 <a href="#">
  1118.                                                                     <i class="ace-icon fa fa-link"></i>
  1119.                                                                 </a>
  1120.  
  1121.                                                                 <a href="#">
  1122.                                                                     <i class="ace-icon fa fa-paperclip"></i>
  1123.                                                                 </a>
  1124.  
  1125.                                                                 <a href="#">
  1126.                                                                     <i class="ace-icon fa fa-pencil"></i>
  1127.                                                                 </a>
  1128.  
  1129.                                                                 <a href="#">
  1130.                                                                     <i class="ace-icon fa fa-times red"></i>
  1131.                                                                 </a>
  1132.                                                             </div>
  1133.                                                         </li>
  1134.  
  1135.                                                         <li>
  1136.                                                             <a href="#" data-rel="colorbox">
  1137.                                                                 <img alt="150x150" src="../assets/images/gallery/thumb-2.jpg" />
  1138.                                                                 <div class="text">
  1139.                                                                     <div class="inner">Sample Caption on Hover</div>
  1140.                                                                 </div>
  1141.                                                             </a>
  1142.  
  1143.                                                             <div class="tools tools-bottom">
  1144.                                                                 <a href="#">
  1145.                                                                     <i class="ace-icon fa fa-link"></i>
  1146.                                                                 </a>
  1147.  
  1148.                                                                 <a href="#">
  1149.                                                                     <i class="ace-icon fa fa-paperclip"></i>
  1150.                                                                 </a>
  1151.  
  1152.                                                                 <a href="#">
  1153.                                                                     <i class="ace-icon fa fa-pencil"></i>
  1154.                                                                 </a>
  1155.  
  1156.                                                                 <a href="#">
  1157.                                                                     <i class="ace-icon fa fa-times red"></i>
  1158.                                                                 </a>
  1159.                                                             </div>
  1160.                                                         </li>
  1161.                                                     </ul>
  1162.                                                 </div><!-- /#pictures -->
  1163.                                             </div>
  1164.                                         </div>
  1165.                                     </div>
  1166.                                 </div>
  1167.  
  1168.                                 <!-- PAGE CONTENT ENDS -->
  1169.                             </div><!-- /.col -->
  1170.                         </div><!-- /.row -->
  1171.                     </div><!-- /.page-content -->
  1172. @stop
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!