"News Header "
Bootstrap 3.3.0 Snippet by Haider Jalil

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div style="width: 100%; min-height: 200px; margin-top: 40px; margin-bottom: 40px;"> <div class="Top"></div> <div class="pull-right Tabselected">سياسية</div> <div class="pull-right Cells">امن</div> <div class="pull-right Cells">|</div> <div class="pull-right Cells">انتخابات <strong>2014</strong> </div> <div class="pull-right Cells">|</div> <div class="pull-left Cells MoreLink"><a href="http://www.google.com"> المزيد+ </a> </div> </div> <div style="width: 100%; min-height: 200px; margin-top: 40px; margin-bottom: 40px;"> <div class="Top"></div> <div class="pull-left Tabselected">Politics</div> <div class="pull-left Cells">IRAQ</div> <div class="pull-left Cells">|</div> <div class="pull-left Cells"> 2015 Election </div> <div class="pull-left Cells">|</div> <div class="pull-right Cells MoreLink"> <a href="http://www.google.com"> More+ </a> </div> </div> </div>
.Tabselected { background-color: #BF0426; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 6px; top: -5px; position: relative; line-height: 30px; font-family: 'Noto Sans Kufi Arabic', serif; color: white; } .Top { width: 100%; height: 5px; background-color: #BF0426; } .Cells { padding: 5px; color: #666666; font-size: 17px; font-family: 'Noto Sans Kufi Arabic', serif; margin-bottom: auto; margin-top: auto; } a:link { font-size: 15px; color: #BF0426; font-family: 'Noto Sans Kufi Arabic', serif; } /* visited link */ a:visited { font-size: 15px; color: #BF0426; font-family: 'Noto Sans Kufi Arabic', serif; } /* mouse over link */ a:hover { font-size: 15px; color: #BF0426; font-family: 'Noto Sans Kufi Arabic', serif; } /* selected link */ a:active { font-size: 15px; color: #BF0426; font-family: 'Noto Sans Kufi Arabic', serif; }

Related: See More


Questions / Comments: