个人创意简历(可分享的网页)-蔬菜日志黑色网页模板-个人简历-响应式适配移动端.zip资源-CSDN文库

共66个文件

png：45个

js：8个

css：5个

版权申诉

HTML源码

适配移动端

32 浏览量 2024-03-18 11:25:11 上传评论收藏 4.42MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

个人创意简历(可分享的网页)-蔬菜日志黑色网页模板-个人简历-响应式适配移动端.zip （66个子文件）

个人创意简历(可分享的网页)-蔬菜日志黑色网页模板-个人简历-响应式适配移动端

html

mobile

css

style.css 8KB

index.html 6KB

images

down.png 3KB

monitr3.png 49KB

twt.png 859B

fb.png 813B

icons copy.png 1KB

rightarw.png 831B

up.png 3KB

footerbg.jpg 20KB

monitr1.png 32KB

diamond.png 4KB

bannerbg.png 61KB

monitr2.png 60KB

hdr.png 1KB

bwn.png 3KB

in.png 857B

to-top1.png 639B

smartphone

circles.js 7KB

easing.js 5KB

move-top.js 1KB

jquery.min.js 94KB

css

style.css 10KB

bootstrap.css 118KB

index.html 9KB

images

down.png 1KB

resume.jpg 1.13MB

monitr3.png 62KB

twt.png 859B

fb.png 813B

icons copy.png 1KB

rightarw.png 831B

up.png 1KB

footerbg.jpg 32KB

monitr1.png 37KB

diamond.png 2KB

bannerbg.png 126KB

monitr2.png 92KB

hdr.png 1KB

bwn.png 1KB

in.png 857B

to-top1.png 639B

web

circles.js 7KB

easing.js 5KB

move-top.js 1KB

jquery.min.js 94KB

css

style.css 14KB

bootstrap.css 118KB

index.html 10KB

images

down.png 1KB

resume.jpg 1.13MB

monitr3.png 62KB

twt.png 859B

fb.png 813B

icons copy.png 1KB

rightarw.png 831B

up.png 1KB

footerbg.jpg 153KB

monitr1.png 37KB

diamond.png 2KB

bannerbg.png 1.29MB

monitr2.png 92KB

hdr.png 1KB

bwn.png 1KB

in.png 857B

to-top1.png 639B

<!DOCTYPE html> <html> <head> <title>Resume Website Template | Home :: w3layouts</title> <script src="./js/jquery.min.js"> </script> <link href="./css/bootstrap.css" rel='stylesheet' type='text/css' /> <link href="./css/style.css" rel="stylesheet" type="text/css" media="all" /> <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <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>  </head> <body>  <div id="top-top" class="headerbg">  <div class="header">  <div class="container"> <div class="logo"> <a href="#">Resume</a> </div>  <div class="nav"> <ul> <li><a class="scroll" href="#about">ABOUT</a></li> <li><a class="scroll" href="#skills">SKILLS</a></li> <li><a class="scroll" href="#port">PORTFOLIO</a></li> <li><a class="scroll" href="#contact">CONTACT</a></li> </ul> </div>  <div class="clear"></div> </div>  </div>   <div class="banner"> <div class="container"> <div class="banner-info"> <div class="bannerlogo"> <img src="./images/diamond.png"> </div> <div class="bannerhead"> <h2>My name is <span>John Deo</span></h2> <h3>PHP Programmer</h3> <p>Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,nisi elit consequat ipsum,nec sagittis sem nibh id elit.Duis.</p> <a class="downarrow scroll" href="#about"><span> </span></a> </div> </div> <div class="clear"></div> </div> </div>  </div>   <div class="content">  <div id="about" class="about"> <div class="container"> <div class="header-section text-center"> <h2><span> </span>ABOUT<span> </span></h2> </div> <span><p>Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,nisi elit consequat ipsum,nec sagittis sem nibh id elit.Duis.</p></span> <div class="years"> <h4><b>2009</b></h4> <span><h4>Project Manager Web Center</h4></span> <p><i>Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,nisi elit consequat ipsum,nec sagittis sem nibh id elit.Duis.</i></p> </div> <div class="years"> <h4><b>2012</b></h4> <span><h4>Manager Delta Coders</h4></span> <p><i>Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,nisi elit consequat ipsum,nec sagittis sem nibh id elit.Duis.</i></p> </div> <div class="years"> <h4><b>2013</b></h4> <span><h4>Owner Alternative Labs</h4></span> <div class="labs"> <p><i>Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,nisi elit consequat ipsum,nec sagittis sem nibh id elit.Duis. sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec teltus</i></p> </div> </div> <a class="arrow scroll" href="#skills"><span> </span></a> </div> </div>   <div id="skills" class="skills"> <div class="container"> <div class="skills-grids"> <div class="skill-section text-center"> <h2><span> </span>SKILLS<span> </span></h2> </div> <div class="services_grids"> <div id="canvas"> <div class="skill-grids text-center"> <div class="col-md-3"> <div class="skill-grid"> <div class="circle" id="circles-1"></div> <h3>MySql</h3> </div> </div> <div class="col-md-3"> <div class="skill-grid"> <div class="circle" id="circles-2"></div> <h3>AJAX</h3> </div> </div> <div class="col-md-3"> <div class="skill-grid"> <div class="circle" id="circles-3"></div> <h3>PHP</h3> </div> </div> <div class="col-md-3"> <div class="skill-grid"> <div class="circle" id="circles-4"></div> <h3>JAVASCRIPT</h3> </div> </div> <div class="clearfix"> </div> </div> </div> </div>  <script type="text/javascript" src="./js/circles.js"></script> <script> var colors = [ ['#181115', '#30222A'], ['#181115', '#30222A'], ['#181115', '#30222A'], ['#181115', '#30222A'] ]; for (var i = 1; i <= 5; i++) { var child = document.getElementById('circles-' + i), percentage = 50 + (i * 10); Circles.create({ id: child.id, percentage: percentage, radius: 80, width: 15, number: percentage / 10, text: '%', colors: colors[i - 1] }); } </script>  </div> </div> <a class="down scroll" href="#port"><span> </span></a> </div> </div>   <div id="port" class="Portfolio"> <div class="Portfolio-section text-center"> <h2><span> </span>PORTFOLIO<span> </span></h2> </div> <div class="container"> <div class="portfolio-grids"> <div class="portfolio-grid col-md-4"> <a href="#"><img src="./images/monitr1.png"></a> <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum</p> <a class="rightarrow" href="#"><span> </span></a> </div> <div class="portfolio-grid col-md-4"> <a href="#"><img src="./images/monitr2.png"></a> <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum</p> <a class="rightarrow" href="#"><span> </span></a> </div> <div class="portfolio-grid col-md-4"> <a href="#"><img src="./images/monitr3.png"></a> <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum</p> <a class="rightarrow" href="#"><span> </span></a> </div> <div class="clear"> </div> </div> <a class="portdown scroll" href="#contact"><span> </span></a>

评论收藏

内容反馈

版权申诉