Improve responsive nav bar
This commit is contained in:
parent
6ceea612a2
commit
f747f57145
8 changed files with 39 additions and 27 deletions
|
|
@ -1,16 +1,19 @@
|
|||
<nav class="navbar navbar-expand">
|
||||
<ul class="navbar-nav d-flex justify-content-evenly mx-auto gap-3 gap-md-5">
|
||||
<ul class="navbar-nav d-flex justify-content-evenly mx-auto gap-5">
|
||||
<li class="nav-item">
|
||||
<a class="link nav-link px-0" href="/#publications">Publications</a>
|
||||
<a class="link nav-link px-0" href="/#publications"><i class="bi bi-book d-inline d-md-none d-lg-inline"></i> <span class="d-none d-md-inline">Publications</span></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="link nav-link px-0" href="/#projects">Projects</a>
|
||||
<a class="link nav-link px-0" href="/#projects"><i class="bi bi-code-slash d-inline d-md-none d-lg-inline"></i> <span class="d-none d-md-inline">Projects</span></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="link nav-link px-0" href="/#presentations">Presentations</a>
|
||||
<a class="link nav-link px-0" href="/#presentations"><i class="bi bi-easel d-inline d-md-none d-lg-inline"></i> <span class="d-none d-md-inline">Presentations</span></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="link nav-link px-0" href="/#services">Services</a>
|
||||
<a class="link nav-link px-0" href="/#services"><i class="bi bi-person-lines-fill d-inline d-md-none d-lg-inline"></i> <span class="d-none d-md-inline">Services</span></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="link nav-link px-0" href="/#blog"><i class="bi bi-newspaper d-inline d-md-none d-lg-inline"></i> <span class="d-none d-md-inline">Blog</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
Loading…
Add table
Add a link
Reference in a new issue