Spaces:
Running
Running
translate website in romanian and remove the footer links
Browse files- components/footer.js +1 -26
- components/header.js +5 -5
- index.html +13 -15
components/footer.js
CHANGED
|
@@ -30,32 +30,7 @@ class CustomFooter extends HTMLElement {
|
|
| 30 |
<p class="text-gray-400 mt-2 text-sm">© ${new Date().getFullYear()} Quantum Game Portal. All rights reserved.</p>
|
| 31 |
</div>
|
| 32 |
<div class="flex flex-col md:flex-row md:space-x-8 space-y-4 md:space-y-0 text-center md:text-left">
|
| 33 |
-
|
| 34 |
-
<h4 class="text-white font-bold mb-2">Legal</h4>
|
| 35 |
-
<ul class="space-y-1">
|
| 36 |
-
<li><a href="#" class="footer-link text-gray-400 text-sm">Privacy Policy</a></li>
|
| 37 |
-
<li><a href="#" class="footer-link text-gray-400 text-sm">Terms of Service</a></li>
|
| 38 |
-
<li><a href="#" class="footer-link text-gray-400 text-sm">Cookie Policy</a></li>
|
| 39 |
-
</ul>
|
| 40 |
-
</div>
|
| 41 |
-
<div>
|
| 42 |
-
<h4 class="text-white font-bold mb-2">Support</h4>
|
| 43 |
-
<ul class="space-y-1">
|
| 44 |
-
<li><a href="#" class="footer-link text-gray-400 text-sm">Help Center</a></li>
|
| 45 |
-
<li><a href="#" class="footer-link text-gray-400 text-sm">Contact Us</a></li>
|
| 46 |
-
<li><a href="#" class="footer-link text-gray-400 text-sm">FAQ</a></li>
|
| 47 |
-
</ul>
|
| 48 |
-
</div>
|
| 49 |
-
<div>
|
| 50 |
-
<h4 class="text-white font-bold mb-2">Connect</h4>
|
| 51 |
-
<div class="flex justify-center md:justify-start space-x-4">
|
| 52 |
-
<a href="#" class="footer-link text-gray-400 hover:text-white"><i data-feather="twitter"></i></a>
|
| 53 |
-
<a href="#" class="footer-link text-gray-400 hover:text-white"><i data-feather="facebook"></i></a>
|
| 54 |
-
<a href="#" class="footer-link text-gray-400 hover:text-white"><i data-feather="instagram"></i></a>
|
| 55 |
-
<a href="#" class="footer-link text-gray-400 hover:text-white"><i data-feather="youtube"></i></a>
|
| 56 |
-
</div>
|
| 57 |
-
</div>
|
| 58 |
-
</div>
|
| 59 |
</div>
|
| 60 |
</div>
|
| 61 |
</footer>
|
|
|
|
| 30 |
<p class="text-gray-400 mt-2 text-sm">© ${new Date().getFullYear()} Quantum Game Portal. All rights reserved.</p>
|
| 31 |
</div>
|
| 32 |
<div class="flex flex-col md:flex-row md:space-x-8 space-y-4 md:space-y-0 text-center md:text-left">
|
| 33 |
+
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 34 |
</div>
|
| 35 |
</div>
|
| 36 |
</footer>
|
components/header.js
CHANGED
|
@@ -28,11 +28,11 @@ class CustomHeader extends HTMLElement {
|
|
| 28 |
<span class="text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-blue-500">Quantum</span>
|
| 29 |
</div>
|
| 30 |
<nav class="hidden md:flex space-x-8">
|
| 31 |
-
<a href="#" class="nav-link text-gray-300 hover:text-white">
|
| 32 |
-
<a href="#" class="nav-link text-gray-300 hover:text-white">
|
| 33 |
-
<a href="#" class="nav-link text-gray-300 hover:text-white">
|
| 34 |
-
<a href="#" class="nav-link text-gray-300 hover:text-white">
|
| 35 |
-
|
| 36 |
<button class="md:hidden text-gray-300">
|
| 37 |
<i data-feather="menu"></i>
|
| 38 |
</button>
|
|
|
|
| 28 |
<span class="text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-blue-500">Quantum</span>
|
| 29 |
</div>
|
| 30 |
<nav class="hidden md:flex space-x-8">
|
| 31 |
+
<a href="#" class="nav-link text-gray-300 hover:text-white">Acasă</a>
|
| 32 |
+
<a href="#" class="nav-link text-gray-300 hover:text-white">Caracteristici</a>
|
| 33 |
+
<a href="#" class="nav-link text-gray-300 hover:text-white">Clasament</a>
|
| 34 |
+
<a href="#" class="nav-link text-gray-300 hover:text-white">Suport</a>
|
| 35 |
+
</nav>
|
| 36 |
<button class="md:hidden text-gray-300">
|
| 37 |
<i data-feather="menu"></i>
|
| 38 |
</button>
|
index.html
CHANGED
|
@@ -20,16 +20,14 @@
|
|
| 20 |
<div class="mb-12">
|
| 21 |
<img src="https://d3iu.ro/new-deiu.png" alt="Quantum Game Logo" class="mx-auto h-32 md:h-48 w-auto">
|
| 22 |
</div>
|
| 23 |
-
|
| 24 |
-
|
| 25 |
-
Quantum Gaming Experience
|
| 26 |
</h1>
|
| 27 |
|
| 28 |
<p class="text-xl md:text-2xl text-gray-300 mb-12 max-w-3xl mx-auto">
|
| 29 |
-
|
| 30 |
</p>
|
| 31 |
-
|
| 32 |
-
<div class="relative group">
|
| 33 |
<div class="absolute -inset-1 bg-gradient-to-r from-purple-600 to-blue-500 rounded-lg blur opacity-75 group-hover:opacity-100 transition duration-200"></div>
|
| 34 |
<a href="https://d3iu.ro/joc.html1" class="relative px-8 py-4 bg-gray-800 rounded-lg font-bold text-xl hover:bg-gray-700 transition duration-200 inline-flex items-center">
|
| 35 |
<i data-feather="play" class="mr-2"></i> Play Now
|
|
@@ -42,25 +40,25 @@
|
|
| 42 |
<div class="text-purple-400 mb-4">
|
| 43 |
<i data-feather="zap" class="w-10 h-10"></i>
|
| 44 |
</div>
|
| 45 |
-
<h3 class="text-xl font-bold mb-2">
|
| 46 |
-
<p class="text-gray-400">
|
| 47 |
-
|
| 48 |
|
| 49 |
<div class="bg-gray-800/50 backdrop-blur-sm p-6 rounded-xl border border-gray-700 hover:border-blue-500 transition duration-200">
|
| 50 |
<div class="text-blue-400 mb-4">
|
| 51 |
<i data-feather="eye" class="w-10 h-10"></i>
|
| 52 |
</div>
|
| 53 |
-
<h3 class="text-xl font-bold mb-2">
|
| 54 |
-
<p class="text-gray-400">
|
| 55 |
-
|
| 56 |
|
| 57 |
<div class="bg-gray-800/50 backdrop-blur-sm p-6 rounded-xl border border-gray-700 hover:border-indigo-500 transition duration-200">
|
| 58 |
<div class="text-indigo-400 mb-4">
|
| 59 |
<i data-feather="users" class="w-10 h-10"></i>
|
| 60 |
</div>
|
| 61 |
-
<h3 class="text-xl font-bold mb-2">Global
|
| 62 |
-
<p class="text-gray-400">
|
| 63 |
-
|
| 64 |
</div>
|
| 65 |
</main>
|
| 66 |
|
|
|
|
| 20 |
<div class="mb-12">
|
| 21 |
<img src="https://d3iu.ro/new-deiu.png" alt="Quantum Game Logo" class="mx-auto h-32 md:h-48 w-auto">
|
| 22 |
</div>
|
| 23 |
+
<h1 class="text-4xl md:text-6xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-blue-500">
|
| 24 |
+
Experiența Quantum Gaming
|
|
|
|
| 25 |
</h1>
|
| 26 |
|
| 27 |
<p class="text-xl md:text-2xl text-gray-300 mb-12 max-w-3xl mx-auto">
|
| 28 |
+
Intră în viitorul divertismentului interactiv cu jocul nostru avansat alimentat de tehnologia cuantică.
|
| 29 |
</p>
|
| 30 |
+
<div class="relative group">
|
|
|
|
| 31 |
<div class="absolute -inset-1 bg-gradient-to-r from-purple-600 to-blue-500 rounded-lg blur opacity-75 group-hover:opacity-100 transition duration-200"></div>
|
| 32 |
<a href="https://d3iu.ro/joc.html1" class="relative px-8 py-4 bg-gray-800 rounded-lg font-bold text-xl hover:bg-gray-700 transition duration-200 inline-flex items-center">
|
| 33 |
<i data-feather="play" class="mr-2"></i> Play Now
|
|
|
|
| 40 |
<div class="text-purple-400 mb-4">
|
| 41 |
<i data-feather="zap" class="w-10 h-10"></i>
|
| 42 |
</div>
|
| 43 |
+
<h3 class="text-xl font-bold mb-2">Viteză Fulgerătoare</h3>
|
| 44 |
+
<p class="text-gray-400">Alimentat de computere cuantice pentru performanță fără egal</p>
|
| 45 |
+
</div>
|
| 46 |
|
| 47 |
<div class="bg-gray-800/50 backdrop-blur-sm p-6 rounded-xl border border-gray-700 hover:border-blue-500 transition duration-200">
|
| 48 |
<div class="text-blue-400 mb-4">
|
| 49 |
<i data-feather="eye" class="w-10 h-10"></i>
|
| 50 |
</div>
|
| 51 |
+
<h3 class="text-xl font-bold mb-2">Grafică Uimitoare</h3>
|
| 52 |
+
<p class="text-gray-400">Grafică de ultimă generație care depășește limitele</p>
|
| 53 |
+
</div>
|
| 54 |
|
| 55 |
<div class="bg-gray-800/50 backdrop-blur-sm p-6 rounded-xl border border-gray-700 hover:border-indigo-500 transition duration-200">
|
| 56 |
<div class="text-indigo-400 mb-4">
|
| 57 |
<i data-feather="users" class="w-10 h-10"></i>
|
| 58 |
</div>
|
| 59 |
+
<h3 class="text-xl font-bold mb-2">Comunitate Globală</h3>
|
| 60 |
+
<p class="text-gray-400">Alătură-te milioanelor de jucători din întreaga lume</p>
|
| 61 |
+
</div>
|
| 62 |
</div>
|
| 63 |
</main>
|
| 64 |
|