15 lines
831 B
Vue
15 lines
831 B
Vue
<template>
|
||
<header class="header-veil fixed inset-x-0 top-0 z-30 flex items-center justify-between px-[6vw] pb-8 pt-5">
|
||
<a href="#top" class="flex items-baseline gap-2" aria-label="رصد، صفحهٔ اصلی">
|
||
<span class="text-[28px] font-black leading-none">رصد</span>
|
||
<span class="h-[7px] w-[7px] rounded-full bg-verm" />
|
||
</a>
|
||
<nav aria-label="اصلی" class="flex items-center gap-7 text-[15px]">
|
||
<a href="#products" class="hidden hover:text-lapis md:inline">محصولات</a>
|
||
<a href="#zij" class="hidden hover:text-lapis md:inline">زیج</a>
|
||
<a href="#anatomy" class="hidden hover:text-lapis md:inline">ساختار</a>
|
||
<a href="#contact" class="border-b border-ink pb-[2px] hover:border-lapis hover:text-lapis">گفتوگو</a>
|
||
</nav>
|
||
</header>
|
||
</template>
|