-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbbom.html
More file actions
252 lines (211 loc) · 18.9 KB
/
bbom.html
File metadata and controls
252 lines (211 loc) · 18.9 KB
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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<link href="bbom_main.css" rel="stylesheet">
<title>CSS | Google Fonts</title>
<style>
@import url(http://fonts.googleapis.com/earlyaccess/hanna.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
.hn {font-family: 'Hanna';}
.nbs {font-family: 'Nanum Brush Script';}
.ng {font-family: 'Nanum Gothic';}
.ngc {font-family: 'Nanum Gothic Coding';}
.nm {font-family: 'Nanum Myeongjo';}
.nps {font-family: 'Nanum Pen Script';}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<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" href="#page-top">SPRING PERSON</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li class="page-scroll">
<a href="#portfolio">profile</a>
</li>
<li class="page-scroll">
<a href="#about">About</a>
</li>
<li class="page-scroll">
<a href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<br><br><br>
<a name="page-top" class="none">
<div class="jumbotron" name="portfolio">
<center>
<img src="https://lh3.googleusercontent.com/QBCC_Qs3PS-vDS6U_sBmngt9BSxZxGvzY63KzBPxCtmp9bnk7sxbDyhaGs393E-DzR_cFgYIWrtZ2a7Emm3zgEIME-FxJAGBPQdsOMs-BL_iY7tJDDlWU0UpcPTDYq2ichQJSmy45AvcwvY7AAWwMRsRFFyDm-censNnQfgLc-c5lPi59MMkABnYEEqN2Xp3garmhgFueZeYVMDu5NnMSDaMakUSIxJFP-K7p6CMRcXYgQ2F3ZU2A9mJ1NZv1aQvzDqCYxTPl6oVb-Zedh_rAIvXcBhSalDo2ysccALtSzbDjxFK80czurmhRLl8dCvzXTrVjVVAo49oWwxpYoddSiK2a9NlnDHdYOZp-J-DPeXCr9OQlRTYbfmxkbdJ7vYAjNa78ilh0ycG0nAqpE4LJHam3feP2j8Fbj2GmoE3wgHU2EFb8geQnoUdiKA8wBiJhWiAX_vYNSuMe9XiIlwoV05esbn97NgEIqdzdSZLcy8tWFO-cqi9lJQz69irWAE_4h_57HRClj4Db_bk-EA1Ynuxst-GL-vNubDIU4vb35dlvqjbxqmQ-XxO1AxvVcdZ_ctA=w327-h197-no">
<br><br>
<h2>- - - - - - - - - - - - - -</h2>
<p>봄을 품고 사는 사람의 이야기</p>
<h1>봄사람의 작업실</h1>
</div>
</a>
<a name="portfolio" class="none">
<div class="image_container">
<div class="container">
<center>
<img src="https://lh3.googleusercontent.com/ciKNDU8lVEA6R1wGw5mObuU7a-5H2s6QF3xN48yRTbrtJ3rqvi9n6ugr6oRbxOYtp8G2SvZ_qYxbpU3_Lyu3nG2pe_19NllNNAF-eNYn8jiftK3dGW3N4FNFZlLri13ACuHxSOhmdfEJN4n6bOIA6lB_gxNpxSykvqVXCyyeeccmKcbt8oKWRMRN6dbB-elwYOsq47Sg4JzhhLIUZ0hZGCYte7pQHze9dVxAUkBBVM2KyqCHdurfdDtyYmsSmDxrbTzwMeYa37yKowN1NT8AvDtVV3A2jWPEiyWrZ0wYHY4Gh2TaTmOuvlMEJqRSfHmnLfriaMVQR88kMMDH6xXLVAEyZaPyHrHOgHjLOFvyg73Q8h4qvr8L5FF1zZNF4ec9P4DdP1XYsfIsCAXMSIPNG8Hyayxid9vK465rapC-wVEqnimQcj6IfGUVmeF_7mlM4Eqk4WVp6FSNrwo519S9S60qm706jB4XM3FWLYAFLb9bUtAXNDet45Ah3VO4IzktoKiCngO7_syVJqYob319hmUwkQ6vmS8mfS94xXpme69pfHWTo6NzFDrLySveck3ilHEN=w250-h480-no">
<h2><span style="line-height:150%;">안녕하세요, 봄사람 이보민입니다.<br><br>저는<br><span style="color:#0A8FEC;">남동생 체육복</span>을 즐겨입고, <span style="color:#0A8FEC;">스냅백</span>을 사랑하며,<br>집 앞 홈플러스의 <span style="color:#0A8FEC;">주류코너</span>와 <span style="color:#0A8FEC;">라면코너</span>에 주로 출몰하는<br>대한민국의 건장한 <span style="color:red">"여대생"</span>입니다.</span></h2>
</div>
</div>
</a>
<br><br><br>
<a name="about" class="none">
<div class="content-section-a">
<div class="container">
<div class="row">
<div class="col-lg-5 col-sm-6">
<hr class="section-heading-spacer">
<div class="clearfix"></div>
<h2 class="section-heading">고등학생 때는<br>발명을 하고 싶었어요.</h2>
<p class="lead"><br> 저는 뭔가 만들기를 좋아하는 이과생이었어요. 1, 2학년 때는 로봇 동아리에 들어서 열심히 로봇을 조립했고, 2학년 때에는 발명 동아리가 생겨서 들어갔어요. <span style="color:blue">원래도 공부하는 걸 썩 좋아하는 편이 아니었는데 동아리 덕분에 아이디어 찾는 답시고 훨씬 더 열심히 훨씬 더 적극적으로 쓸데없는 생각들(수능공부 이외의)을 마음껏 할 수 있었죠. 그 엄청난 해방감이란!</span>
<br><br> 처음엔 그냥 공부 밖에 없는 학교에서 딴 짓으로 숨통이 트이는 게 좋았죠. 그러다가 점점 그냥 주변을 관찰하고 아이디어를 찾아내는 것 자체가 재미있어졌구요. 계속 이런걸 하는 사람이 되고 싶다고 생각하다가 그게 어느 새 꿈이 되었어요.</p>
<p class="conclusion"> 그래서 제 꿈은 어떤 분야 속에서든 어떤 기술을 통해서든 '생각을 현실로 만드는 일을 하는 사람'이 되는 거에요.</p>
</div>
<div class="col-lg-5 col-lg-offset-2 col-sm-6">
<img class="img-responsive" src="https://lh3.googleusercontent.com/nN3dx1otESG-r8BoXesiAlwMWLk_uzpSN56d1yysFfqgVAyxKhRvtxT9Rrg_9d8b6t6T9YMNMh4fFir6R9Ql0f2AJ6cSC_sK2R7qtQlpJ8ZHFSXimLgGjbDbGpjVSB02Nr9MDti5bVIve1JfCo_l8w8VinU3EXT5a_aC5N-KMuBLHVztogsl2q0tfHAT2mAnhfGrPIqTFRcA4uYB6g9D5awM8mVbCkHxMId617S82UaCUFC3bKN5517DpcWDLabp7ozagqsifaKrW7egsQXU51jaH8DXStirO9ncAzY90-UAtYM4xRjDe7OXedy0gZdQBPNdcvv4yCDzBV4sX8jN1VIlXIqLfm6QfQcZTOxO8OVceohw23-QNra8igjwkXntBBraWj6kUPJElMZN8VV5Up7seJI8qmIzVeUrxcHcM4jgv9fAtWZ-lfe2Vug-YUjxGfXGNfjZmYdSCiTZfImUk2N35VemHoufF8n_kNZedQ39P2FntFgaVh0zHe5AUCDSoTReEaXpUpviUmy4B0SZ34e_MYw_UNzfZUqz5ZVk5q3NPVxACJAM8tmFxXbaU7rZkoHw=w519-h467-no" alt="발명가">
</div>
</div>
</div>
<!-- /.container -->
</div>
<!-- /.content-section-a -->
<div class="content-section-b">
<div class="container">
<div class="row">
<div class="col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6">
<hr class="section-heading-spacer">
<div class="clearfix"></div>
<h2 class="section-heading">애증의<br>여가생활이 하나 있어요.</h2><br>
<p class="lead"> 대학교 들어와서 산악부를 들었어요. 사실 별 생각 없었어요. 할 것도 없는데 운동이나 해볼까 하는 생각이었죠. 근데 한달에 한 두번씩은 꼬박꼬박 저만한 배낭을 메고 산을 올랐습니다. 가끔은 암벽등반도 하구요. 오지게 힘들었습니다. 그리고 엄청 재밌었습니다.
<br><br> 한 번은 한 겨울 한라산에 5박 6일 일정으로 동계훈련을 다녀왔습니다. 야영을 위한 겨울산 장비들과 5박 6일치 식량 무게 때문에 올라가고 내려오는 것 물론 고통의 시간이었지만, 그것 말고도 밤에 눈이오면 텐트가 무너질까봐 잠도 제대로 못잤구요. 북극에서나 볼 수 있는 화이트 아웃에 길을 잃어버리기도 했습니다. 정말 딱 죽을만큼 힘들었습니다.
<br><br> <span style="color:blue">근데 문제는 이제와서 문득 돌이켜보면 그 때 힘들었던 기억은 점점 나질 않고, '야영지에서 보았던 첫 일출'같은 멋진 것들만 떠오른다는 거에요.</span> 이래서 사람은 똑같은 실수를 반복하는 거겠죠. 이제 산에 잘 다니지 못하지만 <span style="color:blue">등산은 애증이라는 단어를 몸소 체험하도록 만들어주는 여가생활인 듯 해요.</span>
<br><br><br> + 산악부에서는 여자도 '오빠'라고 안 부르고, '형'이라고 불러요.<br> Every body say BRO!!</p>
</div>
<div class="col-lg-5 col-sm-pull-6 col-sm-6">
<img class="img-responsive" src="https://lh3.googleusercontent.com/QH9SCayavN-cZgSByfHtH31ohAP4gtwvGjl-KZ9ZfxCnKrO8emVnaNv664MbRvpxdM83NiMv02wA8-RrkYHSvbLy4drOH-13MTCIgh9D6b-TVNwiQfvShpFDk3TpW6ElMFDjZ0Y3eoPvg_yEjg1aE68t6jVevNfspWdP_CuyGgL0fU8ZFFDVX8AhC7VIze6QAef5XiYMt50oSYL0VQ-aX6Yr8777_OC6x-VcKue2raX-T_1oj67l11lKrjqiThL6uq7-NgqhO623kdkyH9Sh8dcB4khhciAnwYCNEez_JQaUL92bAnwpnm29Ch_fd3ZAfW-Q1jaDYu1q34FbrQCuUDsiXuLDi5QhZ6tSPqOaCYPCkf9ezQ7AcKWoEK1ipO79IpEyOemidSbnQ2KzmHtl-RowRC6oZJ6Ws8HuUMXEVZMdPWxgfiNrSKb1aOOeO9l5EyVUBWdqy-moT2SEG4XxwSRdECmh_hUbBksRZdsl10AFrd2LNu01Q5pvmYThhKRy-T-uzIP2MDYTTrk8fROltwvrl09Wc5bf4MDoZiZvbOoc8Iz2qmeZe_p2AGxA_QCkf-We=w485-h683-no" alt="등산">
</div>
</div>
</div>
<!-- /.container -->
</div>
<!-- /.content-section-b -->
<div class="content-section-a">
<div class="container">
<div class="row">
<div class="col-lg-5 col-sm-6">
<hr class="section-heading-spacer">
<div class="clearfix"></div>
<h2 class="section-heading">궁금한 건<br>굉장히 잘 참아요.</h2>
<p class="lead"><br> 저는 호기심이 굉장히 많아요. 주로 새로운 것에 하지만 때로는 익숙한 것도 '이건 뭐지?'라는 생각이 들 때가 많아요.
<br><br> 그렇지만 저는 궁금하다고해서 바로 그것을 파고들진 않아요. <span style="color:blue">그냥 계속 궁금한 채로 내버려둬요. 그럼 계속 관련된 것들을 눈여겨보게되고 어느새 많은 관심을 기울이게 되더라구요.</span> 그렇게 꾸준히 관심을 두고 지켜보고 있는 것들이 꽤 많아요.
<br><br> 꾸준히 무언가를 관심을 가지고 계속 지켜보면 결국은 기회가 오는 것 같아요. 점점 궁금증을 해소할만한 전문적인 교육이나 그 필드를 직접 체험해볼만한 인턴십같은 프로그램들이 눈에 들어오기 시작하니까요.<span style="color:blue"> 전 기회라고 느껴질 때는 절대로 도전하는 것을 망설이지 않아요. 아마도 이렇게 얻은 기회들로 인해 지금까지 많이 성장해왔다는 걸 스스로 알고 있기 때문인 것 같아요.</span>
<br><br> 작년엔 그렇게 교육 스타트업인 어썸스쿨<a href="http://www.awesome-school.net/">(http://www.awesome-school.net/)</a>에서 인턴(청년강사)을 했고, 올해는 멋사와 함께하고 있네요!</span> </p>
</div>
<div class="col-lg-5 col-lg-offset-2 col-sm-6">
<img class="img-responsive" src="https://lh3.googleusercontent.com/NN5IgmcpdCOcaMS0KM7kG5yru9gPLeh6tYir0kWiq_5Ingeh5DWLCGB-0_6Za_KEP0SjrvJZ-HdoGuNH96tzjcUz6kQ4HojkNel9wc8a-UKosEixhp63rUjud3QSX7OOI5-DLH8MmfaTZBLRWdq9ZoWsmddBi5LNMwwvJjTnQiZTewYX-oJttpTn2-9hGlmwdwdF-OJaA-XeyjCYCN-sbpQdYDlebFpvmqfVCvrjQNJoJwgZgW3usQ9KdqmuGgJXhRpj2gbDCrzUwVdTESETPq2nMe4V9-Phb8o4tO-20k--IjpF9ugRcptSAwn_Qiqc3PFJtJVCh5UMimegolHQi_fs-kCIS6LQ08QFjySb5JpSP4lShUx4qTup5MMvjJ85k8R50NJ4M3OtXdaSBZtRrd_w7M6-zGjp3XZJgM-J2EDlXvfs5WXOo9XlO0iCijGb0fTyboDZpy9zM8lt1l2-6l3U17zKPanQB43qgJQRlNVVVjI_KeqvnZyQjwHM3DLvM4-bUEbxO1cjDl2st4zMYpPIdSeN0Yq7TZ28zzjtWdfD1rA1Hx-ZOikAQ0Jc2IV5m-uT=w660-h509-no" alt="어썸스쿨">
</div>
</div>
</div>
<!-- /.container -->
</div>
<!-- /.content-section-a -->
</a>
<br>
<!-- Related Projects Row -->
<div class="row">
<div class="col-lg-12">
<h3 class="page-header"> 최근 관심사<span style='color:grey; font-size:12.5pt;'>(Click!)</span></h3>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#">
<a href="http://www.wadiz.kr/Campaign/Details/1275" target="blank"><img class="img-responsive portfolio-item" src="https://lh3.googleusercontent.com/JhLjB2g8LGf050wHB0xFJmX0K-Pr1aYBXSFfKslpyfhToGSa8k-B9xEsjHcNDChrdFljzo5RJ3QrpzrThIAgphwnIeYBCwx-ylwOT5WvLY_hXtu2HS9OvR_AQo5vpdJusyh7sTdeO4er0rig7sN9pgb1zgGc72Di1YX0ojP_G70FDcJkwxggK4JyawytSvftS301rKRKTQlhoH7zT-mHmSpeTh3rlGmilNoiY0Tb4RjU4JJBkp5nnmO158JHIptKtM_5dbNUtn5Fnva7_YvgBzaOuPz6RVc9apmU9yCCI1H3g3tQ3mF6mVXojxmlmPLKXvx2umLFNoRBKkeuqSTsswEUjbXhYhx2JZQ09DUgJzqig9ub0Wo4uFo4OqXwJ7xwAgGTKTkWr87kzY9kxpP-HwPVQwTtQ6KmZgADP5gHj5Ln4KKwlzYxZDCksMt_DSJt3_Ws5WoP_MjJkm94GVIZVLiPvaDlIKZXEdsBCAgC-OtFyyljZGsM7lsNuls6wGgkEWbUEWxEzwP7qNjEviZ7iewC3HqGkvLVPBnSyxE4si8UEcMopn8GiSYfw68ShlXsDlDH=w500-h300-no" alt="와디즈"></a>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#">
<a href="http://www.sparklabs.co.kr/kr/html/portfolio.html" target="blank"><img class="img-responsive portfolio-item" src="https://lh3.googleusercontent.com/TPon18AnUko_nCh6Fwr3GG7eyNd-F65T0ewp-NCNqsQBeoKpYGSt00dc4SqoaDX1cqIsevq_ON6StQzkkVhhphr7n41D2nyIlm2vILl22Pum2-26TOdy0xGNU8iBPXfmzpvUC9PWlHnPWcDYyiRgruumZOPIOVY3CCCfvhJEl_RKsKaT82hiiJMigZI9M8RsBM-P4-oQncUDVn3xpPi8UGga5J7oPmHxic7FQfK0GAxaLnNSkXlXck0gmQIWte15gS79GWMwL-_Azv18y5eMF1BAudCv_10x-gFRzTADcklYeL2nZfZMOtpX60_x2g0GegBelhw59o_V--K6xYn3Ll-I9RvPOwFIGA7rzX1IAPv1lOf4eFEEQGmP7U5VtqRBMuvZtmNeI3TXChg0RwP3lqS6Sk998NT18lMDafJYt_uzHV_NfaYarKFtiT_ME01_0_V3NOYy0k0lBVP2oKpty0-sihtN6wKnqLNw0mUm4arx7GBopyzIP7uOiE1GqkYmepgdO5px247DTdniOwsGfDUgPTdNZasLPN3HtF8FZRpBnI_ETNUe7sbquFa2JTsrKaD5=w500-h300-no" alt="스파크랩스 데모데이5"></a>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#">
<a href="http://www.shapengine.com/" target="blank"><img class="img-responsive portfolio-item" src="https://lh3.googleusercontent.com/-bD9gvEXmLnIYrxU-mWgNVP15nshEPuJcFxGQh3G56kCcwWiAjPG1c3KYyrwaWUljg9A_1F3EPMnumSG3ZtzEgNk2UqqW2vEDfC0yGkzqbmglOh-3Prlf96pbHvhxVXl6Rp-hSdK9Kq51Ox2iJGmBLhq6m6FznSa7LuYJjaO8fbVEDXxI9zAus_gqCp9sx7AUOCz9vb6RxCEAU0IGshr9LHNmlZ_-iYwQ3Ms0OlqgHgJ8JtCZmNYg9Zx1IT0T1kfQUFjITdYV2SemmA8ZkyTSGBJLMjFy6AK2V1DJFnqrVhriUyhaX19sHwS9G8QGi8ocXAf0ecbDotLWR3YUvSl5-XppsSATs7HwBltTgFqx5EIx19H4KJN_woXbAEFYPQB0baVdcF8Locz5SfyGL0NInMueHXeGhltPnXwHGhiqab7rT_sdUBP2_bvLMm7gCxlvvRfn1Rh4pef3xbwYzoC4FviVV2Z4W1UVKqB2dx2ln77MNJTfGK1NvSROfSRDoYNqlZ7eUTmST9ztyBCIZjhY7mZ77YGQPtRUdvJOSmC1LuWSOxinUB2wOZg21hyeAGByhxa=w500-h300-no" alt="3D 프린팅"></a>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<a href="#">
<a href="http://www.likelion.net/" target="blank"><img class="img-responsive portfolio-item" src="https://lh3.googleusercontent.com/ayOBNLv10tbIY2f3awzBxupamIz3qtL4pSd7bOyBbJaovhH-7aO72tKbsYuwOSZDJ3-mNwfxWgwrvR4djneEusbfuOo4gHrWG4QHvdjMvYEHAFbyyr-Ck0oDQWIlsqx5rLQenoSer_6MEQLxahrE8JCE_BnOD9Db_i77THjMXGWmaHc3x_zbTww2UKGqoNPn-jXuBmbJf29p_SNWDCY2Szo-nSyMK3YTV9GHFLh5qVgeRCqBWvE0C6h1jPILii1Uv-byLAMt-TDUkEx2TFUE7DwfF4odo5TIo0lkXh2AASzfz10-wz6lsZE5-8q7j_W9kBeIzGHXuPVEuvOF1ouwdSR1s7JaD8Zb4ChonhCcXOL9JrS_RN89twgAPkgOx93XqySQy0vbJLh6coY5wQKdAUL-pEjaCdGB4-4-IblpQd3ALV5bcSLkA8Q4rvelQuaM9Tv2Unc5Hprp_Ajmx907-lzbOYAlqRPg-ytG3smjlnMxXaK_tVLs1eHFhol42Qs7S3vVTJ6J3Lh8DrxiqEGOTKck-o3k0nyCiu0I-MFspndj1qftiV21bdB9dgMr4n5tckSk=w500-h300-no" alt="멋사"></a>
</a>
</div>
</div>
<!-- /.row -->
<br><br><br><br>
<!-- Footer -->
<footer>
<a name="contact" class="none">
<div class="container">
<div class="row">
<div class="col-lg-10 col-lg-offset-1 text-right">
<h4><strong>이보민</strong>
</h4>
<p>1994.12.18<br>동덕여대 문예창작과</p>
<ul class="list-unstyled">
<li><i class="fa fa-phone fa-fw"></i> goilria2@gmail.com</li>
<li><i class="fa fa-envelope-o fa-fw"></i> <a href="https://www.facebook.com/bomin.lee.104">https://www.facebook.com/bomin.lee.104</a>
</li>
</ul>
<br>
<ul class="list-inline">
<li>
<a href="#"><i class="fa fa-facebook fa-fw fa-3x"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-twitter fa-fw fa-3x"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-dribbble fa-fw fa-3x"></i></a>
</li>
</ul>
<hr class="small">
<p class="text-muted">Copyright © Lee Bo-min 2015</p>
</div>
</div>
</div>
</a>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
</body>
</html>