getBible/app
4
2
Fork 0
mirror of https://github.com/getbible/app.git synced 2024-12-22 07:48:55 +00:00
Code

added navbar

Browse Source
This commit is contained in:
Erastus Amunwe 2020-10-24 02:32:55 +02:00
parent df1d167900
commit 58b09ab3e7
1 changed files with 53 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/components/NavBar.vue Normal file
View File

@ -0,0 +1,53 @@
<template>
<nav class="uk-navbar-container uk-navbar-transparent uk-margin" uk-navbar>
<div class="uk-navbar-left">
<a class="uk-navbar-item uk-logo" href="#">GetBible</a>
<ul class="uk-navbar-nav">
<li>
<a href="#">
<!-- <span class="uk-icon uk-margin-small-right" uk-icon="icon: star"></span> -->
About
</a>
</li>
<li>
<a href="#">
<!-- <span class="uk-icon uk-margin-small-right" uk-icon="icon: star"></span> -->
API
</a>
</li>
<li>
<a href="#">
<!-- <span class="uk-icon uk-margin-small-right" uk-icon="icon: star"></span> -->
Download
</a>
</li>
<li>
<a href="#">Support</a>
<div class="uk-navbar-dropdown">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li class="uk-active"><a href="#">Main Components</a></li>
<li><a href="#">Load Scriptures</a></li>
<!-- <li class="uk-nav-header">Header</li>
<li><a href="#">Item</a></li>
<li><a href="#">Item</a></li>
<li class="uk-nav-divider"></li>
<li><a href="#">Item</a></li> -->
</ul>
</div>
</li>
</ul>
<div class="uk-navbar-item">
<form class="uk-search uk-search-default" action="javascript:void(0)">
<span uk-search-icon></span>
<input class="uk-search-input" v-model="search" type="search" placeholder="Search this Chapter...">
</form>
</div>
<!-- <span class="uk-label uk-label-primary"><span class="uk-badge uk-badge-danger">{{ num_of_tr}} </span>Translations Available</span> -->
</div>
</nav>
</template>