From c08d96680f2e2aa058c072cf443174d9030d1117 Mon Sep 17 00:00:00 2001 From: valofosho Date: Wed, 21 Aug 2024 18:22:08 +0900 Subject: [PATCH] =?UTF-8?q?docs:=20=EA=B8=B0=EC=A1=B4=20Welcome=20HTML=20&?= =?UTF-8?q?=20CSS=20=EC=82=AD=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit [#77] --- Re-Frontend/src/welcome.css | 125 ----------------------------------- Re-Frontend/src/welcome.html | 41 ------------ 2 files changed, 166 deletions(-) delete mode 100644 Re-Frontend/src/welcome.css delete mode 100644 Re-Frontend/src/welcome.html diff --git a/Re-Frontend/src/welcome.css b/Re-Frontend/src/welcome.css deleted file mode 100644 index f588a2f3..00000000 --- a/Re-Frontend/src/welcome.css +++ /dev/null @@ -1,125 +0,0 @@ -/* 전체 화면 설정 */ -body, html { - margin: 0; - padding: 0; - height: 100%; - font-family: 'Arial', sans-serif; - background-color: #d0d0d0; -} - -/* Flexbox로 레이아웃 설정 */ -body { - display: flex; - flex-direction: column; - height: 100%; -} - -/* 헤더 스타일 */ -header { - display: flex; - justify-content: space-between; - align-items: center; - padding: 10px 20px; - background-color: #6d8d8d; - height: 40px; -} - -header h1 { - margin: 0; /* 기본 여백 제거 */ -} - -header img { - width: 100px; /* 로고 크기 조정 */ - height: auto; /* 비율 유지 */ - margin-top: 10px; -} - -header nav { - display: flex; -} - -header nav a { - margin: 0 15px; - text-decoration: none; - color: #fff; /* 텍스트 색상 */ - font-size: 16px; -} - -header nav a:hover { - color: #ccc; /* 호버 색상 */ -} - -/* 메인 콘텐츠 스타일 */ -main { - display: flex; - justify-content: space-between; - align-items: stretch; /* 높이 동일하게 맞추기 */ - padding: 0px; - flex: 1; /* 메인 영역이 가변적으로 확장되도록 설정 */ -} - -/* 콘텐츠와 사이드 콘텐츠를 6:4 비율로 설정 */ -.content { - width: 60%; /* content의 너비를 60%로 설정 */ - background-color: #f0f0f0; - padding: 20px; - border-radius: 5px; - box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); - display: flex; - flex-direction: column; - justify-content: center; /* 내부 아이템의 위치를 중앙으로 조정 */ - text-align: center; /* 텍스트 가운데 정렬 */ - font-size: 20px; -} - -.side-content { - width: 40%; /* side-content의 너비를 40%로 설정 */ - background-color: #C7D9D9; - color: #fff; - padding: 20px; - border-radius: 5px; - box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); - display: flex; - justify-content: center; /* 가로 중앙 정렬 */ - align-items: center; /* 세로 중앙 정렬 */ - text-align: center; /* 텍스트 가운데 정렬 */ -} - -/* 사이드 콘텐츠의 배경 색상과 텍스트 색상 */ -.side-content { - background-color: #C7D9D9; - color: #fff; -} - -/* 로고 스타일 */ -.logo img { - width: 400px; /* 원하는 크기로 조절 */ - height: auto; /* 비율을 유지하면서 높이를 자동으로 조정 */ - margin: 0 auto; /* 가운데 정렬 */ -} - -/* 버튼 스타일 */ -button { - width: 200px; /* 버튼의 너비 */ - padding: 12px 24px; /* 버튼 내부의 여백 (상하좌우) */ - margin-top: 20px; /* 버튼 위의 여백 */ - font-size: 18px; /* 버튼 텍스트의 크기 */ - color: #fff; /* 텍스트 색상 */ - background-color: #333; /* 버튼 배경 색상 */ - border: none; /* 버튼의 테두리 제거 */ - border-radius: 8px; /* 버튼의 모서리 둥글기 */ - cursor: pointer; /* 커서를 포인터로 변경 */ - transition: background-color 0.3s, transform 0.2s; /* 배경색과 크기 변경 시 부드러운 전환 효과 */ - margin: 10px auto; -} -button:hover { - background-color: #555; -} - -/* 푸터 스타일 */ -footer { - padding: 10px 20px; - background-color: #333; - color: #fff; - text-align: center; -} diff --git a/Re-Frontend/src/welcome.html b/Re-Frontend/src/welcome.html deleted file mode 100644 index bdd60867..00000000 --- a/Re-Frontend/src/welcome.html +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - Sample Website - - - -
-

- Logo -

- -
- -
-
-

👨‍🎓 시험 응시료도 만만찮고, 내가 잘하고 있는지도 모르겠어
- 취업 시장에서 날이 갈수록 중요해지는 영어 시험
- 5분 정도의 테스트로 내가 어느 정도인지 알아보고, 앞으로 어떻게 해야 할지 파악해 보자!
- 하루에 딱 5분! 어떤 주제가 나와도 탄탄한 기본기를 쌓으려면? 모픽으로!

-

지금 바로 로그인하기!

- -
-
- -
-
- - - -