<!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资源评论
紫微前端
- 粉丝: 4478
- 资源: 871
最新资源
- 校园失物招领网站：设计与实现的全流程解析
- 基于java的公司固定资产管理系统.doc
- 基于java+springboot+vue+mysql的学科竞赛管理系统 源码+数据库+论文(高分毕业设计).zip
- 人工智能领域计算断层成像技术研究最新进展综述
- 微藻检测10-YOLO（v5至v11）、COCO、CreateML、Paligemma、TFRecord、VOC数据集合集.rar
- 快速排序算法在Rust语言的实现及其优化
- 2024年超融合网络架构研究与实践报告.pdf
- 埃森哲：2024年360°价值报告（英文版）.pdf
- ISACA中国社区2024女性职业现状调查报告.pdf
- 如何看待“适度宽松”的货币政策.pdf
- 双目立体匹配三维重建点云C++ 本工程基于网上开源代码进行修改，内容如下： 1.修改为 VS2015 Debug win32 版本，支持利用特征点和 OpenCV 立体匹配算法进行进行三维重建及显示
- 华为云AI数字人生态赋能千行百业高效发展.pdf
- 金融业数据安全发展与实践报告.pdf
- 候鸟生命线—共筑候鸟迁徙保护网络.pdf
- 2024年全国统一电力市场建设情况及展望报告.pdf
- 2018-2023年粤港澳、京津冀、长三角三大区域高校本科专业调整趋势.pdf
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
