webprogramming-codeit/index.html at main · shinyj0/webprogramming-codeit · 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
<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <meta name ="viewport" content="width = device-width, initial-scale=1.0">
    <title>CODE-IT</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>


    <div id ="container">
        <header id ="header1">
            <div id ="logo">
                <a href="index.html">
                    <h1 class="color" style="font-family: 'KCC-Ganpan';">CODE-IT</h1>
                </a>
            </div>
            <nav id="navi">

               <ul id="topMenu">
                   <li><a href="intro.html">학회소개<span>🤍 </span></a></li>
                    <li><a href="activity.html">학회활동<span>🤍 </span></a></li>
                    <li><a href="rule.html">학회 규칙<span>🤍 </span></a></li>
                    <li><a href="login.html">신청서<span>🤍 </span></a></li>
                    <li><a href="assignment.html">과제<span>🤍 </span></a></li>
                <div  id ="div1" style="float: right; margin-right: 5px; ">
                    <li>색상 바꾸기</li>
                   <li> <button id="yellow" >💛</button>  </li>
                    <li> <button id="pink" >❤️</button> </li>
                    <li><button id="skyblue" >💙</button></li>
                </div>

               </ul>


            </nav>

        </header>
    <section>
        <div id ="slideShow">
          <div id="sliders">
            <img src="logo.png">
            <img src="cocoton2.png">
            <img src="ai.png">
            <button id ="before">&lang;</button>
            <button id ="next">&rang;</button>
         </div>
        </div>
        <div id ="contents">
           <div id="tabMenu">
              <input type="radio" id="tab1" name="tabs" checked>
              <label for="tab1">공지사항</label>
              <input type="radio" id="tab2" name="tabs">
              <label for="tab2">스터디 </label>
              <input type="radio" id="tab3" name="tabs">
              <label for="tab3">일정  </label>

              <div id="notice" class="tabContent">
                  <h2>공지사항입니다</h2>
                  <br>
                  <ul>
                      <li>기말고사 기간 쉽니다 </li><br>
                      <li>인공지능 박람회 사전 신청 받습니다. </li><br>
                       <li>mt 사전 조사는 카톡방에 올렸으니 확인부탁드립니다</li><br>
                       <li>방학에는 비대면으로 진행합니다</li><br>
                       <li>문의사항은 운영진에게 해주시기 바랍니다</li>
                  </ul>
              </div>
              <div id="study" class="tabContent">
                  <h2>스터디 개설 현황</h2>
                  <p>신청은  신청서에서 해주시기 바랍니다</p>
                  <ul>
                      <li>html,css,js 스터디(진행) </li><br>
                      <li>인프런 자바 강의 스터디(진행) </li><br>
                       <li>c언어 자료구조 스터디(진행)</li><br>
                       <li>spring 스터디(모집)</li><br>
                       <li>react 스터디(모집)</li>
                  </ul>
              </div>
              <div id="schedule" class="tabContent">
                  <h2 >일정 안내 창입니다</h2>
                  <ul>
                     <li>3월 OT</li><br>
                     <li>5월 인공지능 박람회</li><br>
                     <li>7월 중순 엠티</li><br>
                     <li> 9월 기업탐방</li><br>
                     <li>12월 코코톤 개최</li>
                  </ul>
               </div>

           </div>
           <div id ="snow">
            <img src="snowing.png"  width="60%" height="100%"  >
           </div>
        </div>
    </section>
        <footer id="footer1">
            만든이 :2216356 신예진<br>
            본 저작권은 저작자에게 있습니다.
        </footer>

    </div>
    <script src="image.js"></script>
    <script src="button.js"></script>
</body>
</html>