-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathnavbar.php
67 lines (64 loc) · 3.99 KB
/
navbar.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<nav id="navbar" class="bg-[#36537 2] bg-gray-400 z-50 w-full fixed top-0 left-0">
<div class="md:flex items-center justify-between bg-theme py-1 xl:px-16 px-6 md:px-14">
<div class="cursor-pointer ">
<a href="/">
<div class="flex justify-left">
<div><img class='z-10 w-[80px] mt-2' src="https://msit.in/static/img/msit.png" alt="MSIT_logo" /></div>
<div><img class='z-10 w-[80px] ml-2' src="./images/witLogo.png" alt="WIT_logo" /></div>
<div><img class='z-10 w-[100px] ml-2 md:hidden' src="./images/springer.png" alt="Springer_logo"/></div>
<!-- <img class='z-10 w-[110px] my-4 px-2 ml-4' src="./images/springer-logo.svg" alt="" /> -->
</div>
</a>
</div>
<div id="menu-toggle" class="text-3xl text-white absolute right-8 top-6 cursor-pointer md:hidden">
<span class="fa fa-bars"></span>
</div>
<ul id="nav-links" class="md:flex md:items-center bg-[#9ca3af] md:bg-[transparent] text-black font-[600] tracking-[2px] md:pb-0 pb-12 font-defaultFont absolute md:static md:z-auto z-[-1] left-0 w-full md:w-auto md:pl-0 pl-9 transition-all duration-500 ease-in top-[-550px]">
<!-- <li class="lg:ml-6 md:ml-2 md:text-[10px] lg:text-[11px] xl:text-lg leading-5 md:my-0 my-7">
<a href="/" class="nav-link">Home</a>
</li> -->
<li class="lg:ml-6 md:ml-2 md:text-[10px] lg:text-[11px] xl:text-lg leading-5 md:my-0 my-7 dropdown">
<a class="nav-link">About Us <i class="cursor-pointer fa-solid fa-caret-down md:hidden"></i></a>
<div class="dropdown-content w-[250px]">
<a class="hover:text-blue-600 ease-in-out duration-200" href="#overview">Conference Overview</a>
<br/>
<a class="hover:text-blue-600 ease-in-out duration-200" href="#aboutUs">About Institute</a>
</div>
</li>
<li class="lg:ml-6 md:ml-2 md:text-[10px] lg:text-[11px] xl:text-lg leading-5 md:my-0 my-7">
<a href="https://drive.google.com/file/d/1JwJbEWDXLgpx0jkWt8q-mj-qOKlsDE-h/view?usp=sharing" target="#" class="nav-link">Sponsorship</a>
</li>
<li class="lg:ml-6 md:ml-2 md:text-[10px] lg:text-[11px] xl:text-lg leading-5 md:my-0 my-7">
<a href="#committee" class="nav-link">Committees</a>
</li>
<li class="lg:ml-6 md:ml-2 md:text-[10px] lg:text-[11px] xl:text-lg leading-5 md:my-0 my-7">
<a href="#tracks" class="nav-link">Tracks</a>
</li>
<li class="lg:ml-6 md:ml-2 md:text-[10px] lg:text-[11px] xl:text-lg leading-5 md:my-0 my-7 dropdown">
<a class="nav-link text-center">Author Guidelines</a>
<div class="dropdown-content w-[250px]">
<a class="hover:text-blue-600 ease-in-out duration-200" href="#submissions">Submissions</a>
<br/>
<a class="hover:text-blue-600 ease-in-out duration-200" href="#plagiarism">Plagiarism policy</a>
<br/>
<a class="hover:text-blue-600 ease-in-out duration-200" href="#privacy">Privacy policy</a>
</div>
</li>
<li class="lg:ml-6 md:ml-2 md:text-[10px] lg:text-[11px] xl:text-lg leading-5 md:my-0 my-7">
<a href="#schedule" class="nav-link">Schedule</a>
</li>
<li class="lg:ml-6 md:ml-2 md:text-[10px] lg:text-[11px] xl:text-lg leading-5 md:my-0 my-7">
<a href="#registrations" class="nav-link">Registrations</a>
</li>
<li class="lg:ml-6 md:ml-2 md:text-[10px] lg:text-[11px] xl:text-lg leading-5 md:my-0 my-7 md:text-center">
<a href="#callforpapers" class="nav-link">Call for papers</a>
</li>
<li class="lg:ml-6 md:ml-2 md:text-[10px] lg:text-[11px] xl:text-lg leading-5 md:my-0 my-7 md:text-center">
<a href="#video" class="nav-link">ICAIA2020</a>
</li>
<li class="lg:ml-6 md:ml-2 md:text-[10px] lg:text-[11px] xl:text-lg leading-5 md:my-0 my-7 md:text-center">
<a href="#contact" class="nav-link">Contact Us</a>
</li>
</ul>
</div>
</nav>