Skip to content

Commit 0f4e7ba

Browse files
YooJeong01YooJeong01
committed
[Chore] html, css 기본 세팅
1 parent d91d75a commit 0f4e7ba

File tree

2 files changed

+58
-2
lines changed

2 files changed

+58
-2
lines changed

‎client/index.html

Lines changed: 26 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,10 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>devMart</title>
7+
<link
8+
rel="stylesheet"
9+
href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"
10+
/>
711
<link rel="stylesheet" href="./reset.css" />
812
<link rel="stylesheet" href="./style.css" />
913
<script src="./chapter/utils/type.js"></script>
@@ -14,6 +18,26 @@
1418
<script src="./main.js" defer></script>
1519
</head>
1620
<body>
17-
<p>test</p>
18-
</body>
21+
<header>
22+
<aside class="side-menu"></aside>
23+
<nav>
24+
<ul>
25+
<li><a href="#"></a></li>
26+
<li><a href="#"></a></li>
27+
<li><a href="#"></a></li>
28+
<li><a href="#"></a></li>
29+
</ul>
30+
</nav>
31+
</header>
32+
33+
<div class="self-test"></div>
34+
<main>
35+
<!-- ------------- 지현 ------------------ -->
36+
<section class="list-01"></section>
37+
<section class="list-02"></section>
38+
<section class="list-03"></section>
39+
<section class="list-04"></section>
40+
</main>
41+
<footer></footer>
42+
</body>
1943
</html>

‎client/style.css

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
section {
2+
width: 100%;
3+
max-width: 1520px;
4+
margin: auto;
5+
padding: 0 20px;
6+
padding-top: 140px;
7+
}
8+
:root {
9+
--color-bg: #FFFFFF;
10+
--color-text: #222;
11+
--color-sub-text: #767676;
12+
--color-primary: #007BFF;
13+
--color-secondary: #6C757D;
14+
--color-accent: #FF6B6B;
15+
--color-border: #DDDDDD;
16+
--font-family: "Pretendard", sans-serif;
17+
--transition-speed: 0.3s;
18+
}
19+
@font-face {
20+
font-family: "D2Coding";
21+
src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/D2Coding.woff")
22+
format("woff");
23+
font-weight: normal;
24+
font-style: normal;
25+
}
26+
@font-face {
27+
font-family: "Pretendard";
28+
src: url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/woff2/Pretendard-Bold.woff2")
29+
format("woff2");
30+
font-weight: 700;
31+
font-style: normal;
32+
}

0 commit comments

Comments
 (0)