Just change address, fill in social page urls and upload your logo to images/content/logo.png file and you’re ready to go!
HTML MARKUP:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<nav class="navbar navbar-default"> <div class="inner"> <div class="container"><!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"><button class="navbar-toggle btn btn-primary" type="button" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Toggle navigation</span> </button> <div class="text-center"> <p class="address">Seabreeze - Atlantic Avenue 1234, New York, +66 87 65 43 21</p> </div> <a class="small-brand" href="/" data-width="119" data-top="58"><img src="{{@blog.logo}}" alt="Logo" /></a> <a class="phoneIcon" style="display: none;" href="tel:66-87-65-43-21">+66 87 65 43 21</a> <a class="locationIcon" style="display: none;" href="http://goo.gl/maps/IUzKJ" target="_blank">http://goo.gl/maps/IUzKJ</a> <ul class="smallSocials"> <li class="fb"><a href="#"><img src="{{asset " alt="Facebook" /></a></li> <li class="tw"><a href="#"><img src="{{asset " alt="Twitter" /></a></li> <li class="gg"><a href="#"><img src="{{asset " alt="Google+" /></a></li> <li class="rss"><a href="#"><img src="{{asset " alt="RSS" /></a></li> </ul> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav text-center" data-type="margin-top" data-pos="145"> <li><a href="/">Home</a></li> <li><a href="/menu-card/">Menu card</a></li> <li><a href="/events/">Events</a></li> <li><a href="/rss">Rss</a></li> <li><a href="/contact/">Contact</a></li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- / container --> <div class="btm"></div> </div> |
SCREENSHOT: