simulation.html 5.39 KB
<!DOCTYPE html>
<html>
<head>
    <title> Simulation </title>
    <link rel="stylesheet" type="text/css"href="simulation.css">
</head>
<body>
    <div class="container1">
        <span class="logo">Welcome to Baseball Simulator</span>
    </div>
    <nav id="menu">
            <ul>
                <li>
                    <a class="me" href="main.html">Home</a>
                </li>
                <li>
                    <a class="me" href="introduction.html">Introduction</a>
                </li>
                <li>
                    <a class="me" href="calendar.html">Calendar</a>
                </li>
                <li>
                    <a class="me" href="simulation.html">Simulation</a>
                </li>
            </ul>
        </nav>
    <div class="container2">
        <div class="a">
            <p class="team">원정팀</p>
        </div>
        <div class="selection">
            <div class="row row1">
                <button type="submit" class="t1">삼성</button>
                <button type="submit" class="t1">NC</button>
                <button type="submit" class="t1">LG</button>
                <button type="submit" class="t1">KT</button>
                <button type="submit" class="t1">SSG</button>
            </div>
            <div class="row row2">
                <button type="submit" class="t1">두산</button>
                <button type="submit" class="t1">키움</button>
                <button type="submit" class="t1">KIA</button>
                <button type="submit" class="t1">한화</button>
                <button type="submit" class="t1">롯데</button>
            </div>
        </div>
        <div class="tb">
            <table>
                <tbody>
                    <tr>
                        <td>1번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>2번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>3번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>4번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>5번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>6번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>7번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>8번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>9번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>선발 투수</td><td>-</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="container3">
        <div class="l">
            <img src="pngs/dusan.png" class="vs"  style="margin:0px 0px 0px 50px;">
        </div>
        <div class="l">
            <p id="vss">VS</p>
        </div>
        <div class="l">
            <img src="pngs/kia.png" class="vs">
        </div>
        <div class="simul">
            <div class="but">
                <button type="submit" class="simulbtr">시뮬레이션</button>
            </div>
            <div class="result">

            </div>
        </div>
    </div>
    <div class="container4">
        <div class="a">
            <p class="team">홈팀</p>
        </div>
        <div class="selection">
            <div class="row row1">
                <button type="submit" class="t2">삼성</button>
                <button type="submit" class="t2">NC</button>
                <button type="submit" class="t2">LG</button>
                <button type="submit" class="t2">KT</button>
                <button type="submit" class="t2">SSG</button>
            </div>
            <div class="row row2">
                <button type="submit" class="t2">두산</button>
                <button type="submit" class="t2">키움</button>
                <button type="submit" class="t2">KIA</button>
                <button type="submit" class="t2">한화</button>
                <button type="submit" class="t2">롯데</button>
            </div>
        </div>
        <div class="tb">
            <table>
                <tbody>
                    <tr>
                        <td>1번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>2번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>3번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>4번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>5번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>6번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>7번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>8번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>9번 타자</td><td>-</td>
                    </tr>
                    <tr>
                        <td>선발 투수</td><td>-</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>
</html>