<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Mungo Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--fonts-->
<link href='#css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='#css?family=Berkshire+Swash' rel='stylesheet' type='text/css'>
<!--/fonts-->
<!-- js -->
<script src="js/jquery.min.js"> </script>
<script src="js/bootstrap.js"></script>
<!-- //js -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>
<body>
<div class="header">
<div class="container">
<div class="logo">
<a href="#"><h1>Mungo</h1></a>
</div>
<div class="navigation">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" 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>
</div>
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<nav class="cl-effect-7" id="cl-effect-7">
<ul class="nav navbar-nav">
<li class="active"><a class="scroll" href="#home">Home <span class="sr-only">(current)</span></a></li>
<li><a class="scroll" href="#about">About</a></li>
<li><a class="scroll" href="#skills">Skills</a></li>
<li><a class="scroll" href="#portfolio">Portfolio</a></li>
<li><a class="scroll" href="#contact">Contact</a></li>
</ul>
</nav>
<div class="clearfix"> </div>
</div><!-- /.navbar-collapse -->
</nav>
</div>
<div class="search-bar">
<input type="text" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
<input type="submit" value="">
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="banner">
<div class="container">
<div class="banner-info">
<div class="banner-text">
<h1>Ignatius Mungo</h1>
<h2>Professional Designer</h2>
<a href="#" class="hvr-bounce-to-right">DOWNLOAD MY RESUME</a>
</div>
</div>
</div>
</div>
<!--about-->
<div id="about" class="about">
<div class="container">
<!-- head-section -->
<div class="head-section text-center">
<h2>About Me</h2>
<span> </span>
</div>
<!-- head-section -->
<!-- about-grids -->
<div class="about-grids">
<div class="col-md-6 about-left-grid">
<h3>Videntur Parum</h3>
<span>Graphic Designer,UI/UX Expert </span>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla fam.</p>
<p class="p-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet purus ipsum. In ante leo, elementum at placerat in, aliquet non lectus. Nam imperdiet magna eu faucibus cursus.</p>
</div>
<div class="col-md-6 about-right-grid">
<a class="popup-with-zoom-anim" href="#small-dialog"><img src="images/video.jpg" title="Designer_girl"></a>
</div>
<div class="clearfix"> </div>
</div>
<!-- about-grids -->
</div>
<div class="clearfix"> </div>
</div>
<!---pop-up-box---->
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<!---//pop-up-box---->
<div id="small-dialog" class="mfp-hide">
<iframe src="//player.vimeo.com/video/38584262"> </iframe>
</div>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
<!----//fea-video---->
<!--/about-->
<div class="details">
<div class="container">
<div class="bottom-grid">
<div class="col-md-6 bottom-grid-left">
<h3>Education</h3>
<div class="grids">
<div class="year text-center">
<h5>2015</h5>
</div>
<div class="qualification">
<h4>Masters in Multimedia Arts</h4>
<p>National College of Arts</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="grids">
<div class="year text-center">
<h5>2014</h5>
</div>
<div class="qualification">
<h4>Diploma in Design</h4>
<p>Arena Multimedia</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="grids">
<div class="year text-center">
<h5>2013</h5>
</div>
<div class="qualification">
<h4>eACCP</h4>
<p>Aptech Certified Computer Professional</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="grids">
<div class="year text-center">
<h5>2012</h5>
</div>
<div class="qualification">
<h4>Photoshop & Corel Draw</h4>
<p>Certification from Aptech Computer Education</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="grids">
<div class="year text-center">
<h5>2011</h5>
</div>
<div class="qualification">
<h4>Web Design & Development</h4>
<p>Certification from Nicon</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-6 bottom-grid-right">
<h3>Awards</h3>
<div class="grids">
<div class="year year2 text-center">
<h5>2015</h5>
</div>
<div class="qualification">
<h4>Special Performance</h4>
<p>i2c Inc</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="grids">
<div class="year year2 text-center">
<h5>2014</h5>
</div>
<div class="qualification">
<h4>Special Performance</h4>
<p>i2c Inc</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="grids">
<div class="year year2 text-center">
<h5>2013</h5>
</div>
<div class="qualification">
<h4>Winner Poster Design</h4>
<p>Ghulam Ishaq Khan University</p>
</div>
<div class="clearfix"> </div>
</div>
<div class
个人信息介绍单页模板是一款html5模板，适合个人简历模板下载。.rar （28个子文件） 
个人信息介绍单页模板是一款html5模板，适合个人简历模板下载。 moban732 js 
bootstrap.js 66KB jquery.magnific-popup.js 45KB jquery.chocolat.js 10KB easing.js 5KB move-top.js 1KB jquery.min.js 82KB css style.css 29KB popuo-box.css 5KB bootstrap.css 138KB chocolat.css 2KB
index.html 16KB images 
close.gif 845B
video.jpg 47KB
arrow.png 3KB right.gif 67B img13.jpg 13KB img10.jpg 24KB left.gif 68B search.png 3KB img11.jpg 10KB banner-in.jpg 66KB img15.jpg 10KB img16.jpg 29KB e.png 3KB img17.jpg 13KB img14.jpg 11KB img12.jpg 15KB img9.jpg 9KB资源评论
