Spaces:
Running
Running
azzaeazeaze
#2
by
victor
HF Staff
- opened
- index.html +4 -5
index.html
CHANGED
@@ -1,4 +1,3 @@
|
|
1 |
-
|
2 |
<!DOCTYPE html>
|
3 |
<html lang="en">
|
4 |
<head>
|
@@ -132,7 +131,7 @@
|
|
132 |
<body class="min-h-screen">
|
133 |
<!-- Navigation -->
|
134 |
<nav class="fixed w-full z-50 bg-black p-4 flex justify-between items-center border-b-4 border-white">
|
135 |
-
<div class="title-font text-3xl">
|
136 |
<div class="hidden md:flex space-x-8">
|
137 |
<a href="#work" class="hover:text-yellow-400 transition">Work</a>
|
138 |
<a href="#about" class="hover:text-yellow-400 transition">About</a>
|
@@ -147,7 +146,7 @@
|
|
147 |
<!-- Mobile Menu -->
|
148 |
<div id="mobileMenu" class="fixed top-0 right-0 h-full w-3/4 bg-black border-l-4 border-white z-50 p-8 transition-transform duration-300 ease-in-out menu-closed">
|
149 |
<div class="flex justify-between items-center mb-12">
|
150 |
-
<div class="title-font text-3xl">
|
151 |
<button id="closeMenuBtn" class="text-2xl">
|
152 |
<i class="fas fa-times"></i>
|
153 |
</button>
|
@@ -389,7 +388,7 @@
|
|
389 |
<footer class="bg-black text-white border-t-4 border-white py-12">
|
390 |
<div class="container mx-auto px-6">
|
391 |
<div class="flex flex-col md:flex-row justify-between items-center">
|
392 |
-
<div class="title-font text-3xl mb-6 md:mb-0">
|
393 |
<div class="flex space-x-6 mb-6 md:mb-0">
|
394 |
<a href="#" class="text-2xl hover:text-yellow-400"><i class="fab fa-instagram"></i></a>
|
395 |
<a href="#" class="text-2xl hover:text-yellow-400"><i class="fab fa-twitter"></i></a>
|
@@ -469,5 +468,5 @@
|
|
469 |
window.addEventListener('scroll', animateOnScroll);
|
470 |
window.addEventListener('load', animateOnScroll);
|
471 |
</script>
|
472 |
-
</body>
|
473 |
</html>
|
|
|
|
|
1 |
<!DOCTYPE html>
|
2 |
<html lang="en">
|
3 |
<head>
|
|
|
131 |
<body class="min-h-screen">
|
132 |
<!-- Navigation -->
|
133 |
<nav class="fixed w-full z-50 bg-black p-4 flex justify-between items-center border-b-4 border-white">
|
134 |
+
<div class="title-font text-3xl">OOOral</div>
|
135 |
<div class="hidden md:flex space-x-8">
|
136 |
<a href="#work" class="hover:text-yellow-400 transition">Work</a>
|
137 |
<a href="#about" class="hover:text-yellow-400 transition">About</a>
|
|
|
146 |
<!-- Mobile Menu -->
|
147 |
<div id="mobileMenu" class="fixed top-0 right-0 h-full w-3/4 bg-black border-l-4 border-white z-50 p-8 transition-transform duration-300 ease-in-out menu-closed">
|
148 |
<div class="flex justify-between items-center mb-12">
|
149 |
+
<div class="title-font text-3xl">OOOral</div>
|
150 |
<button id="closeMenuBtn" class="text-2xl">
|
151 |
<i class="fas fa-times"></i>
|
152 |
</button>
|
|
|
388 |
<footer class="bg-black text-white border-t-4 border-white py-12">
|
389 |
<div class="container mx-auto px-6">
|
390 |
<div class="flex flex-col md:flex-row justify-between items-center">
|
391 |
+
<div class="title-font text-3xl mb-6 md:mb-0">OOOral</div>
|
392 |
<div class="flex space-x-6 mb-6 md:mb-0">
|
393 |
<a href="#" class="text-2xl hover:text-yellow-400"><i class="fab fa-instagram"></i></a>
|
394 |
<a href="#" class="text-2xl hover:text-yellow-400"><i class="fab fa-twitter"></i></a>
|
|
|
468 |
window.addEventListener('scroll', animateOnScroll);
|
469 |
window.addEventListener('load', animateOnScroll);
|
470 |
</script>
|
471 |
+
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=victor/brutal-design" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
|
472 |
</html>
|