<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<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="Portfolio 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>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!---- 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>
<!----webfonts--->
<link href='http://ajax.useso.com/css?family=Raleway:200,400,300,600,500,900,700,100,800' rel='stylesheet' type='text/css'>
<link href='http://ajax.useso.com/css?family=Cookie' rel='stylesheet' type='text/css'>
<!---//webfonts--->
<!------ light-box-script ----->
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/javascript" charset="utf-8">
$(function() {
$('.about-grid a').Chocolat({linkImages:false});
});
</script>
<!------ light-box-script ----->
</head>
<body>
<!-- container -->
<!-- header -->
<div id="home" class="header">
<div class="container">
<!-- -->
<div class="nav-icon">
<a href="#" class="right_bt" id="activator"><span> </span> </a>
</div>
<div class="box" id="box">
<div class="box_content">
<div class="box_content_center">
<div class="form_content">
<div class="menu_box_list">
<ul>
<li><a class="scroll" href="#home">home</a></li>
<li><a class="scroll" href="#about">About</a></li>
<li><a class="scroll" href="#services">Services</a></li>
<li><a class="scroll" href="#port">portfolio</a></li>
<li><a class="scroll" href="#blog">Blog</a></li>
<li><a class="scroll" href="#contact">Contact</a></li>
<div class="clear"> </div>
</ul>
</div>
<a class="boxclose" id="boxclose"> <span> </span></a>
</div>
</div>
</div>
</div>
<!-- script-for-box -->
<script type="text/javascript">
var $ = jQuery.noConflict();
$(function() {
$('#activator').click(function(){
$('#box').animate({'top':'0px'},500);
});
$('#boxclose').click(function(){
$('#box').animate({'top':'-700px'},500);
});
});
$(document).ready(function(){
//Hide (Collapse) the toggle containers on load
$(".toggle_container").hide();
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$(".trigger").click(function(){
$(this).toggleClass("active").next().slideToggle("slow");
return false; //Prevent the browser jump to the link anchor
});
});
</script>
<!-- script-for-box -->
<!----->
<!-- banner-info -->
<div class="banner-info text-center">
<img src="images/pic.png" class="img-responsive" alt=""/>
<h1>Videntur Parum</h1>
<p>Love to Design and capture Photographs :)</p>
<ul>
<li><a href="#">Hire Me</a></li>
<li><a href="#">Follow Me</a></li>
</ul>
</div>
<!-- banner-info -->
</div>
</div>
<!-- /header -->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >企业网站模板</a></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>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="name" /></a>
</div>
</div>
<!-- about-grids -->
</div>
</div>
<!-- about -->
<!---pop-up-box---->
<script type="text/javascript" src="js/modernizr.custom.min.js"></script>
<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---->
<!-- services -->
<div id="services" class="services">
<!-- head-section -->
<div class="head-section service-head text-center">
<h2>My Services</h2>
<span></span>
</div>
<!-- head-section -->
<!-- services-grids -->
<div class="service-grids text-center">
<div class="container">
<div class="col-md-4">
<div class="service-grid t-service-grid">
<span class="s-cion1"> </span>
<h3>PRODUCT DESIGN</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam</p>
</div>
</div>
<div class="col-md-4">
<div class="service-grid t-service-grid">
<span class="s-cion2"> </span>
<h3>PRODUCT DESIGN</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam</p>
</div>
</div>
<div class="col-md-4">
<div class="service-grid t-service-grid">
<span class="s-cion3"> </span>
<h3>PRODUCT DESIGN</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam</p>
</div>
</div>
<div class="col-md-4">
<div class="service-grid">
<span class="s-cion4"> </span>
<h3>PRODUCT DESIGN</h3>
UI设计师web简历html5模板下载-设计 设计师 简历 web简历 bootstrap 手机 响应式 单页 作品 案例 ui
需积分: 0 173 浏览量
2022-11-20
09:25:03
上传
评论
收藏 543KB RAR 举报
UI设计师web简历html5模板下载_设计 设计师 简历 web简历 bootstrap 手机 响应式 单页 作品 案例 ui.rar （44个子文件） 
UI设计师web简历html5模板下载_设计 设计师 简历 web简历 bootstrap 手机 响应式 单页 作品 案例 ui cpts_136_elu css 
bootstrap.css 118KB popuo-box.css 5KB chocolat.css 2KB style.css 23KB images 
port-pic2.jpg 10KB portpic.jpg 8KB
close2h.png 3KB social-icons.png 4KB services-bg.jpg 17KB nav-icon.png 3KB blog-post5.jpg 4KB port-pic6.jpg 6KB to-top1.png 639B video.jpg 5KB blog-post3.jpg 4KB
close.gif 70B pic.png 162KB projects-bg.jpg 15KB cycle.png 10KB blog-post4.jpg 6KB hover-icon.png 3KB port-pic3.jpg 6KB avatar.png 2KB port-pic1.jpg 8KB port-pic4.jpg 13KB port-pic5.jpg 7KB project-icons.png 4KB services-icons.png 6KB blog-post.jpg 12KB close2.png 3KB bg2.jpg 68KB single.jpg 42KB blog-post1.jpg 6KB port-pic7.jpg 10KB port-pic.jpg 8KB
single.html 7KB index.html 21KB js jquery.min.js 94KB move-top.js 1KB easing.js 5KB jquery.chocolat.js 10KB jquery.magnific-popup.js 45KB modernizr.custom.min.js 2KB contact.html 7KB资源评论
