Manual changes saved
Browse files- index.html +8 -52
index.html
CHANGED
|
@@ -88,7 +88,7 @@
|
|
| 88 |
</div>
|
| 89 |
<div>
|
| 90 |
<h3 class="font-medium text-gray-900">μ€μκ° ν΅ν λ°λͺ¨</h3>
|
| 91 |
-
<p class="text-sm text-gray-500">μ§κΈ
|
| 92 |
</div>
|
| 93 |
</div>
|
| 94 |
<div class="mt-6 space-y-4">
|
|
@@ -108,17 +108,12 @@
|
|
| 108 |
<span class="text-red-600">κ²½μμ¬: 1.2μ΄</span>
|
| 109 |
</div>
|
| 110 |
<div class="flex justify-between">
|
| 111 |
-
<span class="text-sm text-gray-500"
|
| 112 |
-
<span class="text-sm font-medium text-secondary">97
|
| 113 |
</div>
|
| 114 |
<div class="h-2 bg-gray-200 rounded-full overflow-hidden">
|
| 115 |
<div class="h-full bg-secondary rounded-full" style="width: 97%"></div>
|
| 116 |
</div>
|
| 117 |
-
|
| 118 |
-
<div class="flex justify-between mt-4">
|
| 119 |
-
<span class="text-sm text-gray-500">μ΅λ λμ ν΅ν</span>
|
| 120 |
-
<span class="text-sm font-medium text-primary">100+ λΌμΈ</span>
|
| 121 |
-
</div>
|
| 122 |
</div>
|
| 123 |
<button class="mt-6 w-full bg-primary hover:bg-blue-600 text-white py-2 rounded-md text-sm font-medium transition duration-150 ease-in-out">
|
| 124 |
λ°λͺ¨ μμ
|
|
@@ -221,7 +216,7 @@
|
|
| 221 |
|
| 222 |
<!-- Step 1 -->
|
| 223 |
<div class="relative mb-16 md:flex md:items-center">
|
| 224 |
-
<div class="md:
|
| 225 |
<div class="flex items-center">
|
| 226 |
<div class="flex items-center justify-center h-12 w-12 rounded-full bg-primary text-white font-bold text-lg">1</div>
|
| 227 |
<h3 class="ml-4 text-xl font-bold text-gray-900">λ² ν
λ μλ΄μμ²λΌ μ€λ</h3>
|
|
@@ -231,24 +226,11 @@
|
|
| 231 |
λΆλ§ μ²λ¦¬ κΈ°μ . μμ°μ€λ¬μ΄ 곡κ°κ³Ό μ΄κ³ μ λ°μ(0.3μ΄)μΌλ‘ κ³ κ°μ μ κ·Ή μ€λν©λλ€.
|
| 232 |
</p>
|
| 233 |
</div>
|
| 234 |
-
<div class="mt-8 md:mt-0 md:w-1/2">
|
| 235 |
-
<div class="bg-white p-6 rounded-xl shadow-md">
|
| 236 |
-
<div class="flex items-center space-x-4">
|
| 237 |
-
<div class="bg-primary bg-opacity-10 p-3 rounded-full">
|
| 238 |
-
<i data-feather="upload" class="text-primary"></i>
|
| 239 |
-
</div>
|
| 240 |
-
<div>
|
| 241 |
-
<h4 class="font-medium text-gray-900">μ€λ μμ</h4>
|
| 242 |
-
<p class="text-sm text-gray-500">ννΉ λ©νΈ, κ³΅κ° νν, μ¬μ€λ κΈ°μ </p>
|
| 243 |
-
</div>
|
| 244 |
-
</div>
|
| 245 |
-
</div>
|
| 246 |
-
</div>
|
| 247 |
</div>
|
| 248 |
|
| 249 |
<!-- Step 2 -->
|
| 250 |
-
<div class="relative mb-16 md:flex md:items-center
|
| 251 |
-
<div class="md:
|
| 252 |
<div class="flex items-center">
|
| 253 |
<div class="flex items-center justify-center h-12 w-12 rounded-full bg-secondary text-white font-bold text-lg">2</div>
|
| 254 |
<h3 class="ml-4 text-xl font-bold text-gray-900">λ°μ΄ν° κΈ°λ° μ΅μ ν</h3>
|
|
@@ -257,45 +239,19 @@
|
|
| 257 |
μλ΅λ₯ λμ μκ°λ λΆμ, ν¨κ³Όμ μΈ λ©νΈ ν¨ν΄ μλ³μ ν΅ν΄ μ νμ¨μ μ§μμ μΌλ‘ ν₯μμν΅λλ€.
|
| 258 |
</p>
|
| 259 |
</div>
|
| 260 |
-
<div class="mt-8 md:mt-0 md:w-1/2">
|
| 261 |
-
<div class="bg-white p-6 rounded-xl shadow-md">
|
| 262 |
-
<div class="flex items-center space-x-4">
|
| 263 |
-
<div class="bg-secondary bg-opacity-10 p-3 rounded-full">
|
| 264 |
-
<i data-feather="message-square" class="text-secondary"></i>
|
| 265 |
-
</div>
|
| 266 |
-
<div>
|
| 267 |
-
<h4 class="font-medium text-gray-900">λΆμ μμ</h4>
|
| 268 |
-
<p class="text-sm text-gray-500">μλ΅λ₯ , μ νμ¨, κ°μ λΆμ, ν΅ν ν¨ν΄</p>
|
| 269 |
-
</div>
|
| 270 |
-
</div>
|
| 271 |
-
</div>
|
| 272 |
-
</div>
|
| 273 |
</div>
|
| 274 |
|
| 275 |
<!-- Step 3 -->
|
| 276 |
<div class="relative md:flex md:items-center">
|
| 277 |
-
<div class="md:
|
| 278 |
<div class="flex items-center">
|
| 279 |
<div class="flex items-center justify-center h-12 w-12 rounded-full bg-primary text-white font-bold text-lg">3</div>
|
| 280 |
<h3 class="ml-4 text-xl font-bold text-gray-900">μλ μ ν μμ€ν
</h3>
|
| 281 |
-
</div>
|
| 282 |
<p class="mt-4 text-gray-600">
|
| 283 |
κ΄μ¬ κ³ κ° μλ³, λ°©λ¬Έ μΌμ μ‘°μ¨, 리λ§μΈλ λ°μ‘κΉμ§ μλμΌλ‘ μ²λ¦¬νλ μ’
ν© μ ν μμ€ν
.
|
| 284 |
</p>
|
| 285 |
</div>
|
| 286 |
-
<div class="mt-8 md:mt-0 md:w-1/2">
|
| 287 |
-
<div class="bg-white p-6 rounded-xl shadow-md">
|
| 288 |
-
<div class="flex items-center space-x-4">
|
| 289 |
-
<div class="bg-primary bg-opacity-10 p-3 rounded-full">
|
| 290 |
-
<i data-feather="activity" class="text-primary"></i>
|
| 291 |
-
</div>
|
| 292 |
-
<div>
|
| 293 |
-
<h4 class="font-medium text-gray-900">μ ν κΈ°λ₯</h4>
|
| 294 |
-
<p class="text-sm text-gray-500">κ΄μ¬λ νλ¨, μΌμ μ‘°μ , 리λ§μΈλ λ°μ‘</p>
|
| 295 |
-
</div>
|
| 296 |
-
</div>
|
| 297 |
-
</div>
|
| 298 |
-
</div>
|
| 299 |
</div>
|
| 300 |
</div>
|
| 301 |
</div>
|
|
|
|
| 88 |
</div>
|
| 89 |
<div>
|
| 90 |
<h3 class="font-medium text-gray-900">μ€μκ° ν΅ν λ°λͺ¨</h3>
|
| 91 |
+
<p class="text-sm text-gray-500">μ§κΈ λ°λͺ¨λ₯Ό νμΈν΄λ³΄μΈμ</p>
|
| 92 |
</div>
|
| 93 |
</div>
|
| 94 |
<div class="mt-6 space-y-4">
|
|
|
|
| 108 |
<span class="text-red-600">κ²½μμ¬: 1.2μ΄</span>
|
| 109 |
</div>
|
| 110 |
<div class="flex justify-between">
|
| 111 |
+
<span class="text-sm text-gray-500">AI/μΈκ° ꡬλ³</span>
|
| 112 |
+
<span class="text-sm font-medium text-secondary">97%μ μΈκ° μ μ¬λ</span>
|
| 113 |
</div>
|
| 114 |
<div class="h-2 bg-gray-200 rounded-full overflow-hidden">
|
| 115 |
<div class="h-full bg-secondary rounded-full" style="width: 97%"></div>
|
| 116 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 117 |
</div>
|
| 118 |
<button class="mt-6 w-full bg-primary hover:bg-blue-600 text-white py-2 rounded-md text-sm font-medium transition duration-150 ease-in-out">
|
| 119 |
λ°λͺ¨ μμ
|
|
|
|
| 216 |
|
| 217 |
<!-- Step 1 -->
|
| 218 |
<div class="relative mb-16 md:flex md:items-center">
|
| 219 |
+
<div class="md:items-center">
|
| 220 |
<div class="flex items-center">
|
| 221 |
<div class="flex items-center justify-center h-12 w-12 rounded-full bg-primary text-white font-bold text-lg">1</div>
|
| 222 |
<h3 class="ml-4 text-xl font-bold text-gray-900">λ² ν
λ μλ΄μμ²λΌ μ€λ</h3>
|
|
|
|
| 226 |
λΆλ§ μ²λ¦¬ κΈ°μ . μμ°μ€λ¬μ΄ 곡κ°κ³Ό μ΄κ³ μ λ°μ(0.3μ΄)μΌλ‘ κ³ κ°μ μ κ·Ή μ€λν©λλ€.
|
| 227 |
</p>
|
| 228 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 229 |
</div>
|
| 230 |
|
| 231 |
<!-- Step 2 -->
|
| 232 |
+
<div class="relative mb-16 md:flex md:items-center">
|
| 233 |
+
<div class="md:items-center">
|
| 234 |
<div class="flex items-center">
|
| 235 |
<div class="flex items-center justify-center h-12 w-12 rounded-full bg-secondary text-white font-bold text-lg">2</div>
|
| 236 |
<h3 class="ml-4 text-xl font-bold text-gray-900">λ°μ΄ν° κΈ°λ° μ΅μ ν</h3>
|
|
|
|
| 239 |
μλ΅λ₯ λμ μκ°λ λΆμ, ν¨κ³Όμ μΈ λ©νΈ ν¨ν΄ μλ³μ ν΅ν΄ μ νμ¨μ μ§μμ μΌλ‘ ν₯μμν΅λλ€.
|
| 240 |
</p>
|
| 241 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 242 |
</div>
|
| 243 |
|
| 244 |
<!-- Step 3 -->
|
| 245 |
<div class="relative md:flex md:items-center">
|
| 246 |
+
<div class="md:items-center">
|
| 247 |
<div class="flex items-center">
|
| 248 |
<div class="flex items-center justify-center h-12 w-12 rounded-full bg-primary text-white font-bold text-lg">3</div>
|
| 249 |
<h3 class="ml-4 text-xl font-bold text-gray-900">μλ μ ν μμ€ν
</h3>
|
| 250 |
+
</div>
|
| 251 |
<p class="mt-4 text-gray-600">
|
| 252 |
κ΄μ¬ κ³ κ° μλ³, λ°©λ¬Έ μΌμ μ‘°μ¨, 리λ§μΈλ λ°μ‘κΉμ§ μλμΌλ‘ μ²λ¦¬νλ μ’
ν© μ ν μμ€ν
.
|
| 253 |
</p>
|
| 254 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 255 |
</div>
|
| 256 |
</div>
|
| 257 |
</div>
|