-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
128 lines (126 loc) · 5.38 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>LinkBrary</title>
<meta property="og:title" content="LinkBrary" />
<meta property="og:description" content="세상의 모든 정보를 쉽게 저장하고 관리해보세요" />
<meta property="og:image" content="./image/library.jpg" />
<meta property="og:url" content="https://codeit-yongmin.netlify.app/" />
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.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">
</head>
<body>
<header>
<nav class="nav-bar">
<a href="./index.html">
<img id="logo" src="./image/logo.svg" alt="LinkBrary 홈으로 가는 로고">
</a>
<div class="sign">
<a href="./signin.html">로그인</a>
</div>
</nav>
</header>
<main>
<article class="intro">
<h2>
<span class="BP-gradation">세상의 모든 정보</span>를<br>
쉽게 저장하고 관리해 보세요
</h2>
<div class="sign">
<a href="/signup.html">링크 추가하기</a>
</div>
<div>
<img src="./image/linkbraryInfo.png" alt="LinkBrary 소개 화면">
</div>
</article>
<section class="detail-page">
<div class="detail-info">
<div class="detail-text">
<span class="CS-gradation gradient">원하는 링크</span>를<br>
저장하세요
</div>
<div class="detail-subtext">
나중에 읽고 싶은 글, 다시 보고 싶은 영상, 사고 싶은 옷, 기억하고 싶은 모든 것을 한 공간에 저장하세요.
</div>
</div>
<div class="card">
<img src="./image/saveLinkImg.png" alt="linkbrary의 링크 저장 시스템 소개">
</div>
</section>
<section class="detail-page">
<div class="card">
<img src="./image/saveFolderImg.png" alt="linkbrary 폴더 저장 시스템 소개">
</div>
<div class="detail-info">
<div class="detail-text">
링크를 폴더로<br>
<span class="BY-gradation gradient">관리</span>하세요
</div>
<div class="detail-subtext">
나만의 폴더를 무제한으로 만들고 다양하게 활용할 수 있습니다.
</div>
</div>
</section>
<section class="detail-page">
<div class="detail-info">
<div class="detail-text">
저장한 링크를<br>
<span class="NG-gradation gradient">공유</span>해보세요
</div>
<div class="detail-subtext">
여러 링크를 폴더에 담고 공유할 수 있습니다. 가족, 친구, 동료들에게 쉽고 빠르게 링크를 공유해 보세요.
</div>
</div>
<div class="card">
<img src="./image/shareFolderImg.png" alt="linkbrary 저장 폴더 공유 시스템 소개">
</div>
</section>
<section class="detail-page">
<div class="card">
<img src="./image/searchImg.png" alt="linkbrary 검색 화면 소개">
</div>
<div class="detail-info">
<div class="detail-text">
저장한 링크를<br>
<span class="PS-gradation gradient">검색</span>해보세요
</div>
<div class="detail-subtext">
중요한 정보들을 검색으로 쉽게 찾아보세요.
</div>
</div>
</section>
<footer class="foot">
<div class="company">
©codeit - 2023
</div>
<div class="foot-center">
<div>
<a href="/privacy.html">Privacy Policy</a>
</div>
<div>
<a href="/faq.html">FAQ</a>
</div>
</div>
<div class="icon-container">
<a href="https://www.facebook.com/?locale=ko_KR" target='_blank'>
<img src="./image/akar-icons_facebook-fill.svg" alt="페이스북 링크">
</a>
<a href="https://twitter.com/?lang=ko" target='_blank'>
<img src="./image/akar-icons_twitter-fill.svg" alt="트위터 링크">
</a>
<a href="https://www.youtube.com/" target='_blank'>
<img src="./image/akar-icons_youtube-fill.svg" alt="유튜브 링크">
</a>
<a href="https://www.instagram.com/" target='_blank'>
<img src="./image/ant-design_instagram-filled.svg" alt="인스타그램 링크">
</a>
</div>
</footer>
</main>
</body>
</html>