-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (94 loc) · 5.55 KB
/
index.html
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
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/style.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<meta name="author" content="With Camp" />
<meta name="description" content="With Camp make what you want" />
<meta name="keywords" content="hacakton,startup,programming,community,위드캠프,해커톤" />
<link rel="icon" href="./images/favicon.png" type="image/png"/>
<link rel="shortcut icon" href="./images/favicon.png" type="image/png"/>
<meta property="og:title" content="With Camp" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.withcamp.kr" />
<meta property="og:description" content="With Camp make what you want" />
<meta property="og:image" content="https://scontent.xx.fbcdn.net/v/t1.0-9/13681096_1085321088188950_2513697969000990916_n.jpg?oh=fe3f9af529927ec6ce76cf2f120b71b9&oe=58223D46" />
</head>
<body>
<header>
<div id="WITH-CAMP"><span><a href="http://www.withcamp.kr">WITH CAMP</a></span></div>
<ul class="pull-right">
<li><span class="menu-item">ABOUT</span></li>
<li><span class="menu-item">HISTORY</span></li>
<li><span class="menu-item"><a href="https://www.facebook.com/withcampkr/">FACEBOOK</a></span></li>
</ul>
</header>
<div id="cover-picture">
<img data-img="images/img-about"/>
</div>
<div class="context">
<div class="context-line"></div>
<div class="context-title">WHAT WE DO</div>
<div class="context-content">
<span class="content">
With Camp는 ‘Make What You Want’ 라는 핵심 문구를 내세우며 개발자 디자이너 자발적으로 결성된 무박 2일 하드웨어 해커톤을 운영하는 비영리 단체입니다. 자유로운 개발 환경 아래에서 참가자들이 만들고 싶은 무언가를 만드는 With Camp는 2015년 8월 D-Camp 은행권 청년 창업 재단에서의 첫 행사를 시작으로 힘차게 걸어나가고 있습니다.
</span>
</div>
</div>
<div class="context">
<div class="context-line"></div>
<div class="context-title">OUR MISSION</div>
<div class="context-content">
<span class="content-subject">순수한 메이커 문화 형성</span>
<span class="content">
With Camp는 수익 구조나 논리적인 근거 등을 생각하지 않고, 순수하게 메이킹에 집중할 수 있는 환경을 만들어주고자 합니다. 개발자와 디자이너의 길을 선택하게 된 것은 스스로 만들고 싶은 것을 직접 만들기 위해서 입니다. 하지만 실무에서는 자기가 만들고 싶은 것이 아닌 필요로 하는 것을 만들 수밖에 없습니다. With Camp 는 자신이 좋아하는 것을 만드는데 집중하게 해주어 더욱 자유롭고 창의적인 결과물을 만드는데 목표를 두고 있습니다. 이러한 문화는 결국 개발자와 디자이너의 창의력과 도전 정신을 키워주는 큰 양분이 될 것입니다.
</span>
<br/><br/><br/><br/>
<span class="content-subject">색다른 주제와 환경을 통한 참신한 제품 개발 방향 유도
</span>
<span class="content">
With Camp 는 매번 새로운 주제를 선정하여, 참가자들에게 새로운 주제를 통해 색다른 생각을 할 수 있게 유도합니다. 개발 환경 또한 “한밤의 캠핑”이라는 컨셉을 유지하여 보다 즐거운 환경을 제공하고 있습니다. 이러한 주제와 환경은, 참가자들에게 재미있는 영감을 주는 상징적인 요소로 자리하고 있습니다.
</span>
<br/><br/><br/><br/>
<span class="content-subject">하드웨어-소프트웨어 간의 지식 경험 교류의 장 형성</span>
<span class="content">
참가자들이 함께 프로젝트를 만들어내는 과정을 통하여 하드웨어와 소프트웨어 간의 경계를 허물고 쉽고 즐겁게 지식과 경험을 교류할 수 있는 기회를 지속적으로 만들고자 합니다.
</span>
</div>
</div>
<div class="context">
<div class="context-line"></div>
<div class="context-title">OUR TEAM</div>
<div class="context-content">
<img data-img="images/img-jkh"/>
<img data-img="images/img-ljh"/>
<img data-img="images/img-kjh"/>
<img data-img="images/img-kbr"/>
<img data-img="images/img-khd"/>
<img data-img="images/img-ybk"/>
<img data-img="images/img-wch"/>
<img data-img="images/img-ldm"/>
<img data-img="images/img-kky"/>
</div>
</div>
<div class="context">
<div class="context-line"></div>
<div class="context-title">CONTACT US</div>
<div class="context-content">
<span class="content-subject">[email protected]
</span>
<span class="content">
혹시 궁금한 것이 있으시거나 후원이 하고싶다면 언제든지 연락주세요. 언제나 반가운 마음으로 기다리고 있습니다.
</span>
<br/><br/><br/><br/>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>