Update index.html
Browse files- index.html +29 -12
index.html
CHANGED
|
@@ -68,8 +68,8 @@
|
|
| 68 |
backdrop-filter: blur(10px);
|
| 69 |
}
|
| 70 |
|
| 71 |
-
/*
|
| 72 |
-
.
|
| 73 |
max-width: 1400px;
|
| 74 |
margin: 0 auto 30px auto;
|
| 75 |
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
|
@@ -81,18 +81,32 @@
|
|
| 81 |
align-items: center;
|
| 82 |
gap: 20px;
|
| 83 |
}
|
| 84 |
-
.
|
| 85 |
font-size: 3rem;
|
| 86 |
}
|
| 87 |
-
.
|
| 88 |
font-size: 1.4rem;
|
| 89 |
margin-bottom: 8px;
|
| 90 |
}
|
| 91 |
-
.
|
| 92 |
font-size: 1rem;
|
| 93 |
opacity: 0.95;
|
| 94 |
line-height: 1.6;
|
| 95 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 96 |
|
| 97 |
.container {
|
| 98 |
display: flex;
|
|
@@ -199,7 +213,7 @@
|
|
| 199 |
.container {
|
| 200 |
flex-direction: column;
|
| 201 |
}
|
| 202 |
-
.
|
| 203 |
flex-direction: column;
|
| 204 |
text-align: center;
|
| 205 |
}
|
|
@@ -231,16 +245,19 @@
|
|
| 231 |
</div>
|
| 232 |
</div>
|
| 233 |
|
| 234 |
-
<!--
|
| 235 |
-
<div class="
|
| 236 |
-
<div class="
|
| 237 |
-
<div class="
|
| 238 |
-
<h3>
|
| 239 |
<p>
|
| 240 |
-
|
| 241 |
features that transform the impossible into reality. Unlock extraordinary creative powers
|
| 242 |
that feel like pure wizardry.
|
| 243 |
</p>
|
|
|
|
|
|
|
|
|
|
| 244 |
</div>
|
| 245 |
</div>
|
| 246 |
|
|
|
|
| 68 |
backdrop-filter: blur(10px);
|
| 69 |
}
|
| 70 |
|
| 71 |
+
/* Hugwarts Banana ์น์
*/
|
| 72 |
+
.hugwarts-section {
|
| 73 |
max-width: 1400px;
|
| 74 |
margin: 0 auto 30px auto;
|
| 75 |
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
|
|
|
| 81 |
align-items: center;
|
| 82 |
gap: 20px;
|
| 83 |
}
|
| 84 |
+
.hugwarts-icon {
|
| 85 |
font-size: 3rem;
|
| 86 |
}
|
| 87 |
+
.hugwarts-content h3 {
|
| 88 |
font-size: 1.4rem;
|
| 89 |
margin-bottom: 8px;
|
| 90 |
}
|
| 91 |
+
.hugwarts-content p {
|
| 92 |
font-size: 1rem;
|
| 93 |
opacity: 0.95;
|
| 94 |
line-height: 1.6;
|
| 95 |
}
|
| 96 |
+
.hugwarts-name {
|
| 97 |
+
display: flex;
|
| 98 |
+
align-items: center;
|
| 99 |
+
gap: 8px;
|
| 100 |
+
margin-top: 10px;
|
| 101 |
+
font-size: 0.9rem;
|
| 102 |
+
opacity: 0.9;
|
| 103 |
+
}
|
| 104 |
+
.hugwarts-name span {
|
| 105 |
+
background: rgba(255,255,255,0.25);
|
| 106 |
+
padding: 4px 12px;
|
| 107 |
+
border-radius: 15px;
|
| 108 |
+
font-weight: 600;
|
| 109 |
+
}
|
| 110 |
|
| 111 |
.container {
|
| 112 |
display: flex;
|
|
|
|
| 213 |
.container {
|
| 214 |
flex-direction: column;
|
| 215 |
}
|
| 216 |
+
.hugwarts-section {
|
| 217 |
flex-direction: column;
|
| 218 |
text-align: center;
|
| 219 |
}
|
|
|
|
| 245 |
</div>
|
| 246 |
</div>
|
| 247 |
|
| 248 |
+
<!-- Hugwarts Banana ์น์
-->
|
| 249 |
+
<div class="hugwarts-section">
|
| 250 |
+
<div class="hugwarts-icon">๐ช</div>
|
| 251 |
+
<div class="hugwarts-content">
|
| 252 |
+
<h3>Hugwarts Banana - Magical Custom Add-on</h3>
|
| 253 |
<p>
|
| 254 |
+
Hugwarts Banana pushes AI technology to its absolute limits, implementing magical custom add-on
|
| 255 |
features that transform the impossible into reality. Unlock extraordinary creative powers
|
| 256 |
that feel like pure wizardry.
|
| 257 |
</p>
|
| 258 |
+
<div class="hugwarts-name">
|
| 259 |
+
<span>HUG</span> from Hugging Face + <span>WARTS</span> from Hogwarts = <span>HUGWARTS</span> Magic!
|
| 260 |
+
</div>
|
| 261 |
</div>
|
| 262 |
</div>
|
| 263 |
|