<!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
黑色动画仿flash交互jquery响应式个人简历手机web简历作品展示案例css3html5摄影图片商业企业精品.rar
需积分: 0 35 浏览量
2023-09-11
08:39:06
上传
评论
收藏 1.47MB RAR 举报
黑色css3动画响应式个人web简历模板_黑色动画仿flash交互jquery响应式个人简历手机web简历作品展示案例css3html5摄影图片商业企业精品.rar （36个子文件） 
simple-line-icons.css 11KB
offer-bg.jpg 65KB custom.min.js 1KB a2.jpg 53KB bootstrap.min.css 111KB blog-pink.jpg 46KB 2.jpg 49KB Simple-Line-Icons.eot 35KB FontAwesome.otf 73KB fontawesome-webfont.eot 71KB 6.jpg 83KB
shape-1.png 1KB jquery.gmap3.min.js 29KB a1.jpg 45KB 1.jpg 53KB blog-blue.jpg 46KB templatemo_custom.js 2KB fontawesome-webfont.woff 82KB animate.css 53KB 5.jpg 127KB font-awesome.min.css 21KB Simple-Line-Icons.woff 58KB
index.html 14KB
Simple-Line-Icons.dev.svg 178KB fontawesome-webfont.svg 248KB fontawesome-webfont.ttf 138KB jquery.min.js 94KB story-bg.jpg 60KB 3.jpg 60KB shape-2.png 1KB 7.jpg 97KB blog-green.jpg 21KB templatemo_style.css 17KB Simple-Line-Icons.svg 175KB 4.jpg 63KB Simple-Line-Icons.ttf 34KB资源评论
