<!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.rar
需积分: 0 122 浏览量
2023-09-10
10:33:57
上传
评论
收藏 532KB RAR 举报
UI设计师web简历html5模板下载_设计设计师简历web简历bootstrap手机响应式单页作品案例ui.rar （44个子文件） 
style.css 23KB
close.gif 70B
project-icons.png 4KB jquery.magnific-popup.js 45KB
video.jpg 5KB modernizr.custom.min.js 2KB blog-post.jpg 12KB port-pic4.jpg 13KB port-pic5.jpg 7KB jquery.chocolat.js 10KB services-icons.png 6KB social-icons.png 4KB cycle.png 10KB blog-post1.jpg 6KB pic.png 162KB popuo-box.css 5KB port-pic6.jpg 6KB close2h.png 3KB port-pic2.jpg 10KB bootstrap.css 118KB port-pic3.jpg 6KB avatar.png 2KB port-pic.jpg 8KB easing.js 5KB projects-bg.jpg 15KB port-pic1.jpg 8KB move-top.js 1KB
index.html 21KB chocolat.css 2KB contact.html 7KB single.html 7KB blog-post3.jpg 4KB bg2.jpg 68KB blog-post4.jpg 6KB jquery.min.js 94KB close2.png 3KB port-pic7.jpg 10KB single.jpg 42KB services-bg.jpg 17KB hover-icon.png 3KB blog-post5.jpg 4KB to-top1.png 639B portpic.jpg 8KB nav-icon.png 3KB资源评论
Q_97095639
- 粉丝: 374
- 资源: 1万+
