diff options
Diffstat (limited to 'app')
| -rw-r--r-- | app/views/layouts/_navbar.html.erb | 27 | ||||
| -rw-r--r-- | app/views/layouts/application.html.erb | 5 |
2 files changed, 30 insertions, 2 deletions
diff --git a/app/views/layouts/_navbar.html.erb b/app/views/layouts/_navbar.html.erb new file mode 100644 index 0000000..7a50848 --- /dev/null +++ b/app/views/layouts/_navbar.html.erb @@ -0,0 +1,27 @@ +<nav class="bg-white border-gray-200"> + <div class="w-full flex flex-wrap items-center justify-between p-4"> + <a href="#" class="rtl:space-x-reverse"> + <%= image_tag '/img/AL_long_logo_black_grey.png', size: "250" %> + </a> + <div class="w-full md:block md:w-auto" id="navbar-default"> + <ul class="font-medium flex flex-col p-4 md:p-0 mt-4 border rounded-lg md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white"> + <li> + <a href="#" class="block py-2 px-3 text-black aria-current="page">Home</a> + </li> + <li> + <a href="#" class="block py-2 px-3 rounded">About</a> + </li> + <li + <a href="#" class="block py-2 px-3 rounded">Services</a> + </li> + <li> + <a href="#" class="block py-2 px-3 rounded">Pricing</a> + </li> + <li> + <a href="#" class="block py-2 px-3 rounde">Contact</a> + </li> + </ul> + </div> + </div> +</nav> + diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index cb9863e..64bcdd8 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -24,8 +24,9 @@ </head> <body> - <main class="container mx-auto mt-28 px-5 flex"> - <%= yield %> + <main class="container mx-auto mt-12 px-5"> + <%= render "layouts/navbar" %> + <%= yield %> </main> </body> </html> |