-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
219 lines (210 loc) · 12.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="./CarrotMarket.css" />
<title>당신 근처의 당근</title>
</head>
<body>
<header>
<div class="logo">
<svg width="65" height="36" viewBox="0 0 65 36" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_47_13130)"><path d="M9.23186 11.6511C4.1335 11.6511 0 15.6932 0 20.7962C0 27.847 9.25838 31.5884 9.23186 31.5783C9.20661 31.5884 18.4637 27.847 18.4637 20.7962C18.4637 15.6969 14.3302 11.6511 9.23186 11.6511ZM9.23186 24.4985C8.54053 24.498 7.86486 24.2924 7.2903 23.9079C6.71573 23.5233 6.26807 22.977 6.00391 22.338C5.73975 21.6991 5.67096 20.9961 5.80623 20.318C5.9415 19.6399 6.27476 19.0171 6.76388 18.5285C7.25299 18.0398 7.87599 17.7072 8.55411 17.5726C9.23223 17.438 9.93502 17.5076 10.5736 17.7725C11.2122 18.0374 11.7579 18.4857 12.1418 19.0608C12.5256 19.6359 12.7304 20.3119 12.7301 21.0034C12.731 21.4632 12.6411 21.9187 12.4656 22.3437C12.2901 22.7687 12.0325 23.1549 11.7075 23.4802C11.3825 23.8055 10.9966 24.0634 10.5718 24.2392C10.1469 24.415 9.69161 24.5053 9.23186 24.5048V24.4985Z" fill="#FF6F0F"></path><path d="M11.3103 0C9.15573 0 7.6554 1.50565 7.41923 3.28415C4.54738 2.4909 2.29688 4.67359 2.29688 7.07354C2.29688 8.9114 3.55978 10.3956 5.24324 10.8781C6.60087 11.2659 9.04586 10.9766 9.04586 10.9766C9.03323 10.383 9.58007 9.73118 10.4237 9.13751C12.8232 7.44996 14.6999 6.65419 14.9891 4.35276C15.2922 1.94523 13.5052 0 11.3103 0Z" fill="#00A05B"></path><path d="M36.7873 14.8305C34.8374 15.4431 31.4616 15.769 28.2905 15.769V11.9114H34.8399V9.03906H24.7783V18.8208C30.2808 18.8208 35.0849 18.1576 37.1132 17.5298L36.7873 14.8305Z" fill="#FF6F0F"></path><path d="M41.4104 7.89453H37.9033V19.1402H41.4104V15.6148H44.2393V12.5467H41.4104V7.89453Z" fill="#FF6F0F"></path><path d="M34.8969 19.1138C31.1814 19.1138 28.4561 21.1613 28.4561 24.1663C28.4561 27.1713 31.1839 29.2188 34.8969 29.2188C38.6098 29.2188 41.3377 27.17 41.3377 24.1663C41.3377 21.1626 38.6124 19.1138 34.8969 19.1138ZM34.8969 26.4058C33.2223 26.4058 31.9657 25.6025 31.9657 24.1613C31.9657 22.72 33.2223 21.9179 34.8969 21.9179C36.5715 21.9179 37.8281 22.7213 37.8281 24.1613C37.8281 25.6012 36.5728 26.4058 34.8969 26.4058Z" fill="#FF6F0F"></path><path d="M51.0698 20.6055H47.4844V28.2133H61.735V25.202H51.0698V20.6055Z" fill="#FF6F0F"></path><path d="M61.2902 8.83301H47.3224V11.8443H57.7692C57.7692 12.5921 57.8046 14.3706 57.4623 16.3916H44.6514V19.5065H64.1002V16.3966H60.6347C61.0995 13.8426 61.2321 11.8519 61.2902 8.83301Z" fill="#FF6F0F"></path></g><defs><clipPath id="clip0_47_13130"><rect width="64.1053" height="36" fill="white"></rect></clipPath></defs></svg>
</div>
<div class="menu-container">
<p class="menu">중고거래</p>
<p class="menu">동네업체</p>
<p class="menu">알바</p>
<p class="menu">부동산 직거래</p>
<p class="menu">중고차 직거래</p>
</div>
<div class="search-container">
<input class="search" placeholder=" 물품이나 동네를 검색해보세요">
<button class="chat">채팅하기</button>
</div>
</header>
<main>
<section class="first">
<!-- 가운데 5개 중에 1번 블록 (예은) -->
<div class="first-box">
<h1 class="first-title">당신 근처의</br>지역 생활 커뮤니티</h1>
<p class="first-text">동네라서 가능한 모든 것</br>당근에서 가까운 이웃과 함께해요.</p>
<div class="buttons">
<button class="downloading"> <img class="download-icon" src="https://d1unjqcospf8gs.cloudfront.net/assets/home/base/header/google-play-white-0531cab5dbe15262e226cfb4acebeb316708ae0034d50b86ad4d809a03b6f5f0.svg">Google Play</button>
<button class="downloading"> <img class="download-icon" src="https://d1unjqcospf8gs.cloudfront.net/assets/home/base/header/apple-store-white-9ebb10b431c549dd19f032f70e6762df307939b5add030265d9c2dea888b2d03.svg">App Store</button>
</div>
</div>
<img class="first-image" src="./img_body/본문1.jpg">
</section>
<section class="second-back">
<div class="second">
<div class="second-box-first">
<img class="second-image" alt="우리동네 중고 직거래 사진" src="./img_body/본문2.jpg" />
</div>
<div class="second-box-second">
<p class="service-title">
중고거래
</p>
<h1 class="home-main-title">믿을만한<br>이웃 간 중고거래</h1>
<p class="service-desc">
동네 주민들과 가깝고 따뜻한 거래를<br>지금 경험해보세요.
</p>
<div class="home-buttons">
<a class="home-button button-text">인기매물 보기</a><br>
<a class="home-button button-text">믿을 수 있는 중고거래</a>
</div>
</div>
</div>
</section>
<section class="third-back">
<div class="third">
<div class="third-box-first">
<img class="third-image" alt="우리동네 중고 직거래 사진" src="./img_body/본문3.jpg" />
</div>
<div class="third-box-second">
<p class="service-title">
동네생활
</p>
<h1 class="home-main-title">이웃만 아는<br>동네 정보와 이야기</h1>
<p class="service-desc">
우리동네의 다양한 정보와 이야기를<br>공감과 댓글로 나누어요.
</p>
<div class="third-image-list">
<ul class="home-story-list">
<li class="home-story-list-item">
<img class="third-image-first" src="https://d1unjqcospf8gs.cloudfront.net/assets/home/main/rebranded-icon-story-1-f7be38c51a389f415e9c0ae94294a80d10a744c3006a2e3a5978c11f8fc8d5d5.svg">
<div class="third-image-text">동네모임</div>
<div class="item-desc">근처 이웃들과 동네<br>이야기를 해보세요.</div>
</li>
<li class="home-story-list-item">
<img class="third-image-second" src="https://d1unjqcospf8gs.cloudfront.net/assets/home/main/rebranded-icon-story-2-5611a1d6fccb1e6b28adac130948d9701358f94fe7eb31daa224493bbd875c36.svg">
<div class="third-image-text">동네질문</div>
<div class="item-desc">궁금한 게 있을 땐<br>이웃에 물어보세요.</div>
</li>
<li class="home-story-list-item">
<img class="third-image-third" src="https://d1unjqcospf8gs.cloudfront.net/assets/home/main/rebranded-icon-story-3-5a01573654c91fafeb8253238bac8a718edb7fdf3e49ce8b1a7b89c4aebc6f61.svg">
<div class="third-image-text">동네분실센터</div>
<div class="item-desc">무언가를 잃어버렸다면<br>글을 올려보세요.</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section fourth-back>
<div class="fourth">
<div class="fourth-box-first">
<img class="fourth-image" alt="우리동네 중고 직거래 사진" src="./img_body/본문4.jpg" />
</div>
<div class="fourth-box-second">
<p class="service-title">
알바
</p>
<h1 class="home-main-title">걸어서 10분!<br>동네 알바 구하기</h1>
<p class="service-desc">
당근하듯 쉽고, 편하게<br>당근 알바로 동네 알바를 구할 수 있어요.
</p>
<div class="home-buttons">
<a class="home-button button-text">내근처 알바 보기</a>
</div>
</div>
</div>
</section>
<section class="last">
<div class="last-content">
<div class="last-image-part">
<img srcset="https://d1unjqcospf8gs.cloudfront.net/assets/home/main/3x/image-business-cc45c805de4a639e259aea606640042d09bccf358e8d20f50af325dd994aceef.webp " class="last-image" loading="lazy" alt="내 근처에서 찾는 동네업체" src="https://d1unjqcospf8gs.cloudfront.net/assets/home/main/3x/image-business-cc45c805de4a639e259aea606640042d09bccf358e8d20f50af325dd994aceef.webp">
</div>
<div>
<p class="service-title"> 동네업체 </p>
<h1 class="home-main-title">
내 근처에서 찾는
<br>
동네업체
</h1>
<p class="service-desc">
이웃들의 추천 후기를 확인하고
<br>
동네 곳곳의 업체들을 찾을 수 있어요.
</p>
<div class="home-button">
<p id="town-link-button" class="ga-click home-button button-text">당근 동네업체 보기</a>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="total-footer">
<section class="upside">
<section class="download">
<div id="app-download"><b>당근 앱 다운로드</b></div>
<div class="appstore">
<img class="storeimage" src="./img_body/applestore.png" />
<img class="storeimage" src="./img_body/googlestore.png" />
</div>
</section>
<nav class="total-navigation">
<ul class="nav-list">
<li class="nav-list-detail">중고거래</li>
<li class="nav-list-detail">동네업체</li>
<li class="nav-list-detail">당근알바</li>
<li class="nav-list-detail">부동산 직거래</li>
<li class="nav-list-detail">중고차 직거래</li>
</ul>
<ul class="nav-list">
<li class="nav-list-detail">당근비즈니스</li>
<li class="nav-list-detail">채팅하기</li>
</ul>
<ul class="nav-list">
<li class="nav-list-detail">자주 묻는 질문</li>
<li class="nav-list-detail">회사 소개</li>
<li class="nav-list-detail">인재 채용</li>
</ul>
</nav>
</section>
<section class="downside">
<section class="company-information">
<section class="real-information">
<div class="ceo">
<b>대표</b> 김용현, 황도연 <b>| 사업자번호</b> 375-87-00088
</div>
<div class="job-info-notice">
<b>직업정보제공사업 신고번호</b> J1200020200016
</div>
<address>
<div class="geo-location">
<b>주소</b> 서울특별시 구로구 디지털로30길 28,
609호(당근서비스)
</div>
<div class="contact">
<b>전화</b> 1544-9796 <b>| 고객문의</b> [email protected]
</div>
</address>
</section>
<section class="inquire">
<div class="inquire-detail">제휴 문의</div>
<div class="inquire-detail">광고 문의</div>
<div class="inquire-detail">PR 문의</div>
<div class="inquire-detail">IR 문의</div>
</section>
</section>
<section class="icon">
<img class="sns-icon" src="./img_body/facebookicon.png" />
<img class="sns-icon" src="./img_body/instagramicon.png" />
<img class="sns-icon" src="./img_body/youtubeicon.png" />
<img class="sns-icon" src="./img_body/blogicon.png" />
<img class="lang-change" src="./img_body/langchange.png" />
</section>
<section class="rules">
<div class="rules-detail">이용약관</div>
<div class="rules-detail">개인정보처리방침</div>
<div class="rules-detail">위치기반서비스 이용약관</div>
<div class="rules-detail">이용자보호 비전과 계획</div>
<div class="rules-detail">청소년보호정책</div>
</section>
</section>
</div>
</footer>
</body>
</html>