Showing
1 changed file
with
17 additions
and
3 deletions
... | @@ -8,21 +8,35 @@ | ... | @@ -8,21 +8,35 @@ |
8 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | 8 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
9 | <title>Check the Holiday</title> | 9 | <title>Check the Holiday</title> |
10 | <link rel="stylesheet" href="../public/css/main.css" type="text/css"> <!--style.css 파일 적용.--> | 10 | <link rel="stylesheet" href="../public/css/main.css" type="text/css"> <!--style.css 파일 적용.--> |
11 | + <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
12 | + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
13 | + <link href="https://fonts.googleapis.com/css2?family=Tiro+Devanagari+Marathi&display=swap" rel="stylesheet"> | ||
14 | + <link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet"> | ||
11 | </head> | 15 | </head> |
12 | <center> | 16 | <center> |
13 | <body> | 17 | <body> |
14 | - <div id="dday"> | 18 | + <div id="title">When is my Holiday?</div> |
19 | + <br><br> | ||
20 | + <div class="wrapper"> | ||
21 | + <div class="circle"> | ||
22 | + <p class="dday"> | ||
23 | + <span> | ||
15 | <h2>오늘로부터 가장 가까운 휴일은</h2> | 24 | <h2>오늘로부터 가장 가까운 휴일은</h2> |
16 | <h1>[<%= data[0] %>]</h1> | 25 | <h1>[<%= data[0] %>]</h1> |
17 | - <h1>D - <%= data[2] %>일</h1> | 26 | + <h1>D - <%= data[2] %></h1> |
18 | <h2><%= data[0] %>의 날짜 : <%= data[1] %></h2> | 27 | <h2><%= data[0] %>의 날짜 : <%= data[1] %></h2> |
28 | + </span> | ||
29 | + </p> | ||
30 | + </div> | ||
19 | </div> | 31 | </div> |
20 | - <div id="activity"> | ||
21 | <h2> <%= data[0] %> 에 추천하는 활동 목록입니다.</h2> <!--recommend activity 추가파트 시작--> | 32 | <h2> <%= data[0] %> 에 추천하는 활동 목록입니다.</h2> <!--recommend activity 추가파트 시작--> |
33 | + <div id="activity"> | ||
34 | + | ||
22 | <h3>1. 가나다</h3> | 35 | <h3>1. 가나다</h3> |
23 | <h3>2. 라마바</h3> | 36 | <h3>2. 라마바</h3> |
24 | <h3>3. 라마바</h3> | 37 | <h3>3. 라마바</h3> |
25 | </div> | 38 | </div> |
39 | + <div id="loading"><div class="spinner"></div></div> | ||
26 | </body> | 40 | </body> |
27 | </center> | 41 | </center> |
28 | </html> | 42 | </html> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or login to post a comment