Merge pull request #55 from emotigom/part1-안상균-sprint1

[안상균] sprint1
codeit-bootcamp-frontend · Mar 18, 2024 · d5e0c7d · d5e0c7d
2 parents 4dc5dd0 + 64dac13
commit d5e0c7d
Show file tree

Hide file tree

Showing 15 changed files with 409 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -0,0 +1,23 @@
+## 요구사항
+넷틀리파이 링크 https://velvety-haupia-f4c1e8.netlify.app
+### 기본
+
+- 헤더, 배너, 상세, 푸터 작성 [o]
+- 헤더 일부 반응 [o]
+
+### 심화
+
+- 반응형 완벽하지 않음 [x]
+- 위치, 사이즈, 여백 완벽하지 않음 [x]
+
+## 주요 변경사항
+
+- 첫 제출입니다!
+
+## 스크린샷
+
+![판다마켓](https://github.com/emotigom/6-Sprint-Mission/assets/89232159/cc172863-03ad-4b55-a174-243b19e3cd87)
+
+## 멘토에게
+
+- 아무 이미지나 넣었는데.. 스프린트 미션 (figma)에서 가져와야 하나요?
diff --git a/global.css b/global.css
@@ -0,0 +1,35 @@
+* {
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Noto Sans KR', sans-serif;
+
+}
+
+
+@media screen and (min-width: 1920px) {
+    .headerHug {
+        margin: 0 200px;
+    }
+}
+
+@media screen and (max-width: 1920px) {
+    .headerHug {
+        margin: 0 200px;
+    }
+
+}
+
+h1 {
+    font-size: 36px;
+}
+
+h2 {
+    font-size: 18px;
+}
+
+h3 {
+    font-size: 14px;
+    color: #3692FF;
+}
diff --git a/images/banner1.png b/images/banner1.png
diff --git a/images/banner2.png b/images/banner2.png
diff --git a/images/bear.svg b/images/bear.svg
diff --git a/images/clothes.jpg b/images/clothes.jpg
diff --git a/images/facebook.png b/images/facebook.png
diff --git a/images/instagram.png b/images/instagram.png
diff --git a/images/register.jpg b/images/register.jpg
diff --git a/images/search.jpg b/images/search.jpg
diff --git a/images/twitter.png b/images/twitter.png
diff --git a/images/youtube.png b/images/youtube.png
diff --git a/import.css b/import.css
@@ -0,0 +1,2 @@
+@import url("global.css");
+@import url("landing1.css");
diff --git a/index.html b/index.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>판다마켓</title>
+    <link rel="stylesheet" href="import.css">
+</head>
+
+<body>
+    <header class="landingHeader">
+        <div class="headerHug">
+            <a class="container1" href="/">
+                <div class="pandaBack">
+                    <img class="pandaIcon" src="images/bear.svg" alt="홈 아이콘">
+                </div>
+                <p class="pandaName">판다마켓</p>
+            </a>
+
+            <a class="buttonLogin" href="/signin">로그인</a>
+        </div>
+    </header>
+    <section class="bannerTop">
+        <div class="bannerContainer1">
+            <div class="bannertext1">
+                <h1>일상의 모든 물건을<br>
+                    거래해 보세요</h1>
+                <a class="buttonShop1" href="/items">구경하러 가기</a>
+            </div>
+        </div>
+    </section>
+    <section class="main">
+        <section class="landingContainer1">
+            <div class="landingBox1">
+                <img class="landingImg1" src="images/clothes.jpg">
+                </img>
+                <div class="landingText1">
+                    <h3>Hot item</h3>
+                    <h1>인기 상품을<br>
+                        확인해 보세요</h1>
+                    <h2>가장 HOT한 중고거래 물품을<br>
+                        판다 마켓에서 확인해 보세요</h2>
+                </div>
+            </div>
+        </section>
+        <section class="landingContainer2">
+            <div class="landingBox2">
+                <div class="landingText2">
+                    <h3>Search</h3>
+                    <h1>구매를 원하는<br>
+                        상품을 검색하세요</h1>
+                    <h2>구매하고 싶은 물품은 검색에서<br>
+                        쉽게 찾아보세요</h2>
+                </div>
+                <img class="landingImg2" src="images/search.jpg">
+                </img>
+            </div>
+        </section>
+        <section class="landingContainer1">
+            <div class="landingBox1">
+                <img class="landingImg1" src="images/register.jpg">
+                </img>
+                <div class="landingText1">
+                    <h3>Register</h3>
+                    <h1>판매를 원하는<br>
+                        상품을 등록하세요</h1>
+                    <h2>어떤 물건이든 판매하고 싶은 상품을<br>
+                        쉽게 등록하세요</h2>
+                </div>
+            </div>
+        </section>
+    </section>
+    <section class="bannerBottom">
+        <div class="bannerContainer2">
+            <div class="bannertext2"><br><br><br><br><br><br>
+                <h1>믿을 수 있는<br>
+                    판다마켓 중고거래</h1>
+                <!-- <a class="buttonShop" href="/items">구경하러 가기</a> -->
+            </div>
+        </div>
+    </section>
+    <footer class="landingFooter">
+        <div class="copyRight">
+            <p4>@codeit - 2024</p4>
+        </div>
+        <div class="PPnFAQ">
+            <p4><a class="PP" href="/privacy">Privacy Policy</a></p4>
+            <p4><a class="FAQ" href="/faq">FAQ</a></p4>
+        </div>
+        <div class="SNS">
+            <div class="facebook-outer">
+                <a href="http://www.facebook.com" target="_blank">
+                    <img class="facebook-log" src="images/facebook.png" alt="facebook-log"></img></a>
+            </div>
+            <div class="twitter-outer">
+                <a href="http://www.twitter.com" target="_blank">
+                    <img class="twitter-log" src="images/twitter.png" alt="twitter-log"></img></a>
+            </div>
+            <div class="youtube-outer">
+                <a href="http://www.youtube.com" target="_blank">
+                    <img class="youtube-log" src="images/youtube.png" alt="youtube-log"></img></a>
+            </div>
+            <div class="instagram-outer">
+                <a href="http://www.instagram.com" target="_blank">
+                    <img class="instagram-log" src="images/instagram.png" alt="instagram-log"></img></a>
+            </div>
+        </div>
+    </footer>
+</body>
+
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		@import url("global.css");
		@import url("landing1.css");