个人创意简历(可分享的网页)-个人简历职业技术展示网页模板Bootstrap-响应式适配移动端.zip资源-CSDN文库

共39个文件

png：14个

jpg：10个

js：7个

版权申诉

创意简历

10 浏览量 2024-03-18 11:30:21 上传评论收藏 1.05MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

个人创意简历(可分享的网页)-个人简历职业技术展示网页模板 Bootstrap-响应式适配移动端.zip （39个子文件）

个人创意简历(可分享的网页)-个人简历职业技术展示网页模板 Bootstrap-响应式适配移动端

html

bootstrap.js 55KB

bootstrap.min.js 25KB

formvalidation.js 2KB

jquery.tweet.js 14KB

html5placeholder.jquery.js 3KB

jquery.js 93KB

bootstrap-carousel.js 5KB

img

boggerlogo.png 20KB

bodybg.png 81KB

glyphicons-halflings-white.png 9KB

arrow.png 5KB

menu.png 2KB

logo.png 11KB

portofolio

2.jpg 165KB

6.jpg 37KB

1.jpg 84KB

5.jpg 55KB

3.jpg 60KB

4.jpg 48KB

author.jpg 16KB

contact.png 123KB

socialicons

flickr.png 4KB

google.png 4KB

twitter.png 4KB

facebook.png 4KB

bg.png 17KB

hireme.png 4KB

glyphicons-halflings.png 12KB

slider

2.jpg 67KB

1.jpg 60KB

3.jpg 93KB

css

filters.svg 214B

custom.css 20KB

bootstrap-responsive.css 2KB

bootstrap.css 57KB

index.html 9KB

contact.html 7KB

about.html 8KB

portofolio.html 9KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Retro Doe - Responsive Portofolio</title> <meta name="description" content=""> <meta name="author" content="">    <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/custom.css" rel="stylesheet"> <link href="css/bootstrap-responsive.css" rel="stylesheet">  <link rel="shortcut icon" href="images/favicon.ico"> <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">  <script src="js/jquery.js"></script> <script src="js/bootstrap.js"></script> <script>$('#myModal').modal()</script> <script src="js/formvalidation.js"></script> <script src="js/html5placeholder.jquery.js"></script> <script src="js/jquery.tweet.js"></script> </head> <body>  <div class="topline"> </div>  <div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <div class="nav-collapse collapse">   <ul class="nav leftmenu"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About me & my work</a></li> </ul>  <ul class="nav rightmenu"> <li><a href="portofolio.html">Portofolio & projects</a></li> <li class="lastmenu"><a href="contact.html" class="lastmenu">Contact</a></li> </ul>   <div id="myModal" class="modal hide fade hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> <h3 id="myModalLabel">Send me a note</h3> </div> <div class="modal-body"> <div class="done"> <div class="alert alert-success"> <button type="button" class="close" data-dismiss="alert">x</button> <strong>Message sent successfully!</strong><br/> </div> </div> <div class="form"> <form method="post" action="process.php" id="contactform"> <table> <tbody> <tr class="element"> <td class="noborder"> </td> <td class="noborder"> <input type="text" name="name" class="text input-xlarge" placeholder="Name"> </td> </tr> <tr class="element"> <td class="noborder"> </td> <td class="noborder"> <input type="text" name="email" class="text input-xlarge" placeholder="E-mail address"> </td> </tr> <tr class="element texttop"> <td class="noborder"> </td> <td class="noborder"> <textarea name="comment" class="text textarea input-xlarge contactarea" placeholder="Project details, requirements, budget"></textarea> </td> </tr> <tr class="element"> <td class="noborder">  </td> <td class="noborder"> <input type="submit" id="submit" class="btn" value="Submit"> <div class="loading"> </div> </td> </tr> </tbody> </table> </form> </div> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal">Close</button> </div> </div>  </div>   <a class="brand logo" href="#">John<br/> Doe</a>   <div class="hiremebadge"> <div class="hiremetext"> <a data-toggle="modal" href="#myModal">Hire me</a> </div> </div>  </div> </div> </div>  <div class="container">  <h1 class="title">Portofolio</h1> <div class="titlelinesimple"> </div>  <div class="row center"> <div class="span16"> <div class="boxgrid slideright"> <img class="cover" src="img/portofolio/1.jpg" alt=""/> <h3>Project Name</h3> <p> Decription<br/><a href="#" target="_BLANK">View link</a> </p> </div> <div class="boxgrid thecombo"> <img class="cover" src="img/portofolio/2.jpg" alt=""/> <h3>John Doe</h3> <p> Photographer<br/><a href="#" target="_BLANK">View link</a> </p> </div> <div class="boxgrid slideright"> <img class="cover" src="img/portofolio/3.jpg" alt=""/> <h3>John Doe</h3> <p> Photographer<br/><a href="#" target="_BLANK">View link</a> </p> </div> <div class="boxgrid thecombo"> <img class="cover" src="img/portofolio/4.jpg" alt=""/> <h3>Project Name</h3> <p> Decription<br/><a href="#" target="_BLANK">View link</a> </p> </div> <div class="boxgrid slideright"> <img class="cover" src="img/portofolio/5.jpg" alt=""/> <h3>John Doe</h3> <p> Art, Music, Word<br/><a href="#" target="_BLANK">Website</a> </p> </div> <div class="boxgrid thecombo"> <img class="cover" src="img/portofolio/6.jpg" alt=""/> <h3>Project Name</h3> <p> Decription<br/><a href="#" target="_BLANK">View link</a> </p> </div> </div> </div>  <div class="footerli"> </div> <div class="tweetarea"> <div class="tweettext"> <div class="row"> <div class="span-one-third"> <div class="tweet"> </div> </div> <div class="span-one-third"> <div class="centermargin"> <div class="facebook"> <a href="#"></a> </div> <div class="twitter"> <a href="#"></a> </div> <div class="google"> <a href="#"></a> </div> <div class="flickr"> <a href="#"></a> </div> </div> </div> <div class="span-one-third center"> Have a project in mind? <br/>Contact me directly<br/> <span class="small"><a href="mailto:[email protected]">[email protected]</a></span> </div> </div> </div> </div> <div class="footer center"> © Copyright Your Name 2015<a target="_blank" href="http://www.mobanwang.com" title="网页模板">网页模板</a> </div> </div>  <div class="footerend"> </div>  <script type="text/javascript"> $(document).ready(function(){ //To switch directions up/down and left/right just place a "-" in front of the top/left attribute //Vertical Sliding $('.boxgrid.slidedown').hover(function(){ $(".cover", this).stop().animate({top:'-260px'},{queue:false,duration:300}); }, function() { $(".cover", this).stop().animate({top:

评论收藏

内容反馈

版权申诉