<div class="heading1">
<i class="fa fa-newspaper-o"></i> Latest Alerts</div>
<div class="triangle-isosceles top">

<div id="carousel-example-generic-small" class="carousel slide vertical" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic-small" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic-small" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic-small" data-slide-to="2"></li>
  </ol>


  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
   
    <h4><i class="fa fa-newspaper-o"></i> Heading of news dadu </h4>
    <p><small><i class="fa fa-calendar"></i> 2nd September 2015</small></p>
    <p><a href="#"> 1. Advertisment for CJ&JM 2015   2. Application Form for CJ&JM 2015</a></p>
    <p class="pull-right"><a href="news_notification.php">More  <i class="fa fa-angle-double-right"></i></a></p>
  
  
    </div>
    
     <div class="item">

    
    <h4> <i class="fa fa-bell"></i> Notification</h4>
<p><small><i class="fa fa-calendar"></i> 10th September 2015</small></p>
    <p><a href="#"> Notification related to the Transfer & Posting of DJs dated: 09-09-2015 Notification related to the Transfer & Posting of DJs dated: 09-09-2015</a></p>
<p class="pull-right"><a href="news_notification.php">More  <i class="fa fa-angle-double-right"></i></a></p>
  
  
    </div>
    
    <div class="item">
<!--<div class="bs-callout bs-callout-danger" id="callout-help-text-accessibility">-->
    
    <h4><i class="fa fa-warning fa-1x"></i>Warning </h4>
   <p><small><i class="fa fa-calendar"></i> 26th August 2015</small></p>
    <p> <a href="#">Notification related to the tranfer & posting of ADJs dated: 24-08-2015</a></p>
<p class="pull-right"><a href="news_notification.php">More  <i class="fa fa-angle-double-right"></i></a></p>

  
    </div>
  </div>

  <!-- Controls -->
  <!--<a class="left carousel-control" href="#carousel-example-generic-small" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic-small" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>-->
</div>



</div>