Merge pull request #9 from waterkail/part1-이현승-week2

[이현승] Week2
codeit-bootcamp-frontend · Feb 25, 2024 · c0cffad · c0cffad
2 parents 4dc5dd0 + 1e048f3
commit c0cffad
Show file tree

Hide file tree

Showing 27 changed files with 1,072 additions and 0 deletions.
diff --git a/2Weekly Mission/Index.html b/2Weekly Mission/Index.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link href="Linkbrarystyle.css" rel="stylesheet" />
+    <link
+      rel="stylesheet"
+      as="style"
+      crossorigin
+      href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"
+    />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Abel&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Acme&display=swap"
+      rel="stylesheet"
+    />
+    <title>Linkbrary</title>
+  </head>
+  <body>
+    <header class="gnb">
+      <div class="logoin">
+        <img src="landing/logo.svg" alt="logo" />
+        <a href="./signin.html" class="cta">로그인</a>
+      </div>
+    </header>
+    <main>
+      <div class="content1">
+        <div class="container1">
+          <h2>
+            <span>세상의 모든 정보</span>를<br />
+            쉽게 저장하고 관리해 보세요
+          </h2>
+          <a href="./signup.html" class="cta link">링크 추가하기</a>
+          <div class="image-box1">
+            <img src="./landing/image 25.png" alt="소개 이미지" />
+          </div>
+        </div>
+      </div>
+      <div class="content2">
+        <div class="frame">
+          <div class="ad-text">
+            <h3>
+              <span class="adText-deco1">원하는 링크</span>를<br />
+              저장하세요
+            </h3>
+            <p>
+              나중에 읽고 싶은 글, 다시보고 싶은 영상, 사고 싶은 옷, 기억하고 싶은 모든 것을 한 공간에 저장하세요.
+            </p>
+          </div>
+          <div class="ad-image">
+            <div class="image1"><img src="landing/1번 이미지.PNG" alt="1번이미지"></div>
+          </div>
+        </div>
+      </div>
+      <div class="content2">
+        <div class="frame">
+          <div class="ad-image">
+            <div class="image2"><img src="landing/디스크립션 없는 팝업 1.png" alt="2번이미지"></div>
+          </div>
+          <div class="ad-text">
+            <h3>
+              링크를 폴더로<br />
+              <span class="adText-deco2">관리</span>하세요
+            </h3>
+            <p>나만의 폴더를 무제한으로 만들고 다양하게 활용할 수 있습니다.</p>
+          </div>
+        </div>
+      </div>
+      <div class="content2">
+        <div class="frame">
+          <div class="ad-text">
+            <h3>
+              저장한 링크를<br />
+              <span class="adText-deco3">공유</span>해 보세요.
+            </h3>
+            <p>
+              여러 링크를 폴더에 담고 공유할 수 있습니다. 가족, 친구, 동료들에게
+              쉽게 빠르게 링크를 공유해 보세요.
+            </p>
+          </div>
+          <div class="ad-image ad3">
+            <div class="image3">
+              <img src="landing/폴더 공유하기 팝업 1.png" alt="이미지 3">
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="content2">
+        <div class="frame">
+          <div class="ad-image ad4">
+            <div class="image4">
+              <img src="landing/스크린샷 2023-03-17 오후 3.22 1.png" alt="4번 이미지">
+            </div>
+          </div>
+          <div class="ad-text">
+            <h3>저장한 링크를<br /><span class="adText-deco4">검색</span>해 보세요</h3>
+            <p>중요한 정보를 검색으로 쉽게 찾아보세요.</p>
+          </div>
+        </div>
+    </main>
+    <footer>
+      <div class="under-bar">
+        <div>©codeit - 2023</div>
+        <div class="Ugrid1">
+          <a href="./privacy.html">Privacy Policy</a>
+          <a href="./faq.html">FAQ</a>
+        </div>
+        <div class="Ugrid2">
+          <a href="https://www.facebook.com/" target="_blank">
+            <img src="./landing/akar-icons_facebook-fill.svg" alt="페이스북" />
+          </a>
+          <a href="https://twitter.com/" target="_blank">
+            <img src="./landing/akar-icons_twitter-fill.svg" alt="트위터X" />
+          </a>
+          <a href="https://www.youtube.com/" target="_blank">
+            <img src="./landing/akar-icons_youtube-fill.svg" alt="유튜브" />
+          </a>
+          <a href="https://www.instagram.com/" target="_blank">
+            <img
+              src="./landing/ant-design_instagram-filled.svg"
+              alt="인스타그램"
+            />
+          </a>
+        </div>
+      </div>
+    </footer>
+  </body>
+</html>