65 lines
2.9 KiB
HTML
65 lines
2.9 KiB
HTML
{% block navbar %}
|
|
<!-- Collapsible Navigation Bar -->
|
|
<div class="container">
|
|
|
|
<!-- .navbar-fixed-top, or .navbar-fixed-bottom can be added to keep the nav bar fixed on the screen -->
|
|
<nav class="navbar navbar-default">
|
|
<div class="container-fluid">
|
|
|
|
<!-- Brand and toggle get grouped for better mobile display -->
|
|
<div class="navbar-header">
|
|
|
|
<!-- Button that toggles the navbar on and off on small screens -->
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
|
|
|
<!-- Hides information from screen readers -->
|
|
<span class="sr-only"></span>
|
|
|
|
<!-- Draws 3 bars in navbar button when in small mode -->
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
|
|
<!-- You'll have to add padding in your image on the top and right of a few pixels (CSS Styling will break the navbar) -->
|
|
<a class="pull-left" href="#">
|
|
<img src="https://scontent-cdg2-1.xx.fbcdn.net/v/t1.0-9/39950227_1174877485994818_5902914966138126336_o.jpg?_nc_cat=100&_nc_sid=85a577&_nc_ohc=mnhGxxyENhIAX_oxJr_&_nc_ht=scontent-cdg2-1.xx&oh=5e3fc1f235b55d9fd1f2bb444d348e8b&oe=5F1C871E" width='50px' height='50px'>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
<ul class="nav navbar-nav">
|
|
<li class="active"><a href="#">Home<span class="sr-only">(current)</span></a></li>
|
|
<li><a href="../about">About</a></li>
|
|
<li><a href="../planning">Planning</a></li>
|
|
<li><a href="../first-site">First Site</a></li>
|
|
<li><a href="../blog">Blog</a></li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Contact Me<span class="caret"></span></a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="mailto:marc.partensky@gmail.com">Mail</a></li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Phone<span class="caret"></span></a>
|
|
<ul class="dropdown-menu">
|
|
<li><button onclick="copyToClipboard('+33 07 67 44 36 62'); alert('copied phone number')">+33 07 67 44 36 62</button></li>
|
|
</ul>
|
|
</li>
|
|
<li role="separator" class="divider"></li>
|
|
<li><a href="#">Set Appointment</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<!-- navbar-left will move the search to the left -->
|
|
<form class="navbar-form navbar-right" role="search">
|
|
<div class="form-group">
|
|
<input type="text" class="form-control" placeholder="Search">
|
|
</div>
|
|
<button type="submit" class="btn btn-default">Submit</button>
|
|
</form>
|
|
</div><!-- /.navbar-collapse -->
|
|
</div><!-- /.container-fluid -->
|
|
</nav>
|
|
</div>
|
|
{% endblock navbar %}
|