comeagain_hp/index.html at master · heoyongun/comeagain_hp · 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">

    <title>또와 소프트웨어와 놀자|모두를 위한 소프트웨어 교육</title>

    <!-- Bootstrap core CSS -->
    <link href="./css/bootstrap.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="./css/style.css" rel="stylesheet">
</head>

<body>
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
                <a class="navbar-brand em-text" href="#">또와 SW 교육</a>
            </div>
            <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="./about.html">About</a></li>
                    <li><a href="./resume.html">Resume</a></li>
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
    </nav>

    <div class="jumbotron">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h1>또와 <span class="em-text">SW Education</span></h1>
                    <p>아이들이 쉽게 이해하고 재미있는 창의적 도구로 소프트웨어를 경험하고, 학부모에게는
                        소프트웨어 교육의 장기적인 가이드라인을 제시하기 위해 [소프트웨어 공부방] 를 운영하고 있습니다.</p>
                    <!--
                    <a href="https://itunes.apple.com/app/rocket-chat/id1148741252"><img class="app-btn" src="./img/icon_app_store.png" alt=""></a>
                    <a href="https://play.google.com/store/apps/details?id=chat.rocket.android"><img class="app-btn" src="./img/icon_google_play.png" alt=""></a> -->
                </div>
                <div class="col-md-6">
                    <img class="showcase-img" src="./img/site_phone.png" alt="">
                </div>
            </div>
        </div>
    </div>

    <section id="middle">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <img src="./img/carousel/arduino_02.jpg" alt="" class="demo">
                    <h2>세상에서 제일 쉬운 소프트웨어.</h2>
                    <p>엔트리, 스크레치, 앱인벤터를 통해서 세상에서 제일 쉽고 편안한 소프트웨어 교육을 수행 합니다.</p>
                    <a href="./about.html" class="btn btn-default">Read more</a>
                </div>
                <div class="col-md-4">
                    <img src="./img/edu2.jpg" alt="" class="demo">
                    <h2>소프트웨어 와 사물을 연결.</h2>
                    <p>소프트웨어와 소형컴퓨터를 사용 어린이의 눈높이에서 기계를 제어 하고 만들어 가는 기초 메이커 교육</p>
                    <a href="./about.html" class="btn btn-default">Read more</a>
                </div>
                <div class="col-md-4">
                    <img src="./img/carousel/3D_03.jpg" alt="" class="demo">
                    <h2>소프트웨어 + 아두이노 + 3D 프린터 교육.</h2>
                    <p>소프트웨어를 학생이 디자인하고 상상한 이미지를 3D프린터로 출력+연결 해서 학생의 입장에서 세상을 만들어 갑니다.</p>
                    <a href="./about.html" class="btn btn-default">Read more</a>
                </div>
            </div>
        </div>
    </section>

    <div class="map">
        <div id="daumRoughmapContainer1512314122222" class="root_daum_roughmap root_daum_roughmap_landing" style="width: 100%; z-index: -1; margin-top: -1px;"></div>
        <script charset="UTF-8" class="daum_roughmap_loader_script" src="https://spi.maps.daum.net/imap/map_js_init/roughmapLoader.js"></script>

        <!-- 3. 실행 스크립트 -->
        <script charset="UTF-8">
        	new daum.roughmap.Lander({
        		"timestamp" : "1512314122222",
        		"key" : "kq74",
        		"mapWidth" : "100%",
        		"mapHeight" : "100%"
        	}).render();
        </script>

    </div>

    <section id="feature">
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <h1>또와 소프트웨어 교육.</h1>
                    <ul>
                        <li><i class="glyphicon glyphicon-ok"></i> 2018년 초중등교육 SW 정규과정 교육 수행</li>
                        <li><i class="glyphicon glyphicon-ok"></i> 3D 프린터와 다양한 장비를 통한 효과적 실습</li>
                        <li><i class="glyphicon glyphicon-ok"></i> 상상력과 창의력을 키워주는 교육</li>
                        <li><i class="glyphicon glyphicon-ok"></i> 디지털 사회에 적합한 능력과 인성 교육</li>
                    </ul>
                </div>
                <div class="col-md-4 col-md-offset-2">
                    <img class="big-logo" src="./img/logo.png" alt="">
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-xs-12">
                    <ul>
                        <li><strong>ADDRESS </strong> 경기 의정부시 용민로7번길 54 (우)11784 </li>
                        <li><strong>PHONE </strong><a href="tel:010-9005-9201">010-9005-9201</a></li>
                    </ul>

                </div>
                <div class="col-md-6 col-xs-12">
                    <p>또와교육, Inc. All rights reserved.</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="./js/bootstrap.js"></script>
</body>

</html>