forked from codeit-bootcamp-frontend/3-Weekly-Mission
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (112 loc) · 5.35 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
<!-- <Route path="/" element={<Main />}></Route> -->
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Linkbrary</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css">
<link rel="stylesheet" href="./css/main_desktop.css">
<link rel="stylesheet" href="./css/main_tablet.css">
<link rel="stylesheet" href="./css/main_mobile.css">
<meta name="description" content="세상의 모든 정보를 쉽게 저장하고 관리해 보세요"/>
<!-- facebook -->
<meta property="og:title" content="Linkbrary" />
<meta property="og:description" content="세상의 모든 정보를 쉽게 저장하고 관리해 보세요" />
<meta property="og:image" content="./images/library.png"/>
<meta property="og:url" content="https://junhyuki.netlify.app" />
<!-- twitter -->
<meta property="og:title" content="Linkbrary" />
<meta property="og:description" content="세상의 모든 정보를 쉽게 저장하고 관리해 보세요" />
<meta property="og:image" content="./images/library.png" />
<meta property="og:url" content="https://junhyuki.netlify.app" />
<meta property="og:domain" content="junhyuki.netlify.app"/>
<meta name="twitter:card" content="summary_large_image" />
</head>
<body>
<header>
<nav>
<a class="gotomain" href="./index.html"></a>
<a class="loginbutton" href="./signin.html">로그인</a>
</nav>
</header>
<main>
<div class="content1">
<div class="content1_word_info_text">
세상의 모든 정보<span class="content1_word_info_text_normal_text">를<br> 쉽게 저장하고 관리해보세요</span>
</div>
<a class="signup" href="/signup">
링크 추가하기
</a>
<div class="content1_contents">
<img class="content1_contents_dim" src="./images/image.png">
</div>
</div>
<div class="content2">
<div class="content2_main">
<div class="content2_save_link">
<div class="content2_want_link_normal"><span class="content2_want_link">원하는 링크</span>를<br>저장하세요</div>
<div class="content2_comment">나중에 읽고 싶은 글, 다시 보고 싶은 영상,<br>
사고 싶은 옷, 기억하고 싶은 모든 것을<br>
한 공간에 저장하세요.
</div>
</div>
<div class="content2_comment_sample"></div>
</div>
</div>
<div class="content3">
<div class="content3_main">
<div class="content3_popup">
<div class="content3_popup_img">
<!-- <img src="./images/folder_change_form.png" alt="폴더이름변경하기"> -->
</div>
</div>
<div class="content3_save_folder">
<div class="content3_set_normal">링크를 폴더로<br> <span class="content3_set">관리</span>하세요</div>
<div class="content3_set_comment">나만의 폴더를 무제한으로 만들고 <br>
다양하게 활용할 수 있습니다.
</div>
</div>
</div>
</div>
<div class="content4">
<div class="content4_main">
<div class="content4_save_link">
<div class="content4_set_normal">저장한 링크를<br> <span class="content4_set">공유</span>해 보세요</div>
<div>여러 링크를 폴더에 담고 공유할 수 있습니다. <br>가족, 친구, 동료들에게 쉽고 빠르게 링크를<br>
공유해 보세요.</div>
</div>
<div class="content4_share_folder">
<div class="content4_share_box"></div>
</div>
</div>
</div>
<div class="content5">
<div class="content5_main">
<div class="content5_leftbox">
<div class="content5_leftbox_img"></div>
</div>
<div class="content5_search_link">
<div class="content5_set_normal">저장한 링크를<br> <span class="content5_set">검색</span>해 보세요</div>
<div>중요한 정보들을 검색으로 쉽게 찾아보세요.</div>
</div>
</div>
</div>
</main>
<footer>
<div class="footer_div">
<div class="footer_nav">
<div class="footer_year">©codeit - 2023</div>
<div class="footer_privacy">Privacy Policy</div>
<div class="footer_FAQ">FAQ</div>
<div class="footer_sns">
<a class="footer_facebook" href="https://www.facebook.com"></a>
<a class="footer_twitter" href="https://www.twitter.com"></a>
<a class="footer_youtube" href="https://www.youtube.com"></a>
<a class="footer_instagram" href="https://www.instagram.com"></a>
</div>
</div>
</div>
</footer>
</body>
</html>