empathy-official.github.io/index.html at master · empathy-official/empathy-official.github.io · 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
---
title: 공감 - 공간에 감성을 더하다
description:
---
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+KR" rel="stylesheet">
<style>
    div {
        font-family: 'Noto Sans KR', sans-serif;
    }
</style>

<section class="hero">
	<div class="text-container">
		<h1 class="editable">'<strong>공감</strong> - 공간에 감성을 더하다'</h1>
		<p class="subtext editable">당신의 공간의 감성을 기록하세요</p>
		<div class="cta button alt"><a href="https://play.google.com/store/apps/details?id=com.empathy.empathy_android">Android Download</a></div>
        <div class="cta button alt"><a href="https://itunes.apple.com/kr/app/id1441880090">iOS Download</a></div>
		<div>
			<img src="/images/app_demo1.png" alt="Screenshot" width="207" height="368" class="screenshot editable" />
            <img src="/images/app_demo2.png" alt="Screenshot" width="207" height="368" class="screenshot editable" />
		</div>
	</div>
</section>

<div class="content">
	<section>
		<div class="container flex">
			<div class="text editable">
				<h2>나의 공간 여정을 <strong>기록</strong> 해보세요.</h2>
				<p> 공감 카메라의 감성 필터들을 사용하여 나만의 여정 기록을 쌓을 수 있습니다. </p>
			</div>
			<div class="image">
				<img src="/images/app_demo3.png" alt="Screenshot" width="207" height="368" class="screenshot editable" />
			</div>
		</div>
	</section>

	<section>
		<div class="container flex">
			<div class="text editable">
				<h2><strong>소상공인, 공연/예술가들과의 제휴</strong>를 통해 더욱 풍부해진 공간의 감성을 만나보세요!</h2>
				<p>서울특별시의 숨겨진 맛집, 공연/예술 콘텐츠를 실시간으로 받아볼 수 있습니다.</p>
			</div>
			<div class="image">
				<img src="/images/app_demo4.png" alt="Screenshot" width="207" height="368" class="screenshot editable" />
			</div>
		</div>
	</section>

<!--
	<section>
		<div class="container flex">
			<div class="text editable">
				<h2>How can I <strong>forecast</strong> the next 90 days?</h2>
				<p>Hydra learns your business. By analyzing your sales data, Hydra optimizes your sales process and show you where you should be spending your resources.</p>
			</div>
			<div class="image">
				<img src="/images/dashboard.png" alt="Screenshot" class="screenshot editable" />
			</div>
		</div>
	</section>

	<section class="testimonial">
		<div class="container flex">
			<div class="testimonial-block">
				<div class="square-image"><img src="https://source.unsplash.com/6anudmpILw4/600x400" alt="Jim James" class="editable"></div>
				<blockquote>
					<p class="editable">Hydra has shaped the business we have today. We have a repeatable sales process and a strategy to scale our team. I recommend Hydra to any business looking to improve their sales.</p>
					<p class="editable author">Jim James - CEO of Global Corp.</p>
				</blockquote>
			</div>
		</div>
	</section>
-->

	<section class="bottom-cta">
		<h2 class="editable">당신의 <strong>감성</strong>을 기록하세요.</h2>
		<div class="button alt"><a href="/policy/">Download App</a></div>
	</section>
</div>