-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (137 loc) · 5.06 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
<!DOCTYPE html>
<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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>(7기)Github Page에 멋사 지원할때 작성했던 IT 서비스 소개하기</title>
<!-- favicon -->
<link href="favicon.png" rel=icon>
<!-- web-fonts -->
<link href="https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700" rel="stylesheet">
<!-- font-awesome -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- owl carousal -->
<link href="css/owl.carousel.css" rel="stylesheet">
<!-- Style CSS -->
<link href="css/style.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="main-wrapper">
<!-- Page Preloader -->
<div id="preloader">
<div id="status">
<div class="status-mes"></div>
</div>
</div>
<header class="header">
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="name-wrapper">
<h1 class="name">김윤아</h1>
<span>멋쟁이 사자처럼 7기</span>
</div>
<div class="row">
<div class="col-md-6">
<div class="personal-details">
<strong>학교/전공</strong>
<h4>덕성여자대학교 IT미디어공학과 18학번</h4>
</div>
</div>
<div class="col-md-6">
<div class="personal-details">
<strong>생일</strong>
<h4>1999.02.05</h4>
</div>
</div>
<div class="col-md-6">
<div class="personal-details">
<strong>이메일 주소</strong>
<h4>[email protected] OR [email protected]</h4>
</div>
</div>
<div class="col-md-6">
<div class="personal-details">
<strong>7기의 활동의 시작을 알리는 각오 한마디</strong>
<h4>멋쟁이 사자처럼 성장하자~~!!</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- .header-->
<section class="expertise-wrapper section-wrapper">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="section-title">
<h2>IT 서비스</h2>
</div>
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-6">
<div class="expertise-item">
<h3>All-in-one 건강 관리</h3>
<h4>
자신의 진료 기록을 열람할 수 있는 서비스
<h4>질병에 대한 쉬운 풀이</h4>
</h4>
</div>
</div>
<div class="col-md-6">
<div class="expertise-item">
<h3>재활용 교육 </h3>
<h4>
재활용 방법에 대한 교육 서비스
</h4>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- .row -->
</div>
</section>
<!-- .expertise-wrapper -->
<footer class="footer">
<div class="copyright-section">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="copytext">© MyProfile, All rights reserved | Design By: <a
href="https://themehippo.com">themehippo</a></div>
</div>
</div>
<!--.row-->
</div>
<!-- .container-fluid -->
</div>
<!-- .copyright-section -->
</footer>
<!-- .footer -->
</div>
<!-- #main-wrapper -->
<!-- jquery -->
<script src="js/jquery-2.1.4.min.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!--owl carousal-->
<script src="js/owl.carousel.min.js"></script>
<!--theme script-->
<script src="js/scripts.js"></script>
</body>
</html>