mtourville commited on
Commit
d73b06d
·
verified ·
1 Parent(s): aa7974d

add three tabs under the projects tab

Browse files
Files changed (2) hide show
  1. bsl-3-research-lab.html +14 -6
  2. index.html +10 -2
bsl-3-research-lab.html CHANGED
@@ -30,8 +30,16 @@
30
  <div class="ml-10 flex items-center space-x-8">
31
  <a href="index.html" class="text-gray-600 hover:text-blue-600 transition">Home</a>
32
  <a href="#" class="text-gray-600 hover:text-blue-600 transition">Services</a>
33
- <a href="projects.html" class="text-gray-600 hover:text-blue-600 transition">Projects</a>
34
- <a href="#" class="text-gray-600 hover:text-blue-600 transition">About</a>
 
 
 
 
 
 
 
 
35
  <a href="#" class="text-gray-600 hover:text-blue-600 transition">Contact</a>
36
  <button class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-md transition">Collaborate</button>
37
  </div>
@@ -290,10 +298,10 @@
290
  <h4 class="text-lg font-semibold mb-6">Projects</h4>
291
  <ul class="space-y-3">
292
  <li><a href="projects.html" class="text-gray-400 hover:text-white transition">All Projects</a></li>
293
- <li><a href="biotech-cleanroom-facility.html" class="text-gray-400 hover:text-white transition">Biotech Cleanroom</a></li>
294
- <li><a href="semiconductor-fab-expansion.html" class="text-gray-400 hover:text-white transition">Semiconductor Fab</a></li>
295
- <li><a href="bsl-3-research-lab.html" class="text-blue-400 hover:text-blue-300 transition">BSL-3 Laboratory</a></li>
296
- </ul>
297
  </div>
298
 
299
  <div>
 
30
  <div class="ml-10 flex items-center space-x-8">
31
  <a href="index.html" class="text-gray-600 hover:text-blue-600 transition">Home</a>
32
  <a href="#" class="text-gray-600 hover:text-blue-600 transition">Services</a>
33
+ <div class="group relative">
34
+ <a href="projects.html" class="text-gray-600 hover:text-blue-600 transition flex items-center">Projects <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i></a>
35
+ <div class="absolute left-0 mt-2 w-48 bg-white shadow-lg rounded-md py-1 hidden group-hover:block z-50">
36
+ <a href="projects.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">All Projects</a>
37
+ <a href="biotech-cleanroom-facility.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">Biotech Cleanrooms</a>
38
+ <a href="semiconductor-fab-expansion.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">Semiconductor Fabs</a>
39
+ <a href="bsl-3-research-lab.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">BSL Labs</a>
40
+ </div>
41
+ </div>
42
+ <a href="#" class="text-gray-600 hover:text-blue-600 transition">About</a>
43
  <a href="#" class="text-gray-600 hover:text-blue-600 transition">Contact</a>
44
  <button class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-md transition">Collaborate</button>
45
  </div>
 
298
  <h4 class="text-lg font-semibold mb-6">Projects</h4>
299
  <ul class="space-y-3">
300
  <li><a href="projects.html" class="text-gray-400 hover:text-white transition">All Projects</a></li>
301
+ <li><a href="biotech-cleanroom-facility.html" class="text-gray-400 hover:text-white transition">Biotech Cleanrooms</a></li>
302
+ <li><a href="semiconductor-fab-expansion.html" class="text-gray-400 hover:text-white transition">Semiconductor Fabs</a></li>
303
+ <li><a href="bsl-3-research-lab.html" class="text-gray-400 hover:text-white transition">BSL Labs</a></li>
304
+ </ul>
305
  </div>
306
 
307
  <div>
index.html CHANGED
@@ -37,8 +37,16 @@
37
  <div class="ml-10 flex items-center space-x-8">
38
  <a href="index.html" class="text-blue-600 font-medium">Home</a>
39
  <a href="#" class="text-gray-600 hover:text-blue-600 transition">Services</a>
40
- <a href="projects.html" class="text-gray-600 hover:text-blue-600 transition">Projects</a>
41
- <a href="biotech-cleanroom-facility.html" class="text-gray-600 hover:text-blue-600 transition">Featured</a>
 
 
 
 
 
 
 
 
42
  <a href="#" class="text-gray-600 hover:text-blue-600 transition">About</a>
43
  <a href="#" class="text-gray-600 hover:text-blue-600 transition">Contact</a>
44
  <button class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-md transition">Collaborate</button>
 
37
  <div class="ml-10 flex items-center space-x-8">
38
  <a href="index.html" class="text-blue-600 font-medium">Home</a>
39
  <a href="#" class="text-gray-600 hover:text-blue-600 transition">Services</a>
40
+ <div class="group relative">
41
+ <a href="projects.html" class="text-gray-600 hover:text-blue-600 transition flex items-center">Projects <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i></a>
42
+ <div class="absolute left-0 mt-2 w-48 bg-white shadow-lg rounded-md py-1 hidden group-hover:block z-50">
43
+ <a href="projects.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">All Projects</a>
44
+ <a href="biotech-cleanroom-facility.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">Biotech Cleanrooms</a>
45
+ <a href="semiconductor-fab-expansion.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">Semiconductor Fabs</a>
46
+ <a href="bsl-3-research-lab.html" class="block px-4 py-2 text-gray-800 hover:bg-blue-50 hover:text-blue-600">BSL Labs</a>
47
+ </div>
48
+ </div>
49
+ <a href="biotech-cleanroom-facility.html" class="text-gray-600 hover:text-blue-600 transition">Featured</a>
50
  <a href="#" class="text-gray-600 hover:text-blue-600 transition">About</a>
51
  <a href="#" class="text-gray-600 hover:text-blue-600 transition">Contact</a>
52
  <button class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-md transition">Collaborate</button>