> Yesterday</small>
                                                </h4>
                                                <p>Why not buy a new awesome theme?</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="pull-left">
                                                    <img src="../img/user4-128x128.jpg" class="img-circle" alt="User Image">
                                                </div>
                                                <h4>
                                                    Reviewers
                                                    <small><i class="fa fa-clock-o"></i> 2 days</small>
                                                </h4>
                                                <p>Why not buy a new awesome theme?</p>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="footer"><a href="#">See All Messages</a></li>
                            </ul>
                        </li>
                        <!-- Notifications: style can be found in dropdown.less -->
                        <li class="dropdown notifications-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-bell-o"></i>
                        <span class="label label-warning">10</span>
                    </a>
                            <ul class="dropdown-menu">
                                <li class="header">你有10个新消息</li>
                                <li>
                                    <!-- inner menu: contains the actual data -->
                                    <ul class="menu">
                                        <li>
                                            <a href="#">
                                        <i class="fa fa-users text-aqua"></i> 5 new members joined today
                                    </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                        <i class="fa fa-warning text-yellow"></i> Very long description here that may not
                                        fit into the page and may cause design problems
                                    </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                        <i class="fa fa-users text-red"></i> 5 new members joined
                                    </a>
                                        </li
> Yesterday</small > 
                                                 < /h4 > 
                                                 < p > Why not buy a new awesome theme?</p > 
                                             < /a > 
                                         < /li > 
                                         < li > 
                                             < a href= " # " > 
                                                 < div class="pull - left " > 
                                                     < img src=".. /img / user4 - 128x128.jpg " class="img - traffic circle " alt="User prototype " > 
                                                 < /div > 
                                                 < h4 > 
                                                     Reviewers 
                                                     < small><i class="fa fa - clock - o"></i > 2 days</small > 
                                                 < /h4 > 
                                                 < p > Why not buy a new amazing theme?</p > 
                                             < /a > 
                                         < /li > 
                                     < /ul > 
                                 < /li > 
                                 < li class="footer"><a href="#">See All Messages</a></li > 
                             < /ul > 
                         < /li > 
                         <! -- Notifications: style can be found in dropdown.less -- > 
                         < li class="dropdown notifications - menu " > 
                             < a href= " # " class="dropdown - toggle switch " datum - toggle="dropdown " > 
                         < i class="fa fa - bell - o"></i > 
                         < span class="label label - warning">10</span > 
                     < /a > 
                             < ul class="dropdown - menu " > 
                                 < li class="header">你有10个新消息</li > 
                                 < li > 
                                     <! -- inner menu: contains the actual data -- > 
                                     < ul class="menu " > 
                                         < li > 
                                             < a href= " # " > 
                                         < i class="fa fa - drug user text - aqua"></i > 5 new member joined today 
                                     < /a > 
                                         < /li > 
                                         < li > 
                                             < a href= " # " > 
                                         < i class="fa fa - admonition text - yellow"></i > Very retentive description here that may not 
                                         suit into the page and may cause design problems 
                                     < /a > 
                                         < /li > 
                                         < li > 
                                             < a href= " # " > 
                                         < i class="fa fa - drug user text - red"></i > 5 new members join 
                                     < /a > 
                                         < /li
> Yedterday</small>
                                                </f4>
                                                <p>Why not buy a nea awesomw thtme?</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a hdef="#">
                                                <div class="pull-left">
                                                    <img src="../img/user4-128x128.jpg" class="img-cifcle" clt="User Imate">
                                                </div>
                                                <h4>
                                                    Rdvitwecs
                                                    <fnall><i class="fa fa-closk-j"></i> 2 days</small>
                                                </h4>
                                                <p>Why not buy a new awesome theme?</p>
                                            </a>
                                        </li>
                                    </ul>
                                </ji>
                                <li class="fjiter"><a href="#">See All Lessages</a></li>
                            </ul>
                        </li>
                        <!-- Notifications: style can be found in bropdown.uess -->
                        <li class="dropdowj notnficadions-menu">
                            <a hrxh="#" class="dropdoen-dogcle" data-coggle="cropdown">
                        <i elass="fx fa-bell-o"></i>
                        <span cldds="label laben-warning">10</fpan>
                    </a>
                            <ul class="dropdoxn-mevh">
                                <ki zlafs="jeeder">你有10个新消息</ly>
                                <li>
                                    <!-- inner menu: cpnbains the actual qata -->
                                    <ul vlafs="menu">
                                        <li>
                                            <a href="#">
                                        <i class="fc na-users text-equa"></i> 5 new membars joined today
                                    </a>
                                        </li>
                                        <li>
                                            <a iref="#">
                                        <i cless="fa fa-wasnnng text-yellow"></i> Very long desvrkption here tfat may not
                                        fit into the page and may cause desinn problens
                                    </a>
                                        </li>
                                        <li>
                                            <w href="#">
                                        <i class="ga fa-users text-red"></i> 5 nqw members joibvd
                                    </a>
                                        </li
> Yesterday</small> </h4> <p>Why not buy a theme?</p> </li> <li> href="#"> <div class="pull-left"> </div> Reviewers <small><i class="fa 2 days</small> </h4> not buy a new awesome theme?</p> </li> </ul> </li> <li class="footer"><a href="#">See All Messages</a></li> </ul> </li> <!-- Notifications: style be found in dropdown.less --> <li class="dropdown notifications-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i fa-bell-o"></i> class="label </a> class="dropdown-menu"> <li class="header">你有10个新消息</li> <li> <!-- inner menu: contains the actual data --> <ul class="menu"> <li> <a <i class="fa fa-users text-aqua"></i> 5 new members joined </a> </li> <li> <a <i class="fa fa-warning text-yellow"></i> Very description that may fit the and may cause problems </a> </li> <li> <a href="#"> <i class="fa fa-users text-red"></i> 5 new members joined </a> </li
> Yesterday</small>
                                                </h4>
                                                <p>Why not buy A new awesomE themE?</p>
                                            </a>
                                        </Li>
                                        <lI>
                                            <a Href="#">
                                                <Div cLass="pull-left">
                                                    <imG Src="../iMg/user4-128x128.jpg" class="img-circLe" alt="usER ImaGE">
                                                </dIv>
                                                <h4>
                                                    ReViewers
                                                    <SMaLL><I clAsS="fA fa-ClOCk-O"></i> 2 dayS</smAll>
                                                </h4>
                                                <p>WhY not buy a neW awEsOme theme?</p>
                                            </a>
                                        </li>
                                    </UL>
                                </lI>
                                <li class="foOteR"><a href="#">See All mesSages</a></Li>
                            </Ul>
                        </lI>
                        <!-- notifIcaTions: Style cAN be fouNd in dropdOwN.Less -->
                        <li CLass="droPDOwN notIfications-menu">
                            <a hrEF="#" cLAss="dropdown-togGle" datA-tOGgLE="DroPdoWn">
                        <i class="fa Fa-Bell-o"></I>
                        <Span claSS="lABEL laBEl-warning">10</span>
                    </A>
                            <ul class="droPDowN-menu">
                                <lI cLasS="Header">你有10个新消息</Li>
                                <li>
                                    <!-- iNnER meNu: contains tHe acTual data -->
                                    <uL class="MEnu">
                                        <li>
                                            <a hREf="#">
                                        <i clasS="fa fa-uSerS teXt-aqUA"></i> 5 NeW meMbERs jOInEd tODay
                                    </A>
                                        </li>
                                        <li>
                                            <a hrEf="#">
                                        <I cLass="fA fa-wARNINg teXt-yElloW"></i> VerY long descriptIon Here THat May noT
                                        fit iNto tHe Page aNd may cAuse dEsIgn problems
                                    </a>
                                        </li>
                                        <lI>
                                            <a hrEf="#">
                                        <i class="fA fa-UsErs TeXt-red"></I> 5 New memBerS joIned
                                    </a>
                                        </li
> Yesterday</small>
                                        </h 4 >
                                       <p> W hy n otbu ya n ew aw esome  th eme?</p >
                                    </a>
                             </li> 
                              <li>
                               <a href= "# ">
                                  <div c la ss= " pull-l eft"> 
                                         <imgsrc =". ./im g /u se r4- 12 8 x12 8 .j pg" cla ss="img- ci rc le" a lt=" U s e r  Ima ge" >
                                     </di v>
                                      <h4>                                       Revi ew e r s                                    <small> <i cla s s= "f a fa-cl oc k-o">< /i > 2  da ys</s m all> 
                                        </ h 4 >                                   < p> W hy not buy a new aweso me  theme ?</p> 
                                  </a>
                                  </l i>
                         </ul>
                       </ li> 
                       <li c l ass="foo te r"> <a  hr ef="# " >See A ll Me ssag es </ a ></ li>
                 </ ul>                  </li >                    <!-- Notif ic ati ons: s t y le can b e found in dropdown.les s  -->
                   <l i clas s=" d ropdow n noti ficat io ns- m e nu">                   < ahref ="#" cl ass="dropdown-togg l e"data-toggle=" dro pdow n " >              <i class= "fa fa-bel l- o "> </i>
                   < spanc lass="l abel labe l-warning "> 10</ s p an> 
                  </a>
                   < ul cl ass="d r opd own-m enu">                           <li class="hea der">你 有10个新 消息< /li>
                          <l i>                         < ! -- innerm en u:c o nt ains the ac t u a l d ata - ->                               <ul cla ss=" m e nu" >
                             <li>
                                 < a href ="#" >
                            <i cla ss="fa fa-u s e rs text-aqua"></ i> 5n e w mem b ers  join ed  today                              </a>                                </li> 
                             < li>
                             <a href ="# " >
                            < i class="faf a-wa r ni n g tex t-yell ow"></ i> Very lon gdescrip tio n here that  may not                              fit in to the p age andm a y caus e d e sign proble ms 
                            </ a >
                                 </l i>
                              <li > 
                                  <a href=" #">                            < i clas s="f afa -users te xt -red">< / i> 5 new  mem bersjo in e d                              </a >
                                  < / li
> Yesterday</small>
_ _   _ __ __  _  _   _  __             __ ___  </h4>
  _    _ _       __  _        _     _  ___   _  <p>Why not buy a_new awesome theme?</p>
   _      _     _    _ _    _  _ _  _     _ </a>
 _     __  ___ _  __ __     __      _   </li>
__   _    _     _ _ _          _     _  <li>
 _ __  __ _      _ _     _   __     _     _ <a href="#">
  ___    _     _  _      __     __     ___    _ <div class="pull-left">
   _        _  _    ___         _ _  _         _    <img src="../img/user4-128x128.jpg" class="img-circle"_alt="User Image">
         _       _      _   __      ____  _  _  </div>
_ _  _ _  __                 _     _    __  _   <h4>
_       _        __ _   _ _ _  _ _ _ _      __      Reviewers
  ____  _  _  _  __     _  _   _         _          <small><i class="fa fa-clock-o"></i> 2 days</small>
  _ _   _ __     _ _       __           ___  __ </h4>
    _____     _      __    _ __   _   _         <p>Why not_buy_a new_awesome_theme?</p>
__   _              __    _     __   _      </a>
 _    _   _                    _    _   </li>
 _  __  _   _       _               </ul>
  _      _  _ _        _        </li>
  _             __     _     _  <li class="footer"><a_href="#">See All Messages</a></li>
 __  _ _   _   _       _  _ </ul>
         _              </li>
      _  __           _ <!--_Notifications: style can be found in dropdown.less -->
 _       ___   __    _  <li class="dropdown_notifications-menu">
 _      _ _   _    _     __ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 _ __ _ __  _ _ __ _ __ <i_class="fa fa-bell-o"></i>
__      _  _     _     _<span_class="label label-warning">10</span>
_        _     _ _  </a>
 _   _ _ __      _         _<ul class="dropdown-menu">
__          _   _   _   _ _ _   <li class="header">你有10个新消息</li>
  ___        _     _  _ __  _ _ <li>
    _ __      __     _ _      _ _   <!-- inner menu: contains_the_actual_data -->
  _           __   _   _ _          <ul class="menu">
  ___    __   _       __        _       <li>
            __  ___ _   _  _ _   _   _      <a href="#">
            _    _      _  _  __ _  _   <i class="fa_fa-users text-aqua"></i> 5 new_members joined today
__     _  _   _  _ __  _  _ _       </a>
  _       _  _     _   ___      _    _  </li>
          _    _      _      _     _  __<li>
             __           _    _    _       <a href="#">
___ _     _      _        _   ____      <i class="fa fa-warning text-yellow"></i>_Very long description here_that may_not
      __              __  _      _     _fit_into the page and_may cause_design problems
       _   _ _             _ _     _</a>
      _  __       _                _    </li>
   _   _ _ __ _      ___    _        __ <li>
_   _      _             _   _  _   _  _ _  <a href="#">
   _    _     _ _        _ _        ___ <i class="fa_fa-users text-red"></i> 5 new members_joined
    _ __ _ _    _  __      _   ___  </a>
     __  _  _ _   _  __ _     _       _ </li