Skip to content

Commit

Permalink
add fixed navbar
Browse files Browse the repository at this point in the history
  • Loading branch information
@cosmic-zip
cosmic-zip committed Dec 2, 2023
1 parent 9415f64 commit 47043f1
Show file tree
Hide file tree
Showing 2 changed files with 52 additions and 63 deletions.
Binary file added docs/assets/img/analitics.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
115 changes: 52 additions & 63 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,63 +9,67 @@
content="A automatização que a sua empresa precisa. Com soluções de software personalizadas e automação eficiente para sua empresa, feito com segurança e conveniência.">
<meta name="keywords"
content="Automatização de Processos, Soluções de Software Personalizadas, Automação Eficiente, Software Seguro, Conveniência Empresarial, Otimização de Tarefas, Eficiência Empresarial, Automação de Negócios, Software Empresarial Personalizado, Segurança de Dados, Soluções de Automação, Tecnologia Empresarial, Automação Inteligente, Melhorias de Produtividade, Soluções de Eficiência Empresarial">

<script src=
"https://cdn.tailwindcss.com">
</script>
<link rel="stylesheet" href="assets/dist/main.css">
<title>Kodirian</title>
</head>

<body class="bg-black text-indigo-100">
<header>
<div class="bg-gray-900">
<div class="px-4 py-5 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8">
<div class="relative flex items-center justify-between">
<a href="/" aria-label="Company" title="Company" class="inline-flex items-center">
<img src="assets/img/kodirian_white_trans.png" class="w-28 text-pink-400" alt="">
<!-- <span class="ml-2 text-xl font-bold tracking-wide text-indigo-100 uppercase">Company</span> -->
</a>
<ul class="flex items-center hidden space-x-8 lg:flex">
<li><a href="#automation" aria-label="Our product" title="Our product"
class="font-medium tracking-wide text-indigo-100 transition-colors duration-200 hover:text-pink-400">Automação</a>
</li>
<li><a href="#software" aria-label="Our product" title="Our product"
class="font-medium tracking-wide text-indigo-100 transition-colors duration-200 hover:text-pink-400">Produtos</a>
</li>
<li><a href="/" aria-label="Product pricing" title="Product pricing"
class="font-medium tracking-wide text-indigo-100 transition-colors duration-200 hover:text-pink-400">MaidRunner</a>
</li>
<li><a href="/" aria-label="About us" title="About us"
class="font-medium tracking-wide text-indigo-100 transition-colors duration-200 hover:text-pink-400">Sobre</a>
</li>
<li>
<a href="/"
class="inline-flex items-center justify-center h-12 px-6 font-medium tracking-wide text-white transition duration-200 rounded shadow-md bg-pink-500 hover:bg-pink-800 focus:shadow-outline focus:outline-none"
aria-label="Sign up" title="Sign up">
Contato
</a>
</li>
</ul>
<!-- Mobile menu -->
<div class="lg:hidden">
<button aria-label="Open Menu" title="Open Menu"
class="p-2 -mr-1 transition duration-200 rounded focus:outline-none focus:shadow-outline">
<svg class="w-5 text-gray-600" viewBox="0 0 24 24">
<path fill="currentColor"
d="M23,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h22c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path>
<path fill="currentColor"
d="M23,6H1C0.4,6,0,5.6,0,5s0.4-1,1-1h22c0.6,0,1,0.4,1,1S23.6,6,23,6z"></path>
<path fill="currentColor"
d="M23,20H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h22c0.6,0,1,0.4,1,1S23.6,20,23,20z"></path>
</svg>
</button>

<header class="">
<nav class="fixed w-full top-0 left-0">
<div class="bg-gray-900">
<div class="px-4 py-5 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8">
<div class="relative flex items-center justify-between">
<a href="/" aria-label="Company" title="Company" class="inline-flex items-center">
<img src="assets/img/kodirian_white_trans.png" class="w-28 text-pink-400" alt="">
<!-- <span class="ml-2 text-xl font-bold tracking-wide text-indigo-100 uppercase">Company</span> -->
</a>
<ul class="flex items-center hidden space-x-8 lg:flex">
<li><a href="#automation" aria-label="Our product" title="Our product"
class="font-medium tracking-wide text-indigo-100 transition-colors duration-200 hover:text-pink-400">Automação</a>
</li>
<li><a href="#software" aria-label="Our product" title="Our product"
class="font-medium tracking-wide text-indigo-100 transition-colors duration-200 hover:text-pink-400">Produtos</a>
</li>
<li><a href="/" aria-label="Product pricing" title="Product pricing"
class="font-medium tracking-wide text-indigo-100 transition-colors duration-200 hover:text-pink-400">MaidRunner</a>
</li>
<li><a href="/" aria-label="About us" title="About us"
class="font-medium tracking-wide text-indigo-100 transition-colors duration-200 hover:text-pink-400">Sobre</a>
</li>
<li>
<a href="/"
class="inline-flex items-center justify-center h-12 px-6 font-medium tracking-wide text-white transition duration-200 rounded shadow-md bg-pink-500 hover:bg-pink-800 focus:shadow-outline focus:outline-none"
aria-label="Sign up" title="Sign up">
Contato
</a>
</li>
</ul>
<!-- Mobile menu -->
<div class="lg:hidden">
<button aria-label="Open Menu" title="Open Menu"
class="p-2 -mr-1 transition duration-200 rounded focus:outline-none focus:shadow-outline">
<svg class="w-5 text-gray-600" viewBox="0 0 24 24">
<path fill="currentColor"
d="M23,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h22c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path>
<path fill="currentColor"
d="M23,6H1C0.4,6,0,5.6,0,5s0.4-1,1-1h22c0.6,0,1,0.4,1,1S23.6,6,23,6z"></path>
<path fill="currentColor"
d="M23,20H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h22c0.6,0,1,0.4,1,1S23.6,20,23,20z"></path>
</svg>
</button>

</div>
</div>
</div>
</div>
</div>
</nav>
</header>

<section id="about">
<div class="px-4 py-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 lg:py-20">
<div class="px-4 mt-16 py-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 lg:py-20">
<div class="grid items-center gap-10 lg:grid-cols-2">
<div class="lg:pr-10">
<h5 class="mb-4 text-4xl font-extrabold leading-none">
Expand Down Expand Up @@ -303,23 +307,8 @@ <h6 class="mb-2 font-semibold leading-5">Soluções de IA</h6>
</svg>
</a>
</div>
<div class="relative">
<svg class="absolute w-full text-indigo-100" fill="currentColor" viewBox="0 0 600 392">
<rect x="0" y="211" width="75" height="181" rx="8"></rect>
<rect x="525" y="260" width="75" height="132" rx="8"></rect>
<rect x="105" y="83" width="75" height="309" rx="8"></rect>
<rect x="210" y="155" width="75" height="237" rx="8"></rect>
<rect x="420" y="129" width="75" height="263" rx="8"></rect>
<rect x="315" y="0" width="75" height="392" rx="8"></rect>
</svg>
<svg class="relative w-full text-pink-500" fill="currentColor" viewBox="0 0 600 392">
<rect x="0" y="311" width="75" height="81" rx="8"></rect>
<rect x="525" y="351" width="75" height="41" rx="8"></rect>
<rect x="105" y="176" width="75" height="216" rx="8"></rect>
<rect x="210" y="237" width="75" height="155" rx="8"></rect>
<rect x="420" y="205" width="75" height="187" rx="8"></rect>
<rect x="315" y="83" width="75" height="309" rx="8"></rect>
</svg>
<div class="">
<img src="assets/img/analitics.png" class="rounded shadow-2xl mx-auto" alt="" />
</div>
</div>
</div>
Expand Down

0 comments on commit 47043f1

Please sign in to comment.