SimpleTimeLine.html

---
layout : page
css : "/css/TimeLineByHyun02.css"
---
<!-- Finally, I qoute time line with only css, html. If you want to know what I chose. 

I recommend you this sitem, https://codepen.io/NilsWe/pen/FemfK. 

So, If you want to change this format a little, At first, visit ths site,https://codepen.io/NilsWe/pen/FemfK.
-->

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>


<header>
    <h1 style="text-align: center">hyunyoung2's TimeLine</h1>
</header>

<!-- The Timeline -->
<ul class="timeline">
	
	<!-- Item 7 -->
	<li>
		<div class="direction-r">
			<div class="flag-wrapper">
				<span class="flag">Natural Language Processing labs</span>
				<span class="time-wrapper"><span class="time">2017.09 ~ current</span></span>
			</div>
			<div class="desc">I am studying Natural Language porcessing with DeepLearning as master candidate, currentl;y I developed "Spam text message filtering by using sen2vec and Feedforward neural network" and wrote some paper about the spam filtering</div>
		</div>
	</li>

	<!-- Item 6 -->
	<li>
		<div class="direction-l">
			<div class="flag-wrapper">
				<span class="flag">SK hynix memory solutions inc.</span>
				<span class="time-wrapper"><span class="time">2016.02 ~ 2017.01</span></span>
			</div>
			<div class="desc">I worked as Software Engineer at Advanced storage team for new thecnologies. For example, NVMe, LightNVM, QEMU, F2FS, Mulit block layer's mulit queue and some test tool for SSD device which is made of Open-Source.</div>
		</div>
	</li>
	
	<!-- Item 5 -->
	<li>
		<div class="direction-r">
			<div class="flag-wrapper" style="margin-left: 0px">
				<span class="flag" style="padding-right: 5px">SAMSUNG SOFTWARE MEMBERSHIP</span>
				<span class="time-wrapper"><span class="time">2014.01 ~ 2015.06</span></span>
			</div>
			<div class="desc">I carried out a  variety of project. For example, Kernel(big.LITTLE Architecture's battery efficiency),  Window Programing(C#- Monitor Calibration), IOT(Smart Refrigerator for the blind person), Web(customizing the wrong not) and I studied at SIG that is group for the people to study technology, algorithm, data structure, linux and a little knowlege of hardware. I aslo taugth people data structur and algorithm.</div>
		</div>
	</li>
	
	<!-- Item 4 -->
	<li>
		<div class="direction-l">
			<div class="flag-wrapper">
				<span class="flag">Natural Language Processing Lab</span>
				<span class="time-wrapper"><span class="time">2013.04 ~ 2014.12</span></span>
			</div>
			<div class="desc">Mostly, I researched on similarality between documents and studied  Natural Language Processing. and then wrote paper related to inspect similarity of documents. this lab is NLP lab of Kookmin Uiversity.</div>
		</div>
	</li>	
	
	<!-- Item 3 -->
	<li>
		<div class="direction-r">
			<div class="flag-wrapper">
				<span class="flag">IT Volunteer</span>
				<span class="time-wrapper"><span class="time">2012.07 ~ 2012.08</span></span>
			</div>
			<div class="desc">I volunteered in RongFong ICT Center at the Phrae in Thailand. teaching IT Knowledge and Korean's Culture to Thais, RongFong Villagers and NAMCHANG Elementary School's Stutents. I also exchange the culture between Thailand and Korea.</div>
		</div>
	</li>
	
	<!-- Item 2 -->
	<li>
		<div class="direction-l">
			<div class="flag-wrapper">
				<span class="flag">Army in South Korea</span>
				<span class="time-wrapper"><span class="time">2009.03 ~ 2011.01</span></span>
			</div>
			<div class="desc">I worked in HR Departement and Financial Department, My job manages and runs Leave, pay, and each expense used for training, the military people, and management of troops, I punished a person who doesn't comply with the military law. </div>
		</div>
	</li>
	
	
	<!-- Item 1 -->
<!--
	<li>
		<div class="direction-r">
			<div class="flag-wrapper"></div>
				<span class="flag">Kookmin University</span>
				<span class="time-wrapper"><span class="time">2008.03 ~ 2016.08</span></span>
			<div class="desc">From Junior at fall semester, I started to major in Computer Science and Carried out a little term project and also won scholarship.</div>
		</div>
	</li>
-->		
	<li>
		<div class="direction-r">
			<div class="flag-wrapper">
				<span class="flag">Bachelor at Kookmin University</span>
				<span class="time-wrapper"><span class="time">2008.03 ~ 2016.08</span></span>
			</div>
			<div class="desc">From Junior at fall semester, I atually started to study Computer Science, Although I majored in Computer Science. For my college life, I had carreid out a little term project and also won scholarships . So I dreamed to be software engineer late.</div>
		</div>
	</li>
<!--	
	<li>
		<div class="direction-r">
			<span class="flag-wrapper"></span>
			<span class="flag">Kookmin University</span>
			<span class="time-wrapper"><span class="time">2008.03 ~ 2016.08</span></span>
			<div class="desc">From Junior at fall semester, I started to major in Computer Science and Carried out a little term project and also won scholarship.</div>
		</div>
	</li>
-->
	
<!-- Below is Sample code for Time Line 
	- Item 1
	<li>
		<div class="direction-r">
			<div class="flag-wrapper">
				<span class="flag">Freelancer</span>
				<span class="time-wrapper"><span class="time">2013 - present</span></span>
			</div>
			<div class="desc">My current employment. Way better than the position before!</div>
		</div>
	</li>
  
	- Item 2
	<li>
		<div class="direction-l">
			<div class="flag-wrapper">
				<span class="flag">Apple Inc.</span>
				<span class="time-wrapper"><span class="time">2011 - 2013</span></span>
			</div>
			<div class="desc">My first employer. All the stuff I've learned and projects I've been working on.</div>
		</div>
	</li>

	- Item 3
	<li>
		<div class="direction-r">
			<div class="flag-wrapper">
				<span class="flag">Harvard University</span>
				<span class="time-wrapper"><span class="time">2008 - 2011</span></span>
			</div>
			<div class="desc">A description of all the lectures and courses I have taken and my final degree?</div>
		</div>
	</li>
  
</ul>
-->



<!-- if you want to make timeline with css and html only, just search for it -->
<!-- for example, in my case my keywords for time line is "time line html css in static website"-->
<!-- So, I could find out my exampe of time line. 

Below is my result of my looking for time line of my github page

1. http://bashooka.com/coding/css-timeline-tutorials-examples/

2. https://www.noupe.com/inspiration/showcases/15-code-snippets-for-timelines-91734.html

So finally what I chose is one of the above sites. I think tha tis so simple and easy

If you want to fix it a little about time line, first you have to use this site :


http://codepen.io/raulghm/pen/pvaeOa

but I;m considering different one, http://codepen.io/christian-fei/pen/BJily


https://codepen.io/NilsWe/pen/FemfK CSS timeline

CSS3 timeline - http://freefrontend.com/css-timelines/

-->