From 4143a79472a9ed6c3bed388d0f481743509b6f50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=98=B4=E5=A4=A9?= <overcast404@163.com>
Date: Sat, 16 Mar 2024 07:33:35 +0000
Subject: [PATCH] docs: update home

---
 home.html | 111 +++++++++++++-----------------------------------------
 1 file changed, 27 insertions(+), 84 deletions(-)

diff --git a/home.html b/home.html
index f3fa3a6..94d43b6 100644
--- a/home.html
+++ b/home.html
@@ -2,94 +2,37 @@
 title: 欢迎
 description: 
 published: true
-date: 2024-03-16T07:31:13.772Z
+date: 2024-03-16T07:33:32.921Z
 tags: 
 editor: code
 dateCreated: 2024-03-16T07:25:56.956Z
 -->
 
-<div class="app">
-  <div class="cardList">
-    <button class="cardList__btn btn btn--left">
-      <div class="icon">
-        <svg>
-          <use xlink:href="#arrow-left"></use>
-        </svg>
-      </div>
-    </button>
-
-    <div class="cards__wrapper">
-      <div class="card current--card">
-        <div class="card__image">
-          <img src="https://source.unsplash.com/Z8dtTatMVMw" alt="" />
+ <div class="container">
+        <div class="box">
+            <span></span>
+            <div class="content">
+                <h2>Card one</h2>
+                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                <a href="#">Read More</a>
+            </div>
         </div>
-      </div>
 
-      <div class="card next--card">
-        <div class="card__image">
-          <img src="https://source.unsplash.com/9dmycbFE7mQ" alt="" />
-        </div>
-      </div>
-
-      <div class="card previous--card">
-        <div class="card__image">
-          <img src="https://source.unsplash.com/m7K4KzL5aQ8" alt="" />
-        </div>
-      </div>
-    </div>
-
-    <button class="cardList__btn btn btn--right">
-      <div class="icon">
-        <svg>
-          <use xlink:href="#arrow-right"></use>
-        </svg>
-      </div>
-    </button>
-  </div>
-
-  <div class="infoList">
-    <div class="info__wrapper">
-      <div class="info current--info">
-        <h1 class="text name">Highlands</h1>
-        <h4 class="text location">Scotland</h4>
-        <p class="text description">The mountains are calling</p>
-      </div>
-
-      <div class="info next--info">
-        <h1 class="text name">Machu Pichu</h1>
-        <h4 class="text location">Peru</h4>
-        <p class="text description">Adventure is never far away</p>
-      </div>
-
-      <div class="info previous--info">
-        <h1 class="text name">Chamonix</h1>
-        <h4 class="text location">France</h4>
-        <p class="text description">Let your dreams come true</p>
-      </div>
-    </div>
-  </div>
-
-
-  <div class="app__bg">
-    <div class="app__bg__image current--image">
-      <img src="https://source.unsplash.com/Z8dtTatMVMw" alt="" />
-    </div>
-    <div class="app__bg__image next--image">
-      <img src="https://source.unsplash.com/9dmycbFE7mQ" alt="" />
-    </div>
-    <div class="app__bg__image previous--image">
-      <img src="https://source.unsplash.com/m7K4KzL5aQ8" alt="" />
-    </div>
-  </div>
-</div>
-
-<svg class="icons" style="display: none;">
-  <symbol id="arrow-left" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>
-    <polyline points='328 112 184 256 328 400'
-           style='fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:48px' />
-  </symbol>
-  <symbol id="arrow-right" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>
-    <polyline points='184 112 328 256 184 400'
-           style='fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:48px' />
-  </symbol>
-</svg>
\ No newline at end of file
+        <div class="box">
+            <span></span>
+            <div class="content">
+              <h2>Card two</h2>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+              <a href="#">Read More</a>
+            </div>
+          </div>
+          
+          <div class="box">
+            <span></span>
+            <div class="content">
+              <h2>Card Three</h2>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+              <a href="#">Read More</a>
+            </div>
+          </div>
+    </div>
\ No newline at end of file