krkd.eco.coding/index.html at master · happydeveloper/krkd.eco.coding · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<html>

<head>
  <title>시공 조아</title>
  <style>
    body {
      background-color: lightgray;
    }

    .body1 {
      color: white;
      background-color: gray;
      display: block;
      margin-bottom: 10px auto;
      width: 100%;
    }

    .image1 {
      width: 100%;
      height: auto;
    }

    ol {
      list-style: none;
      padding-left: 0;
    }

    h2 {
      display: block;
      text-align: center;
      color: black;
      background-color: 33CFCF;
      border: 3px dashed green;
      margin: 5px;
    }

    .float1 {
      background-color: white;
      color: white;
      border: solid black 4px;
      right: 0;
      bottom: 0;
      position: fixed;
      height: 6rem;
      width: 6rem;
      margin: 0;
    }

    #title {
      color: lightgray;
      background-color: black;
      text-align: center;
    }

    .hots_image {
      width: 6rem;
      height: 6rem;
    }
  </style>
</head>

<body>
  <div>
    <h1 id="title">시공 홍보 페이지</h1>
    <ol>
      <h2>
        <li>히오스 소개영상</li>
      </h2>
      <iframe width="100%" height="400" src="https://www.youtube.com/embed/39jIht0Hr6M" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

      <h2>
        <li>영웅 목록</li>
      </h2>
      <p class="body1">이 게임은 4종류의 직업군을 가지고 있습니다. 각 직업군마다 특색이 있어서 다양한 조합으로 게임을 즐길 수 있습니다.
      </p>
      <img class="image1" src="marco_image\hots_worrior.png" alt="worrior">
      <h3>전사</h3>
      <p class="body1">
        전사는 이동 및 전투시 최전선에 서서 상대의 기술공격과 일반공격을 맞아주며 팀원들을 보호하는 역할을 한다.
      </p>

      <img class="image1" src="marco_image\hots_assasin.png" alt="assasin">
      <h3>암살자</h3>
      <p class="body1">
        암살자는 데미지를 넣는 것을 주로 하며, 근접 암살자와 원거리 암살자로 나뉜다.
      </p>

      <img class="image1" src="marco_image\hots_support.png" alt="support">
      <h3>지원가</h3>
      <p class="body1">
        지원가는 아군 영웅들을 스킬을 이용해 보호해주거나 버프를 주는 역할을 한다. 상대를 공격하여 지원하는 경우도 있다.
      </p>

      <img class="image1" src="marco_image\hots_specialist.png" alt="specialist">
      <h3>전문가</h3>
      <p class="body1">
        전문가는 영웅들끼리의 전투 이외에도 다양한 형태의 플레이로 게임을 진행 할 수 있도록 하는 직업군이다.
      </p>

      <h2>
        <li>뭐? 이게임에도 프로게이머가 있다고?</li>
      </h2>
      <a href="https://esports.heroesofthestorm.com/ko-kr/" target="_blank" title="프로리그 보러가기"><img class="image1" src="marco_image\다운로드.jpg" alt="프로리그"></a>
      <P class="body1">우</p>

      <h2>
        <li>공지사항</li>
      </h2>
      <P class="body1">학교 관련 공지사항이 올라옴(개인이 수정 가능하도록 할 예정)</p>
      <h2>
        <li>시험 관련 공지</li>
      </h2>
      <ul class="body1">

      </ul>
    </ol>
  </div>
  <p class="float1"><a href=" http://www.sangmoon.hs.kr/index.do" target="_blank" title="시공조아"><img class="hots_image" src="marco_image\heroes_of_the_storm.png" alt="시공"></a></p>
</body>

</html>