大屏背景欧美风格web简历html5模板_背景_网页源码移动端前端_H5模板

共39个文件

png：17个

js：10个

jpg：7个

网站模板

56 浏览量 2023-08-05 15:34:41 上传评论收藏 1.32MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

大屏背景欧美风格web简历html5模板_背景欧美大气 css3 css3动画 html5 简历商务科技互联sive_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.rar （39个子文件）

大屏背景欧美风格web简历html5模板_背景欧美大气 css3 css3动画 html5 简历商务科技互联网 app应用 app web简历单页跳转扁平化宽屏案例展示手机响应式 responsive

fwst_Resume

jquery.cslider.js 7KB

flexy-menu.js 4KB

jquery.easing.min.js 5KB

modernizr.custom.28468.js 7KB

easing.js 5KB

move-top.js 1KB

owl.carousel.js 37KB

jquery.min.js 91KB

plugins.js 31KB

script.js 3KB

css

style.css 17KB

owl.carousel.css 14KB

slider.css 20KB

header_style1.css 5KB

index.html 19KB

images

downarrow.png 1KB

asset03.jpg 2KB

down.png 258B

asset02.jpg 3KB

icon1.png 305B

icon4.png 409B

mail.png 668B

logo.png 4KB

down1.png 289B

img2.jpg 189KB

asset01.jpg 3KB

icon5.png 288B

sprite.png 19KB

user.png 785B

img3.jpg 290KB

top.png 983B

img1.png 338KB

slider.jpg 346KB

icon3.png 538B

down1h.png 291B

asset04.jpg 4KB

img.png 107KB

nav-icon.png 280B

icon2.png 426B

<!DOCTYPE HTML> <html> <head> <title>Home</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/slimmenu.css" rel="stylesheet" media="screen"> <script src="js/jquery.min.js"></script> </head> <body> <div class="content" id="home"> <div class="wrap"> <div class="header_style1">  <div class="logo"> <h1><a href="index.html">Resume</a></h1> </div>  <div class="h_menu"> <ul class="flexy-menu thick orange"> <li> <a href="#home" class="scroll">Home</a></li> <li><a href="#Portfolio" class="scroll">Portfolio</a></li> <li><a href="#skills" class="scroll">Skills</a> </li> <li><a class="scroll" href="#Experience">Experience</a></li> <li><a href="#contact" class="scroll">Contact</a></li> </ul> </div>  <div class="clear"> </div> </div>   <script type="text/javascript" src="js/flexy-menu.js"></script> <link href="css/header_style1.css" rel="stylesheet" type="text/css" media="all" /> <script type="text/javascript">$(document).ready(function(){$(".flexy-menu").flexymenu({speed: 400,type: "horizontal",align: "right"});});</script>  <div class="slider">  <div id="da-slider" class="da-slider"> <div class="da-slide"> <h2>Designer & maker</h2> <p>Lorem ipsum is simply dummy text of the printing</p> <a href="#" class="da-link"><span> READ NOW</span></a> </div> <div class="da-slide"> <h2>Designer & maker</h2> <p>Lorem ipsum is simply dummy text of the printing</p> <a href="#" class="da-link"><span> READ NOW</span></a> </div> <div class="da-slide"> <h2>Designer & maker</h2> <p>Lorem ipsum is simply dummy text of the printing</p> <a href="#" class="da-link"><span> READ NOW</span></a> </div> <nav class="da-arrows"> <span class="da-arrows-prev"></span> <span class="da-arrows-next"></span> </nav> </div> <div class="down-arrow"> <a href="#group_1" class="scroll" ><span> </span></a> </div> <link rel="stylesheet" type="text/css" href="css/slider.css" /> <script type="text/javascript" src="js/modernizr.custom.28468.js"></script> <script type="text/javascript" src="js/jquery.cslider.js"></script> <script type="text/javascript"> $(function() { $('#da-slider').cslider({ autoplay : true, bgincrement : 450 }); }); </script>  </div> </div> </div>  <div class="group_1" id="group_1"> <div class="group_1-items"> <div class="wrap"> <div id="owl-demo" class="owl-carousel"> <div class="item" > <div class="carousel"> <div class="group_1_img"> <h3 class="ui">UI</h3> <h4 class="ux">UX</h4> <div class="clear"> </div> </div> <div class="group_1_text"> <h3>I create simple interfaces for humans and enjoy pixel-perfection.</h3> <p>I’m an experienced and passionate user interface designer with interaction design background.</p> </div> <div class="clear"> </div> </div> </div> <div class="item"> <div class="carousel"> <div class="group_1_img"> <h3 class="ui fontend">FRONTEND</h3> <h4 class="ux ui1">UI</h4> <div class="clear"> </div> </div> <div class="group_1_text"> <h3>I create simple interfaces for humans and enjoy pixel-perfection.</h3> <p>I’m an experienced and passionate user interface designer with interaction design background.</p> </div> <div class="clear"> </div> </div> </div> <div class="item"> <div class="carousel"> <div class="group_1_img "> <h3 class="ui core">CORE</h3> <h4 class="ux ui1">UI</h4> <div class="clear"> </div> </div> <div class="group_1_text"> <h3>I create simple interfaces for humans and enjoy pixel-perfection.</h3> <p>I’m an experienced and passionate user interface designer with interaction design background.</p> </div> <div class="clear"> </div> </div> </div> </div> </div> </div> </div> <div class="copyrights">Collect from <a href="http://www.moobnn.com/" >Website Template</a></div> <div class="group_2" id="Portfolio"> <h3 class="heading">Portfolio</h3> <div class="group_2_items"> <div class="wrap"> <div id="owl-demo1" class="owl-carousel"> <div class="item" > <div class="carousel"> <div class="group_2_img1"> <img src="images/img1.png" alt=""> </div> <div class="group_2_text2"> <div class="desc"> <h3>client</h3> <h4>Apple</h4> </div> <div class="desc"> <h3>Role in project</h3> <h4>Designer Lead</h4> </div> <div class="desc"> <h3>project included</h3> <h4>Mobile and web interface</h4> </div> <div class="button_2"> <a href="#">Browser</a> </div> </div> <div class="clear"> </div> <div class="brows_button_3"> <a href="#">Browser portfolio</a> </div> </div> </div> <div class="item"> <div class="carousel"> <div class="group_2_img1"> <img src="images/img2.jpg" alt=""> </div> <div class="group_2_text2"> <div class="desc"> <h3>client</h3> <h4>Lorem ipsum dolor</h4> </div> <div class="desc"> <h3>Role in project</h3> <h4>Designer Lead</h4> </div> <div class="desc"> <h3>project included</h3> <h4>Responsive Mobile Website Templates </h4> </div> <div class="button_2"> <a href="#">Browser</a> </div> </div> <div class="clear"> </div> <div class="brows_button_3"> <a href="#">Browser portfolio</a> </div> </div> </div> <div class="item"> <div class="carousel"> <div class="group_2_img1"> <img src="images/img3.jpg" alt=""> </div> <div class="group_2_text2"> <div class="desc"> <h3>client</h3> <h4>Apple</h4> </div> <div class="desc"> <h3>Role in project</h3> <h4>Designer Lead</h4> </div> <div class="desc"> <h3>project included</h3> <h4>Developing games in Android Mobiles</h4> </div> <div class="button_2"> <a href="#">Browser</a> </div> </div> <div class="clear"> </div> <div class="brows_button_3"> <a href="#">Browser portfolio</a> </div> </div> </div> </div> </div> </div> </div>  <link href="css/owl.carousel.css" rel="stylesheet">   <script src="js/owl.carousel.js"></script> <script> $(document).ready(function() { $("#owl-demo").owlCarousel({ items : 1, lazyLoad : true, autoPlay : true, navigation : true, navigationText : ["",""], rewindNav :true, scrollPerPage :true, pagination : true, paginationNumbers: false, }); }); $(document).ready(function() { $("#owl-demo1").owlCarousel({ items : 1, lazyLoad : true, autoPlay : true, navigation : true, navigationText : ["",""], rewindNav : true, scrollPerPage :true, pagination : false, paginationNumbers: false

评论收藏

内容反馈