Inicio Explorar Axuda
Iniciar sesión
urbanu619
/
vnm6688.com
1
0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Explorar o código

jp-vnm

llc hai 3 semanas
pai
a7a0331636
achega
22d8bfffbe
Modificáronse 9 ficheiros con 306 adicións e 55 borrados
Dividir vista Mostrar estatísticas de Diff
  1. BIN=BIN
      images/jp-card1.png
  2. BIN=BIN
      images/jp-card2.png
  3. BIN=BIN
      images/jp-card3.png
  4. BIN=BIN
      images/jp-card4.png
  5. BIN=BIN
      images/jp-card5.png
  6. 27 54
      index.html
  7. 63 0
      jp.html
  8. 153 1
      styles.css
  9. 63 0
      vnm.html

BIN=BIN
images/jp-card1.png
Ver ficheiro


BIN=BIN
images/jp-card2.png
Ver ficheiro


BIN=BIN
images/jp-card3.png
Ver ficheiro


BIN=BIN
images/jp-card4.png
Ver ficheiro


BIN=BIN
images/jp-card5.png
Ver ficheiro


+ 27 - 54
index.html
Ver ficheiro 

@@ -3,61 +3,34 @@
 
 <head>
 
     <meta charset="UTF-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>vnm6688.com - 世界领先娱乐城市</title>
 
+    <title>vnm6688.com</title>
 
     <link rel="stylesheet" href="styles.css">
 
-
 
 </head>
 
-<body>
 
-    <!-- 头部 -->
 
-    <header class="header">
 
+<body class="index-page">
 
+    <div class="container">
 
         <h1 class="site-title">vnm6688.com</h1>
 
-        <p class="tagline">Tên miền vĩnh viễn<br>
 
-            Thành phố giải trí hàng đầu thế giới</p>
 
-    </header>
 
-
 
-    <!-- 主要内容区域 -->
 
-    <main class="main-content">
 
-        <!-- 第一个卡片 -->
 
-        <a href="https://go.rmhfrtnd.com?userId=c6f2bf0ee6653de231fab8e816e0d76259691a6ec04311c292bcddef73e4d5d4" class="card-link" target="_blank" rel="noopener noreferrer">
 
-            <div class="card">
 
-                <div class="status-dot red"></div>
 
-                <img src="images/card1.png" alt="Card 1" class="card-img">
 
-            </div>
 
-        </a>
 
-
 
-        <!-- 第二个卡片 -->
 
-        <a href="https://xmnylu0l12nymst.com/zehF" class="card-link" target="_blank" rel="noopener noreferrer">
 
-            <div class="card">
 
-                <div class="status-dot green"></div>
 
-                <img src="images/card2.png" alt="Card 2" class="card-img">
 
-            </div>
 
-        </a>
 
-
 
-        <!-- 第三个卡片 -->
 
-        <a href="https://xmnylu0l12nymst.com/zehF" class="card-link" target="_blank" rel="noopener noreferrer">
 
-            <div class="card">
 
-                <div class="status-dot green"></div>
 
-                <img src="images/card3.png" alt="Card 3" class="card-img">
 
-            </div>
 
-        </a>
 
-
 
-        <!-- 第四个卡片 -->
 
-        <a href="https://xmnylu0l12nymst.com/zehF" class="card-link" target="_blank" rel="noopener noreferrer">
 
-            <div class="card">
 
-                <div class="status-dot red"></div>
 
-                <img src="images/card4.png" alt="Card 4" class="card-img">
 
-            </div>
 
-        </a>
 
-
 
-        <!-- 第五个卡片 -->
 
-        <a href="https://xmnylu0l12nymst.com/zehF" class="card-link" target="_blank" rel="noopener noreferrer">
 
-            <div class="card">
 
-                <div class="status-dot green"></div>
 
-                <img src="images/card5.png" alt="Card 5" class="card-img">
 
-            </div>
 
-        </a>
 
-    </main>
 
-
 
-    <script src="script.js"></script>
 
+        
+        <div class="button-container">
 
+            <a href="jp.html" class="region-button japan-button">
 
+                <div class="flag-icon japan-flag">
 
+                    <div class="flag-circle">
 
+                        <div class="flag-center"></div>
 
+                    </div>
 
+                </div>
 
+                <span class="region-text">日本</span>
 
+                <div class="go-button">GO</div>
 
+            </a>
 
+            
+            <a href="vnm.html" class="region-button vietnam-button">
 
+                <div class="flag-icon vietnam-flag">
 
+                    <div class="flag-circle">
 
+                        <div class="flag-star"></div>
 
+                    </div>
 
+                </div>
 
+                <span class="region-text">Việt Nam</span>
 
+                <div class="go-button">GO</div>
 
+            </a>
 
+        </div>
 
+    </div>
 
 </body>
 
-</html> 
+</html>

+ 63 - 0
jp.html
Ver ficheiro 

@@ -0,0 +1,63 @@
 
+<!DOCTYPE html>
 
+<html lang="ja-JP">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>vnm6688.com - 世界トップのエンターテイメント都市</title>
 
+    <link rel="stylesheet" href="styles.css">
 
+
 
+</head>
 
+<body>
 
+    <!-- ヘッダー -->
 
+    <header class="header">
 
+        <h1 class="site-title">vnm6688.com</h1>
 
+        <p class="tagline">永続的なドメイン名アドレス<br>
 
+            世界トップのエンターテイメント都市</p>
 
+    </header>
 
+
 
+    <!-- メインコンテンツエリア -->
 
+    <main class="main-content">
 
+        <!-- 第1カード -->
 
+        <a href="https://go.rmhfrtnd.com?userId=c6f2bf0ee6653de231fab8e816e0d76259691a6ec04311c292bcddef73e4d5d4" class="card-link" target="_blank" rel="noopener noreferrer">
 
+            <div class="card">
 
+                <div class="status-dot red"></div>
 
+                <img src="images/jp-card1.png" alt="Card 1" class="card-img">
 
+            </div>
 
+        </a>
 
+
 
+        <!-- 第2カード -->
 
+        <a href="https://36219.best-site4.com/ja/?partner=jv813z0bw13bry" class="card-link" target="_blank" rel="noopener noreferrer">
 
+            <div class="card">
 
+                <div class="status-dot green"></div>
 
+                <img src="images/jp-card2.png" alt="Card 2" class="card-img">
 
+            </div>
 
+        </a>
 
+
 
+        <!-- 第3カード -->
 
+        <a href="https://36219.best-site4.com/ja/?partner=jv813z0bw13bry" class="card-link" target="_blank" rel="noopener noreferrer">
 
+            <div class="card">
 
+                <div class="status-dot green"></div>
 
+                <img src="images/jp-card3.png" alt="Card 3" class="card-img">
 
+            </div>
 
+        </a>
 
+
 
+        <!-- 第4カード -->
 
+        <a href="https://36219.best-site4.com/ja/?partner=jv813z0bw13bry" class="card-link" target="_blank" rel="noopener noreferrer">
 
+            <div class="card">
 
+                <div class="status-dot red"></div>
 
+                <img src="images/jp-card4.png" alt="Card 4" class="card-img">
 
+            </div>
 
+        </a>
 
+
 
+        <!-- 第5カード -->
 
+        <a href="https://36219.best-site4.com/ja/?partner=jv813z0bw13bry" class="card-link" target="_blank" rel="noopener noreferrer">
 
+            <div class="card">
 
+                <div class="status-dot green"></div>
 
+                <img src="images/jp-card5.png" alt="Card 5" class="card-img">
 
+            </div>
 
+        </a>
 
+    </main>
 
+
 
+    <script src="script.js"></script>
 
+</body>
 
+</html>

+ 153 - 1
styles.css
Ver ficheiro 

@@ -13,7 +13,6 @@ body {
 
     overflow-x: hidden;
 
 }
 
 
-
 
 /* 头部样式 */
 
 .header {
 
     text-align: center;
 
@@ -99,7 +98,125 @@ body {
 
     max-height: none;
 
 }
 
 
+/* 首页专用样式 */
 
+body.index-page {
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: center;
 
+}
 
+
 
+.index-page .container {
 
+    text-align: center;
 
+    width: 100%;
 
+    max-width: 400px;
 
+    padding: 20px;
 
+}
 
+
 
+.index-page .site-title {
 
+    font-size: 28px;
 
+    font-weight: 700;
 
+    margin-bottom: 40px;
 
+    color: white;
 
+    background: none;
 
+    -webkit-text-fill-color: white;
 
+}
 
+
 
+.index-page .button-container {
 
+    display: flex;
 
+    flex-direction: column;
 
+    gap: 20px;
 
+    width: 100%;
 
+}
 
 
+.index-page .region-button {
 
+    display: flex;
 
+    align-items: center;
 
+    padding: 16px 20px;
 
+    border-radius: 12px;
 
+    text-decoration: none;
 
+    color: white;
 
+    font-weight: 500;
 
+    font-size: 16px;
 
+    transition: all 0.3s ease;
 
+    position: relative;
 
+    overflow: hidden;
 
+}
 
+
 
+.index-page .region-button:hover {
 
+    transform: translateY(-2px);
 
+    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
 
+}
 
+
 
+.index-page .japan-button {
 
+    background: linear-gradient(90deg, #4A90E2, #9B59B6);
 
+}
 
+
 
+.index-page .vietnam-button {
 
+    background: linear-gradient(90deg, #2ECC71, #1ABC9C);
 
+}
 
+
 
+.index-page .flag-icon {
 
+    width: 32px;
 
+    height: 32px;
 
+    margin-right: 16px;
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: center;
 
+}
 
+
 
+.index-page .flag-circle {
 
+    width: 24px;
 
+    height: 24px;
 
+    border-radius: 50%;
 
+    position: relative;
 
+}
 
+
 
+.index-page .japan-flag .flag-circle {
 
+    background: white;
 
+}
 
+
 
+.index-page .japan-flag .flag-center {
 
+    position: absolute;
 
+    top: 50%;
 
+    left: 50%;
 
+    transform: translate(-50%, -50%);
 
+    width: 12px;
 
+    height: 12px;
 
+    background: #DC143C;
 
+    border-radius: 50%;
 
+}
 
+
 
+.index-page .vietnam-flag .flag-circle {
 
+    background: #DC143C;
 
+}
 
+
 
+.index-page .vietnam-flag .flag-star {
 
+    position: absolute;
 
+    top: 50%;
 
+    left: 50%;
 
+    transform: translate(-50%, -50%);
 
+    width: 12px;
 
+    height: 12px;
 
+    background: #FFD700;
 
+    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
 
+}
 
+
 
+.index-page .region-text {
 
+    flex: 1;
 
+    text-align: left;
 
+    font-weight: 500;
 
+}
 
+
 
+.index-page .go-button {
 
+    background: rgba(255, 255, 255, 0.2);
 
+    color: white;
 
+    padding: 8px 16px;
 
+    border-radius: 8px;
 
+    font-size: 14px;
 
+    font-weight: 600;
 
+    backdrop-filter: blur(10px);
 
+    border: 1px solid rgba(255, 255, 255, 0.1);
 
+}
 
 
 /* 响应式设计 */
 
 @media (max-width: 480px) {
 
@@ -110,6 +227,41 @@ body {
 
     .site-title {
 
         font-size: 24px;
 
     }
 
+    
+    .index-page .container {
 
+        padding: 16px;
 
+    }
 
+    
+    .index-page .site-title {
 
+        font-size: 24px;
 
+        margin-bottom: 30px;
 
+    }
 
+    
+    .index-page .region-button {
 
+        padding: 14px 16px;
 
+        font-size: 14px;
 
+    }
 
+    
+    .index-page .flag-icon {
 
+        width: 28px;
 
+        height: 28px;
 
+        margin-right: 12px;
 
+    }
 
+    
+    .index-page .flag-circle {
 
+        width: 20px;
 
+        height: 20px;
 
+    }
 
+    
+    .index-page .japan-flag .flag-center {
 
+        width: 10px;
 
+        height: 10px;
 
+    }
 
+    
+    .index-page .vietnam-flag .flag-star {
 
+        width: 10px;
 
+        height: 10px;
 
+    }
 
 }
 
 
 /* 滚动条样式 */

+ 63 - 0
vnm.html
Ver ficheiro 

@@ -0,0 +1,63 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-CN">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>vnm6688.com - 世界领先娱乐城市</title>
 
+    <link rel="stylesheet" href="styles.css">
 
+
 
+</head>
 
+<body>
 
+    <!-- 头部 -->
 
+    <header class="header">
 
+        <h1 class="site-title">vnm6688.com</h1>
 
+        <p class="tagline">Tên miền vĩnh viễn<br>
 
+            Thành phố giải trí hàng đầu thế giới</p>
 
+    </header>
 
+
 
+    <!-- 主要内容区域 -->
 
+    <main class="main-content">
 
+        <!-- 第一个卡片 -->
 
+        <a href="https://go.rmhfrtnd.com?userId=c6f2bf0ee6653de231fab8e816e0d76259691a6ec04311c292bcddef73e4d5d4" class="card-link" target="_blank" rel="noopener noreferrer">
 
+            <div class="card">
 
+                <div class="status-dot red"></div>
 
+                <img src="images/card1.png" alt="Card 1" class="card-img">
 
+            </div>
 
+        </a>
 
+
 
+        <!-- 第二个卡片 -->
 
+        <a href="https://xmnylu0l12nymst.com/zehF" class="card-link" target="_blank" rel="noopener noreferrer">
 
+            <div class="card">
 
+                <div class="status-dot green"></div>
 
+                <img src="images/card2.png" alt="Card 2" class="card-img">
 
+            </div>
 
+        </a>
 
+
 
+        <!-- 第三个卡片 -->
 
+        <a href="https://xmnylu0l12nymst.com/zehF" class="card-link" target="_blank" rel="noopener noreferrer">
 
+            <div class="card">
 
+                <div class="status-dot green"></div>
 
+                <img src="images/card3.png" alt="Card 3" class="card-img">
 
+            </div>
 
+        </a>
 
+
 
+        <!-- 第四个卡片 -->
 
+        <a href="https://xmnylu0l12nymst.com/zehF" class="card-link" target="_blank" rel="noopener noreferrer">
 
+            <div class="card">
 
+                <div class="status-dot red"></div>
 
+                <img src="images/card4.png" alt="Card 4" class="card-img">
 
+            </div>
 
+        </a>
 
+
 
+        <!-- 第五个卡片 -->
 
+        <a href="https://xmnylu0l12nymst.com/zehF" class="card-link" target="_blank" rel="noopener noreferrer">
 
+            <div class="card">
 
+                <div class="status-dot green"></div>
 
+                <img src="images/card5.png" alt="Card 5" class="card-img">
 
+            </div>
 
+        </a>
 
+    </main>
 
+
 
+    <script src="script.js"></script>
 
+</body>
 
+</html>