iamirulofficial/CV.html

## CV.html
<!DOCTYPE html>
<html>
<head>
<title>Amirul | Islam</title>

<meta charset="UTF-8">
<link href='http://fonts.googleapis.com/css?family=Rokkitt:400,700|Lato:400,300' rel='stylesheet' type='text/css'>
<style>
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
border:0;
font:inherit;
font-size:100%;
margin:0;
padding:0;
vertical-align:baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}

html, body {background: url(images/bg.jpeg) no-repeat; font-family: 'Lato', helvetica, arial, sans-serif; font-size: 16px; color: #222;}

.clear {clear: both;}

p {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 20px;
	color: #444;
}

#cv {
	width: 90%;
	max-width: 800px;
	background: #f3f3f3;
	margin: 30px auto;
}

.mainDetails {
	padding: 25px 35px;
	border-bottom: 2px solid #cf8a05;
	background: #ededed;
}

#name h1 {
	font-size: 2.5em;
	font-weight: 700;
	font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
	margin-bottom: -6px;
}

#name h2 {
	font-size: 2em;
	margin-left: 2px;
	font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
}

#mainArea {
	padding: 0 40px;
}

#headshot {
	width: 12.5%;
	float: left;
	margin-right: 30px;
}

#headshot img {
	width: 100%;
	height: auto;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

#name {
	float: left;
}

#contactDetails {
	float: right;
}

#contactDetails ul {
	list-style-type: none;
	font-size: 0.9em;
	margin-top: 2px;
}

#contactDetails ul li {
	margin-bottom: 3px;
	color: #444;
}

#contactDetails ul li a, a[href^=tel] {
	color: #444;
	text-decoration: none;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

#contactDetails ul li a:hover {
	color: #cf8a05;
}


section {
	border-top: 1px solid #dedede;
	padding: 20px 0 0;
}

section:first-child {
	border-top: 0;
}

section:last-child {
	padding: 20px 0 10px;
}

.sectionTitle {
	float: left;
	width: 25%;
}

.sectionContent {
	float: right;
	width: 72.5%;
}

.sectionTitle h1 {
	font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 1.5em;
	color: #cf8a05;
}

.sectionContent h2 {
	font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	margin-bottom: -2px;
}

.subDetails {
	font-size: 0.8em;
	font-style: italic;
	margin-bottom: 3px;
}

.keySkills {
	list-style-type: none;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	margin-bottom: 20px;
	font-size: 1em;
	color: #444;
}

.keySkills ul li {
	margin-bottom: 3px;
}

</style>

</head>
<body id="top">
<div id="cv" class="instaFade">
	<div class="mainDetails">
		<div id="headshot" class="quickFade">
			<img src="images/profile.png" alt="Amirul Islam" />
		</div>

		<div id="name">
			<h1 class="quickFade delayTwo">Amirul Islam</h1>
			<h2 class="quickFade delayThree">Programmer-WebDeveloper</h2>
		</div>

		<div id="contactDetails" class="quickFade delayFour">
			<ul>
				<li>e: <a href="mailto:iamirulofficial@gmail.com" target="_blank">iamirulofficial@gmail.com</a></li>
				<li>w: <a href="mailto:amirul@iiitbh.ac.in" target="_blank">amirul@iiitbh.ac.in</a></li>
				<li>m: +91 8696522538</li>
			</ul>
		</div>
		<div class="clear"></div>
	</div>

	<div id="mainArea" class="quickFade delayFive">
		<section>
			<article>
				<div class="sectionTitle">
					<h1>Personal Profile</h1>
				</div>

				<div class="sectionContent">
				<p>Formerly Student of IIIT BHagalpur, B.Tech in Computer Sc & Engineering, Having Good Skill in Data Structures And Algorithm And C programming Language, Learning HTML/CSS/JS/XML and Many more things</p>
				</div>
			</article>
			<div class="clear"></div>
		</section>
		<section>
			<div class="sectionTitle">
				<h1>Key Skills</h1>
			</div>

			<div class="sectionContent">
				<ul class="keySkills">
					<li>Data Structure and Algorithm</li>
					<li>C Programming Language</li>
					<li>HTML5</li>
					<li>CSS3</li>
					<li>JS</li>
					<li>XML</li>
					<li>PHP</li>
					<li>ASP.NET</li>
				</ul>
			</div>
			<div class="clear"></div>
		</section>


		<section>
			<div class="sectionTitle">
				<h1>Education</h1>
			</div>

			<div class="sectionContent">
				<article>
					<h2>Indian Institute of Information Technology,Bhagalpur</h2>
					<p class="subDetails">2018-present</p>
					<p>B.Tech in Computer Sc & Engineering 1st Yr. 2nd Sem with CPI 8.91</p>
				</article>

				<article>
					<h2>BUXARAH MULTIPURPOSE HIGH SCHOOL(H.S)</h2>
					<p class="subDetails">2016-2018</p>
					<p>H.S Examination in WBCHSE with a score of 90.28% </p>
				</article>
			</div>
			<div class="clear"></div>
		</section>

	</div>
</div>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Amirul \| Islam</title>

	<meta charset="UTF-8">
	<link href='http://fonts.googleapis.com/css?family=Rokkitt:400,700\|Lato:400,300' rel='stylesheet' type='text/css'>
	<style>
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	border:0;
	font:inherit;
	font-size:100%;
	margin:0;
	padding:0;
	vertical-align:baseline;
	}

	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
	}

	html, body {background: url(images/bg.jpeg) no-repeat; font-family: 'Lato', helvetica, arial, sans-serif; font-size: 16px; color: #222;}

	.clear {clear: both;}

	p {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 20px;
	color: #444;
	}

	#cv {
	width: 90%;
	max-width: 800px;
	background: #f3f3f3;
	margin: 30px auto;
	}

	.mainDetails {
	padding: 25px 35px;
	border-bottom: 2px solid #cf8a05;
	background: #ededed;
	}

	#name h1 {
	font-size: 2.5em;
	font-weight: 700;
	font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
	margin-bottom: -6px;
	}

	#name h2 {
	font-size: 2em;
	margin-left: 2px;
	font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
	}

	#mainArea {
	padding: 0 40px;
	}

	#headshot {
	width: 12.5%;
	float: left;
	margin-right: 30px;
	}

	#headshot img {
	width: 100%;
	height: auto;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	}

	#name {
	float: left;
	}

	#contactDetails {
	float: right;
	}

	#contactDetails ul {
	list-style-type: none;
	font-size: 0.9em;
	margin-top: 2px;
	}

	#contactDetails ul li {
	margin-bottom: 3px;
	color: #444;
	}

	#contactDetails ul li a, a[href^=tel] {
	color: #444;
	text-decoration: none;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	transition: all .3s ease-in;
	}

	#contactDetails ul li a:hover {
	color: #cf8a05;
	}


	section {
	border-top: 1px solid #dedede;
	padding: 20px 0 0;
	}

	section:first-child {
	border-top: 0;
	}

	section:last-child {
	padding: 20px 0 10px;
	}

	.sectionTitle {
	float: left;
	width: 25%;
	}

	.sectionContent {
	float: right;
	width: 72.5%;
	}

	.sectionTitle h1 {
	font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 1.5em;
	color: #cf8a05;
	}

	.sectionContent h2 {
	font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	margin-bottom: -2px;
	}

	.subDetails {
	font-size: 0.8em;
	font-style: italic;
	margin-bottom: 3px;
	}

	.keySkills {
	list-style-type: none;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	margin-bottom: 20px;
	font-size: 1em;
	color: #444;
	}

	.keySkills ul li {
	margin-bottom: 3px;
	}

	</style>

	</head>
	<body id="top">
	<div id="cv" class="instaFade">
	<div class="mainDetails">
	<div id="headshot" class="quickFade">
	<img src="images/profile.png" alt="Amirul Islam" />
	</div>

	<div id="name">
	<h1 class="quickFade delayTwo">Amirul Islam</h1>
	<h2 class="quickFade delayThree">Programmer-WebDeveloper</h2>
	</div>

	<div id="contactDetails" class="quickFade delayFour">
	<ul>
	<li>e: <a href="mailto:iamirulofficial@gmail.com" target="_blank">iamirulofficial@gmail.com</a></li>
	<li>w: <a href="mailto:amirul@iiitbh.ac.in" target="_blank">amirul@iiitbh.ac.in</a></li>
	<li>m: +91 8696522538</li>
	</ul>
	</div>
	<div class="clear"></div>
	</div>

	<div id="mainArea" class="quickFade delayFive">
	<section>
	<article>
	<div class="sectionTitle">
	<h1>Personal Profile</h1>
	</div>

	<div class="sectionContent">
	<p>Formerly Student of IIIT BHagalpur, B.Tech in Computer Sc & Engineering, Having Good Skill in Data Structures And Algorithm And C programming Language, Learning HTML/CSS/JS/XML and Many more things</p>
	</div>
	</article>
	<div class="clear"></div>
	</section>
	<section>
	<div class="sectionTitle">
	<h1>Key Skills</h1>
	</div>

	<div class="sectionContent">
	<ul class="keySkills">
	<li>Data Structure and Algorithm</li>
	<li>C Programming Language</li>
	<li>HTML5</li>
	<li>CSS3</li>
	<li>JS</li>
	<li>XML</li>
	<li>PHP</li>
	<li>ASP.NET</li>
	</ul>
	</div>
	<div class="clear"></div>
	</section>


	<section>
	<div class="sectionTitle">
	<h1>Education</h1>
	</div>

	<div class="sectionContent">
	<article>
	<h2>Indian Institute of Information Technology,Bhagalpur</h2>
	<p class="subDetails">2018-present</p>
	<p>B.Tech in Computer Sc & Engineering 1st Yr. 2nd Sem with CPI 8.91</p>
	</article>

	<article>
	<h2>BUXARAH MULTIPURPOSE HIGH SCHOOL(H.S)</h2>
	<p class="subDetails">2016-2018</p>
	<p>H.S Examination in WBCHSE with a score of 90.28% </p>
	</article>
	</div>
	<div class="clear"></div>
	</section>

	</div>
	</div>
	</body>
	</html>