Spaces:

hotmemeh
/

deepsite-project

Running

App Files Files Community

hotmemeh commited on Oct 1

Commit

2ad85ca

verified ·

1 Parent(s): 6536270

update it to 2025 , update all web font to bold and multi colors

Browse files

Files changed (1) hide show

index.html +62 -27

index.html CHANGED Viewed

@@ -3,16 +3,21 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>HER - متجر الأحذية</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         * {
             margin: 0;
             padding: 0;
             box-sizing: border-box;
             font-family: 'Tajawal', sans-serif;
         }
-        @keyframes ringSpin {
             0% { transform: rotate(0deg); }
             100% { transform: rotate(360deg); }
         }
@@ -21,11 +26,16 @@ body {
             color: #333;
         }
         .logo {
-            font-family: 'Arial', sans-serif;
-            font-weight: bold;
-            font-size: 2rem;
-            color: #000;
-            display: flex;
             align-items: center;
             position: relative;
             z-index: 1;
@@ -43,13 +53,13 @@ body {
             bottom: -5px;
             left: 0;
             width: 100%;
-            height: 2px;
-            background: linear-gradient(90deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff, #5f27cd);
-            background-size: 400% 400%;
-            animation: gradient 3s ease infinite;
             border-radius: 10px;
         }
-        @keyframes gradient {
             0% { background-position: 0% 50%; }
             50% { background-position: 100% 50%; }
             100% { background-position: 0% 50%; }
@@ -109,9 +119,18 @@ nav ul li {
         nav ul li a {
             text-decoration: none;
             color: #333;
-            font-weight: 700;
         }
-        .hero {
             background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('file:///C:/Users/new/Desktop/Shoeroom%20%E2%80%93%20shoeroom%20egypt.html');
             background-size: cover;
             background-position: center;
@@ -170,15 +189,31 @@ nav ul li {
             0% { background-size: 100% auto; }
             100% { background-size: 120% auto; }
         }
-.hero h1 {
-            font-size: 3rem;
-            margin-bottom: 1rem;
         }
         .hero p {
-            font-size: 1.2rem;
-            max-width: 600px;
         }
-        .products {
             padding: 4rem 2rem;
             display: grid;
             grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
@@ -236,12 +271,12 @@ footer {
             <div class="hero-slide" style="background-image: url('https://huggingface.co/spaces/hotmemeh/deepsite-project/resolve/main/images/Untitled.png')"></div>
             <div class="hero-slide" style="background-image: url('https://shoeroom.shoes/wp-content/uploads/2022/12/shoeroom_winter_collection.jpg')"></div>
 </div>
-        <h1 style="font-weight: 900; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">أحذية أنيقة لعالم أنيق</h1>
-        <p style="font-weight: 700; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">اكتشف أحدث تشكيلات الأحذية لعام 2023 بأسعار تنافسية وجودة عالية</p>
-    </section>
-<footer>
-        <p>جميع الحقوق محفوظة &copy; 2023 HER - متجر الأحذية</p>
-        <p>تطوير: AyvWvlid</p>
     </footer>
 </body>
 </html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>HER 2025 - متجر الأحذية المتميز</title>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         * {
             margin: 0;
             padding: 0;
             box-sizing: border-box;
             font-family: 'Tajawal', sans-serif;
+            font-weight: 900 !important;
         }
+        @font-face {
+            font-family: 'Tajawal';
+            src: url('https://fonts.googleapis.com/css2?family=Tajawal:wght@900&display=swap');
+        }
+@keyframes ringSpin {
             0% { transform: rotate(0deg); }
             100% { transform: rotate(360deg); }
         }
             color: #333;
         }
         .logo {
+            font-family: 'Tajawal', sans-serif;
+            font-weight: 900;
+            font-size: 2.5rem;
+            color: transparent;
+            background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8);
+            background-size: 400% 400%;
+            -webkit-background-clip: text;
+            background-clip: text;
+            animation: gradient 5s ease infinite;
+display: flex;
             align-items: center;
             position: relative;
             z-index: 1;
             bottom: -5px;
             left: 0;
             width: 100%;
+            height: 4px;
+            background: linear-gradient(90deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8);
+            background-size: 800% 800%;
+            animation: gradient 5s ease infinite;
             border-radius: 10px;
         }
+@keyframes gradient {
             0% { background-position: 0% 50%; }
             50% { background-position: 100% 50%; }
             100% { background-position: 0% 50%; }
         nav ul li a {
             text-decoration: none;
             color: #333;
+            font-weight: 900;
+            font-size: 1.2rem;
+            text-shadow: 0 0 5px rgba(255,255,255,0.5);
+            transition: all 0.3s ease;
+            background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00);
+            background-size: 400% 400%;
+            -webkit-background-clip: text;
+            background-clip: text;
+            color: transparent;
+            animation: gradient 5s ease infinite;
         }
+.hero {
             background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('file:///C:/Users/new/Desktop/Shoeroom%20%E2%80%93%20shoeroom%20egypt.html');
             background-size: cover;
             background-position: center;
             0% { background-size: 100% auto; }
             100% { background-size: 120% auto; }
         }
+        .hero h1 {
+            font-size: 4rem;
+            margin-bottom: 1.5rem;
+            font-weight: 900;
+            background: linear-gradient(45deg, #ffffff, #ffcccc, #ffffcc, #ccffff);
+            background-size: 400% 400%;
+            -webkit-background-clip: text;
+            background-clip: text;
+            color: transparent;
+            animation: gradient 5s ease infinite;
+            text-shadow: 3px 3px 6px rgba(0,0,0,0.8);
         }
         .hero p {
+            font-size: 1.5rem;
+            max-width: 700px;
+            font-weight: 900;
+            background: linear-gradient(45deg, #ffffff, #ffcccc, #ffffcc);
+            background-size: 400% 400%;
+            -webkit-background-clip: text;
+            background-clip: text;
+            color: transparent;
+            animation: gradient 5s ease infinite;
+            text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
         }
+.products {
             padding: 4rem 2rem;
             display: grid;
             grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
             <div class="hero-slide" style="background-image: url('https://huggingface.co/spaces/hotmemeh/deepsite-project/resolve/main/images/Untitled.png')"></div>
             <div class="hero-slide" style="background-image: url('https://shoeroom.shoes/wp-content/uploads/2022/12/shoeroom_winter_collection.jpg')"></div>
 </div>
+        <h1 style="font-weight: 900; text-shadow: 3px 3px 6px rgba(0,0,0,0.8);">أحذية أنيقة لعالم أنيق</h1>
+        <p style="font-weight: 900; text-shadow: 2px 2px 4px rgba(0,0,0,0.6);">اكتشف أحدث تشكيلات الأحذية لعام 2025 بأسعار تنافسية وجودة عالية</p>
+</section>
+    <footer>
+        <p style="font-size: 1.2rem; background: linear-gradient(45deg, #ffffff, #ffcccc); -webkit-background-clip: text; background-clip: text; color: transparent; animation: gradient 5s ease infinite;">جميع الحقوق محفوظة &copy; 2025 HER - متجر الأحذية المتميز</p>
+        <p style="font-size: 1rem; background: linear-gradient(45deg, #ffffff, #ccffff); -webkit-background-clip: text; background-clip: text; color: transparent; animation: gradient 5s ease infinite;">تطوير: AyvWvlid</p>
     </footer>
 </body>
 </html>