|
22 | 22 | <div class="custom__cursor__outer"></div>
|
23 | 23 | <div class="custom__cursor__inner"></div>
|
24 | 24 | <div class="wrapper">
|
25 |
| - <nav class="mt-4"> |
| 25 | + <nav class=""> |
26 | 26 | <div class="mx-auto">
|
27 | 27 | <div class="flex">
|
28 |
| - <div class="flex wrapper justify-between px-4 py-4"> |
29 |
| - <div class="hidden md:flex items-center space-x-1"> |
30 |
| - <a href="index.html" class="caption py-4 px-2"><span>Work</span></a> |
31 |
| - <a href="about.html" class="caption py-4 px-2"><span>About</span></a> |
32 |
| - <a href="contact.html" class="caption py-4 px-2"><span>Contact</span></a> |
33 |
| - </div> |
| 28 | + <div class="flex wrapper justify-between px-4 py-4"> |
| 29 | + <div class="hidden md:flex items-center space-x-1"> |
| 30 | + <a href="index.html" class="caption py-4 px-2"><span>Work</span></a> |
| 31 | + <a href="about.html" class="caption py-4 px-2"><span>About</span></a> |
| 32 | + <a href="products.html" class="caption py-4 px-2"><span>Products</span></a> |
| 33 | + <a href="contact.html" class="caption py-4 px-2"><span>Contact</span></a> |
| 34 | + </div> |
34 | 35 |
|
35 |
| - <!-- Primary Navbar items --> |
36 |
| - <div class="md:flex items-center space-x-1"> |
37 |
| - <a href="index.html" class="flex items-center"> |
38 |
| - <img src="./res/icons/logo.svg" alt="" draggable="false"> |
39 |
| - </a> |
40 |
| - </div> |
| 36 | + <!-- Primary Navbar items --> |
| 37 | + <!-- Centered logo --> |
| 38 | + <div class="lg:absolute lg:left-1/2 transform-translate-x-1/2 md:relative"> |
| 39 | + <a href="index.html" class="flex items-center"> |
| 40 | + <img src="./res/icons/logo.svg" alt="" draggable="false" /> |
| 41 | + </a> |
| 42 | + </div> |
41 | 43 |
|
42 |
| - <div class="hidden md:flex items-center"> |
43 |
| - <span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start"> |
44 |
| - <ul class="flex items-center"> |
45 |
| - <a class="ml-5 " href="https://www.behance.net/uxrishu" target="_blank"> |
46 |
| - <span class=" text-xl"><i class="fa-brands fa-behance"></i></span> |
47 |
| - </a> |
48 |
| - <a class="ml-5 " href="https://www.linkedin.com/in/uxrishu/" target="_blank"> |
49 |
| - <span class="text-xl"><i class="fa-brands fa-linkedin-in"></i> </span> |
50 |
| - </a> |
51 |
| - <a class="ml-5 " href="https://github.com/uxrishu" target="_blank"> |
52 |
| - <span class=" text-xl"><i class="fa-brands fa-github"></i></span> |
53 |
| - </a> |
54 |
| - </ul> |
55 |
| - </span> |
56 |
| - </div> |
| 44 | + <div class="hidden md:flex items-center"> |
| 45 | + <span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start"> |
| 46 | + <ul class="flex items-center"> |
| 47 | + <a class="ml-5 " href="https://www.behance.net/uxrishu" target="_blank"> |
| 48 | + <span class=" text-xl"><i class="fa-brands fa-behance"></i></span> |
| 49 | + </a> |
| 50 | + <a class="ml-5 " href="https://www.linkedin.com/in/uxrishu/" target="_blank"> |
| 51 | + <span class="text-xl"><i class="fa-brands fa-linkedin-in"></i> </span> |
| 52 | + </a> |
| 53 | + <a class="ml-5 " href="https://github.com/uxrishu" target="_blank"> |
| 54 | + <span class=" text-xl"><i class="fa-brands fa-github"></i></span> |
| 55 | + </a> |
| 56 | + </ul> |
| 57 | + </span> |
57 | 58 | </div>
|
| 59 | + </div> |
| 60 | + |
| 61 | + |
58 | 62 |
|
59 | 63 | <!-- Mobile menu button -->
|
60 | 64 | <div class="md:hidden flex items-center py-4 px-4">
|
|
73 | 77 | <ul class="px-5 mobile-nav-items">
|
74 | 78 | <li class="active"><a href="index.html" class="caption m-2">Work</a></li>
|
75 | 79 | <li><a href="about.html" class="caption m-2 transition duration-300">About</a></li>
|
| 80 | + <li><a href="products.html" class="caption m-2 transition duration-300">Products</a></li> |
76 | 81 | <li><a href="contact.html" class="caption m-2 transition duration-300">Contact</a></li>
|
77 | 82 | <li><a href="https://www.behance.net/uxrishu" target="_blank"
|
78 | 83 | class="caption m-2 transition duration-300">Behance
|
|
0 commit comments