-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (139 loc) · 5.43 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
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
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE HTML>
<html>
<head>
<title>Sogang Univ Tensorflow </title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap" rel="stylesheet">
</head>
<body class="landing is-preload">
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="/">Sogang Univ Tensorflow </a> </h1>
<nav id="nav">
<ul>
<li><a href="/">Home</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<h2>코로나-19 의료지원 솔루션</h2>
<p>AI를 활용해 의료인력 부족 문제를 해결 할수 있습니다.</p>
<ul class="actions special">
<li><a href="/x_ray" class="button primary">Pneumonia Detect</a></li>
<li><a href="/webcam" class="button">Mask Detect</a></li>
</ul>
</section>
<!-- Main -->
<section id="main" class="container">
<section class="box special">
<header class="major">
<h2>AI(지능형) 의료 보조 솔루션
<br /> WEB & Mobile 지원 </h2>
<p>AI를 이용해 신속한 의료대응 지원
무인화된 인원 통제 및 관리가 가능해집니다.
</p>
</header>
<span class="image featured"><img src="images/pic01.jpg" id="pic01" height="300" style="filter:drop-shadow(8px 8px 10px gray);filter:opacity(40%);filter: brightness(20%); filter:grayscale(100%);" alt="" /></span>
</section>
<section class="box special features">
<div class="features-row">
<section>
<span class="icon solid major fa-user-friends accent2"></span>
<h3>인건비절감
</h3>
<p> AI가 담당하여 의료 인력 부족 문제를 해결할 수 있다.</p>
</section>
<section>
<span class="icon solid major fa-clock accent3"></span>
<h3>시간 단축
</h3>
<p>대략적인 문제 상황 파악에 걸리는 시간이 단축된다.
</p>
</section>
</div>
<div class="features-row">
<section>
<span class="icon solid major fa-won-sign accent4"></span>
<h3>적은 유지비
</h3>
<p>서버 비용 이외에 추가로 들어가는 비용이 없다.
</p>
</section>
<section>
<span class="icon solid major fa-eye accent5"></span>
<h3>자동화</h3>
<p>AI를 이용한 자동화로 사람의 실수를 줄이고 운영이 더 편리해 진다.</p>
</section>
</div>
</section>
<div class="row">
<div class="col-6 col-12-narrower">
<section class="box special">
<span class="image featured"><img src="images/pic02.jpg" alt="" /></span>
<h3>Pneumonia Detect</h3>
<p>
- 전문의에게 분류 모델이 도움을 주어 시간 단축<br />
- 폐렴 여부를 신속하게 진단하여 판단에 도움<br />
</p>
<ul class="actions special">
<li><a href="/x_ray/" class="button alt">시작</a></li>
</ul>
</section>
</div>
<div class="col-6 col-12-narrower">
<section class="box special">
<span class="image featured"><img src="images/pic03.jpg" alt="" /></span>
<h3>MASK Detect</h3>
<p>- AI를 통한 24시간 마스크 착용 및 열감지 측정<br />
- QR코드를 통한 전자 출입 기록 및 이동 경로 확보</p>
<ul class="actions special">
<li><a href="/webcam" class="button alt">시작</a></li>
</ul>
</section>
</div>
</div>
</section>
<!-- CTA -->
<section id="cta">
<h2>문의하기</h2>
<p>문의내용을 작성하여 주시면 빠른 시일 내에 답변드릴 수 있도록 하겠습니다</p>
<form>
<div class="row gtr-50 gtr-uniform">
<div class="col-8 col-12-mobilep">
<input type="email" name="email" id="email" placeholder="Email Address" />
</div>
<div class="col-4 col-12-mobilep">
<input type="submit" value="등록" class="fit" />
</div>
</div>
</form>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon brands fa-google-plus"><span class="label">Google+</span></a></li>
</ul>
<ul class="copyright">
<li>© Running Machine Team. All rights reserved.</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>