"Untitled"
Bootstrap 3.1.0 Snippet by gagannarli

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <html> <head> <title>Navbar</title> </head> <body> <div class="tright"> <ul> <li><a href="#"><i class="fas fa-envelope"></i>Home</a></li> <li><a href="#"><i class="fas fa-eject"></i>About us</a></li> <li><a href="#"><i class="fab fa-discourse"></i>Courses</a></li> <li><a href="#"><i class="fas fa-briefcase"></i>Careers</a></li> <li><a href="#"><i class="fas fa-calendar-week"></i>Events</a></li> <li><a href="#"><i class="fas fa-text-height"></i>Testimonials</a></li> <li><a href="http://dlinkinstitute.com/contact-us"><i class="fas fa-id-card"></i>Contact us</a></li> </ul> </div> <br clear="all" /> </div> <body> <html>
.tright { width:70%; float:right; } .tright ul { width:100%; padding-top:10px; } .tright ul li { float:left; list-style:none; padding:15px; } .tright ul li a { text-decoration:none; color:#330000; font-family:"Times New Roman", Times, serif; padding:15px; } .tright ul li a:hover { background-color:#990000; color:white; }

Related: See More

Vue Material Dashboard

Questions / Comments: