"NairaTip Header"
Bootstrap 3.3.0 Snippet by bahamne

<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 ----------> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'> <link href="//fonts.googleapis.com/css?family=Ubuntu%20Mono:regular,bold&subset=Latin" rel="stylesheet" type="text/css"> <link href="//fonts.googleapis.com/css?family=Ubuntu:light,regular,bold&subset=Latin" rel="stylesheet" type="text/css"> <div class="head-class container"> <div class="row"> <div class="container header col-xs-12"> <div class="logo col-xs-1 col-xs-offset-1"> <h2>NairaTip</h2> </div> <div class="col-xs-4 col-xs-offset-5"> <ul class="list-inline"> <li href=""> Home </li> <li href="howitworks"> How it Works </li> <li href="login"> Register </li> <li href="contact"> Contact </li> </ul> </div> </div> <div class="col-xs-12"></div> <div class="header-text"> NairaTip is a micropayment platform that enables people to send and receive small payment as tip with social networking site and email address. </div> <div class="header-register"> <a href="login" class="btn btn-default">Get started</a> </div> </div> </div>
.head-class { background-color: #5B5F5B; color: #fff; display: block; height: 320px; min-height: 300px; } .header { margin-top:2%; } .list-inline { color: #D5D5D5; margin-top: 9%; font-size: 16px; font-family: cursive; } .logo { font-family: 'Lobster Two', cursive; font-weight: normal; font-style: italic; } .header-text { position: relative; top: 50px; color: #fff; font: 100 28px "Ubuntu", "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 1px 0 #000; line-height: 1.3; text-align: center; } .header-register { text-align: center; position: relative; top: 80px; }

Related: See More


Questions / Comments: