黑色css3动画响应式个人web简历模板

共37个文件

jpg：14个

js：5个

css：5个

版权申诉

34 浏览量 2023-04-27 14:54:14 上传评论收藏 1.49MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

黑色css3动画响应式个人web简历模板_黑色动画仿flash 交互 jquery 响应式个人简历手机 web简历作品展示案例 css3 html5 摄影图片商业企业精品.rar （37个子文件）

黑色css3动画响应式个人web简历模板_黑色动画仿flash 交互 jquery 响应式个人简历手机 web简历作品展示案例 css3 html5 摄影图片商业企业精品

tpmo_421_raleway

custom.min.js 1KB

jquery.gmap3.min.js 29KB

templatemo_custom.js 2KB

min

custom.min.js 1KB

jquery.min.js 94KB

img

offer-bg.jpg 65KB

a2.jpg 53KB

blog-pink.jpg 46KB

2.jpg 49KB

6.jpg 83KB

shape-1.png 1KB

a1.jpg 45KB

1.jpg 53KB

blog-blue.jpg 46KB

5.jpg 127KB

story-bg.jpg 60KB

3.jpg 60KB

shape-2.png 1KB

7.jpg 97KB

blog-green.jpg 21KB

4.jpg 63KB

css

simple-line-icons.css 11KB

bootstrap.min.css 111KB

animate.css 53KB

font-awesome.min.css 21KB

templatemo_style.css 17KB

index.html 14KB

fonts

Simple-Line-Icons.eot 35KB

FontAwesome.otf 73KB

fontawesome-webfont.eot 71KB

fontawesome-webfont.woff 82KB

Simple-Line-Icons.woff 58KB

Simple-Line-Icons.dev.svg 178KB

fontawesome-webfont.svg 248KB

fontawesome-webfont.ttf 138KB

Simple-Line-Icons.svg 175KB

Simple-Line-Icons.ttf 34KB

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui"> <title>Raleway - Creative Animated Template</title> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/simple-line-icons.css"> <link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" href="css/templatemo_style.css"> </head> <body> <header class="site-header container animated fadeInDown"> <div class="header-wrapper"> <div class="row"> <div class="col-md-4"> <div class="site-branding"> <a href="#"><h1>Raleway</h1></a> </div> </div> <a href="#" class="toggle-nav hidden-md hidden-lg"> <i class="fa fa-bars"></i> </a> <div class="col-md-8"> <nav id="nav" class="main-navigation hidden-xs hidden-sm"> <ul class="main-menu"> <li><a class="show-1 active homebutton" href="#">Home</a></li> <li><a class="show-2 aboutbutton" href="#">About Us</a></li> <li><a class="show-3 projectbutton" href="#">Projects</a></li> <li><a class="show-4 blogbutton" href="#">Blog Entries</a></li> <li><a class="show-5 contactbutton" href="#">Contact</a></li> </ul> </nav> <nav class="main-navigation menu-responsive hidden-md hidden-lg"> <ul class="main-menu"> <li><a class="show-1 active homebutton" href="#">Home</a></li> <li><a class="show-2 aboutbutton" href="#">About Us</a></li> <li><a class="show-3 projectbutton" href="#">Projects</a></li> <li><a class="show-4 blogbutton" href="#">Blog Entries</a></li> <li><a class="show-5 contactbutton" href="#">Contact</a></li> </ul> </nav> </div> </div> </div> </header> <div class="copyrights">Collect from <a href="http://www.moobnn.com/" title="网站模板">网站模板</a></div> <div id="menu-container"> <div id="menu-1" class="homepage home-section container"> <div class="home-intro text-center"> <h2 class="welcome-title animated fadeInLeft">Introduction</h2> <p class="animated fadeInRight">Raleway HTML5 template is provided by <span class="blue">template</span><span class="green">mo</span>. Credit goes to <a href="#">Unsplash</a> for photos. Feel free to modify and use this layout for any personal or commercial website.</p> <ul class="list-icons animated fadeInUp"> <li><i class="icon-trophy"></i></li> <li><i class="icon-badge"></i></li> <li><i class="icon-magic-wand"></i></li> <li><i class="icon-screen-desktop"></i></li> </ul> </div> <div class="home-projects"> <div class="row"> <div class="col-md-6 col-sm-12"> <div class="project-title animated fadeInUp"> <h2>Latest Projects</h2> <p>Sed eu turpis vehicula, iaculis sapien eu, molestie libero. Cras ac urna in neque commodo sodales vel et dolor. Pellentesque aliquam semper lectus, nec consequat ex lacinia nec. <br><br>Nunc eget velit nec felis ultrices vulputate venenatis interdum arcu. In ac auctor quam. </p> <a href="#" class="pink-button">Continue Journal</a> </div> </div> <div class="project-home-holder col-md-6 col-sm-12"> <div class="row"> <div class="col-md-6 col-sm-6"> <div class="project-item one animated fadeInRight"> <img src="img/1.jpg" alt=""> <div class="overlay"> <h4><a href="#">Project One</a></h4> </div> </div> </div> <div class="col-md-6 col-sm-6"> <div class="project-item two animated fadeInRight"> <img src="img/2.jpg" alt=""> <div class="overlay"> <h4><a href="#">Project Two</a></h4> </div> </div> </div> <div class="col-md-6 col-sm-6"> <div class="project-item three animated fadeInRight"> <img src="img/3.jpg" alt=""> <div class="overlay"> <h4><a href="#">Project Three</a></h4> </div> </div> </div> <div class="col-md-6 col-sm-6"> <div class="project-item four animated fadeInRight"> <img src="img/4.jpg" alt=""> <div class="overlay"> <h4><a href="#">Project Four</a></h4> </div> </div> </div> </div> </div> </div> </div> </div> <div id="menu-2" class="content about-section container"> <div class="our-story"> <div class="story-bg animated fadeIn"></div> <div class="row"> <div class="col-md-6 col-md-offset-3"> <div class="inner-story animated fadeInRight text-center"> <h2>ABOUT US</h2> <p>Cras placerat, est ac sollicitudin laoreet, ante enim egestas lorem, vel auctor nibh massa sit amet lacus. Cras mollis tellus id sollicitudin vulputate. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam gravida arcu</p> </div> </div> </div> </div> <div class="our-offers"> <div class="offer-bg animated fadeIn"></div> <div class="offer-header"> <div class="row"> <div class="col-md-6 col-md-offset-3 text-center"> <div class="offer-title animated fadeInDown"> <h2>OUR WORK</h2> </div> </div> </div> </div> <div class="row"> <div class="offer-holder"> <div class="col-md-6"> <div class="offer-item offer-1 animated fadeInLeft"> <figure> <img src="img/a1.jpg" alt=""> </figure> <div class="offer-content text-center"> <h4>HAPPY WORKING WITH US</h4> <p>Sed sagittis nunc vel tellus ultricies auctor. Class aptent taciti sociosqu ad litora torquent per conubia , per inceptos himenaeos. Integer eleifend tellu.</p> <span class="offer-left"><i></i></span> <span class="offer-right"><i></i></span> </div> </div> </div> <div class="col-md-6"> <div class="offer-item offer-2 animated fadeInRight"> <figure> <img src="img/a2.jpg" alt=""> </figure> <div class="offer-content text-center"> <h4>OUR COMPANY BACKGROUND</h4> <p>Sed sagittis nunc vel tellus ultricies auctor. Class aptent taciti sociosqu ad litora torquent per conubia , per inceptos himenaeos. Integer eleifend tellu.</p> <span class="offer-left"><i></i></span> <span class="offer-right"><i></i></span> </div> </div> </div> </div> </div> </div> </div> <div id="menu-3" class="content project-section container"> <div class="projects-header"> <h2 class="animated fadeInRight">Our projects</h2> <p class="animated fadeInLeft">Sed sagittis nunc vel tellus ultricies auctor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer eleifend tellus ut porttitor pharetra.</p> </div> <div class="projects-holder"> <div class="row"> <div class="col-md-4 col-sm-6 p-1 animated umScaleIn"> <div class="project-item"> <img src="img/1.jpg" alt=""> <div class="overlay"> <h4><a href="#">Project One</a></h4> </div> </div> </div> <div class="col-md-4 col-sm-6 p-2 animated umScaleIn"> <div class="project-item"> <img src="img/2.jpg" alt=""> <div class="overlay"> <h4><a href="#">Project Two</a></h4> </div> </div> </div> <div class="col-md-4 col-sm-6 p-3 animated umScaleIn"> <div class="project-item"> <img src="img/3.jpg" alt=""> <div class="overlay"> <h4><a href="#">Project Three</a></h4> </div> </div> </div> </div> <div class="row"> <div class="col-md-3 col-sm-6 p-4 animated

评论收藏

内容反馈

版权申诉