Update introduction page

@@ -50,4 +50,13 @@ body{
 #menu .me:hover{
     color:#D499B9;
     background-color: #2E294E;
+}
+.container2{
+    width: 80%;
+    height: 600px;
+    margin: 50px 10% 50px 10%;
+    background-color:white;
+    overflow-y:scroll;
+    overflow-x:auto;
+    padding: 10px;
 }
\ No newline at end of file

@@ -24,6 +24,44 @@
                 </li>
             </ul>
         </nav>
-
+        <div class="container2">
+            <h1>적중률 99% 야구 결과 시뮬레이터<br></h1>
+            <p>원하는 팀과 선수로 여러분만의 경기를 만들고 그 결과를 확인하세요!<br><br></p>
+            <h2>About the project<br></h2>
+            <p>저희는 여러분에게 다양한 기능을 제공합니다. 한국의 프로야구 팀 중 두 팀을 사용자가 선택하고, 투수와 타자를 포함한 모든 선수를 사용자가 선출하여 팀을 구성할 수 있습니다.</p>
+            <p>이렇게 두 팀을 구성하게 되면 어느 팀이 이길지, 승률은 얼마인지에 대한 결과를 제공합니다!<br></p>
+            <p>추가적으로, 각 팀의 경기 일정과 경기 관련 영상을 확인하실 수 있습니다!<br><br></p>
+            <h2>Built with</h2>
+            <p>- HTML<br></p>
+            <p>- CSS<br></p>
+            <p>- Javascript<br></p>
+            <p>- Express<br></p>
+            <p>- pm2<br></p>
+            <p>- AWS EC2<br></p>
+            <p>- AWS Route 53<br><br></p>
+            <h2>Getting Started<br></h2>
+            <p>https://2020105636.oss-2021.tk:23023/ 도메인 접속으로 바로 이용 가능합니다.<br><br></p>
+            <h3>로컬 서버를 이용하여 구동하는 방법<br></h3>
+            <p>- Nodejs 설치가 필요합니다. https://nodejs.org/<br><br></p>
+            <h4>(1) 원하는 디렉토리에서 git bash를 열어 다음 코드를 입력하여 clone을 진행합니다.<br></h4>
+            <p>$ git clone http://khuhub.khu.ac.kr/2021-1-open-source/BaseBallSimulator.git<br></p>
+            <h4>(2) ./BaseBallSimulator/의 위치로 이동한 후 다음 코드를 입력하여 필요한 요소들을 설치합니다.<br></h4>
+            <p>$ npm install<br></p>
+            <h4>(3) 다음의 코드를 입력하여 로컬 서버를 구동합니다.<br></h4>
+            <p>$ node server.js<br></p>
+            <h4>(4) localhost:8080 에 접속하시면 시뮬레이터를 이용하실 수 있습니다.<br><br></h4>
+            <h2>Usage<br></h2>
+            <p>- Home 화면에서는 팀 순위와 경기 일정, 그리고 경기 기록이 우수한 선수들과 경기 관련 영상을 확인할 수 있습니다.<br></p>
+            <p>- Introduction 화면<br></p>
+            <p>- Calendar 화면에서는 각 팀의 로고를 클릭하면 해당 팀의 시즌 경기 일정을 확인할 수 있습니다.<br></p>
+            <p>- Simulation 화면<br></p>
+            <p>1) 원정 팀과 홈 팀을 선택하고 각 팀의 1~9번 타자와 선발 투수를 선택합니다.<br></p>
+            <p>2) 시뮬레이션 버튼을 클릭하면 각 이닝별 베이스 상태와 아웃카운트, 스코어 등이 출력되며, 이를 기반으로 예측된 최종 스코어로 승리 팀과 패배 팀을 도출하여 출력합니다.<br></p>
+            <p>3) 승률 예측 버튼을 클릭하면 모의 경기를 몇 번 할 것인지 설정할 수 있고 원정팀과 홈팀 각각의 승리 횟수와 무승부 횟수, 그리고 각 팀의 승리 확률을 출력합니다.<br></p>
+            <h2><br>Contributor<br></h2>
+            <p>- 김건우(2020105583) : 정보 수집 및 전반적인 알고리즘 구축, Javascript<br></p>
+            <p>- 오진혁(2020105636) : 정보 수집 및 서버 구축, Nodejs<br></p>
+            <p>- 정주희(2020105660) : 프론트 및 알고리즘 적용, HTML, CSS, Javascript<br></p>
+        </div>
 </body>
 </html>