<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Ladies a Fashion Category Flat Bootstarp Responsive Website Template | Home :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Ladies Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="css/swipebox.css">
<!------ Light Box ------>
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!------ Eng Light Box ------>
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
nav: true,
speed: 500,
namespace: "callbacks",
pager: true,
});
});
</script>
</head>
<body>
<!-- header -->
<div class="header">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt=""></a>
</div>
<div class="header-bottom">
<div class="head-nav">
<span class="menu"> </span>
<ul class="cl-effect-3">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="about.html">About</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
<div class="clearfix"></div>
</ul>
</div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
<div class="search2">
<form>
<input type="text" value="Search.." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search..';}">
<input type="submit" value="">
</form>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="banner">
<div class="container">
<div class="slider">
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<img src="images/img18.jpg" class="img-responsive" alt="">
<div class="caption">
<p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.</p>
</div>
</li>
<li>
<img src="images/img15.jpg" class="img-responsive" alt="">
<div class="caption">
<p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.</p>
</div>
</li>
<li>
<img src="images/img17.jpg" class="img-responsive" alt="">
<div class="caption">
<p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.</p>
</div>
</li>
<li>
<img src="images/img18.jpg" class="img-responsive" alt="">
<div class="caption">
<p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.</p>
</div>
</li>
<li>
<img src="images/img15.jpg" class="img-responsive" alt="">
<div class="caption">
<p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.</p>
</div>
</li>
<li>
<img src="images/img17.jpg" class="img-responsive" alt="">
<div class="caption">
<p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- header -->
<!-- ipsum -->
<div class="ipsum">
<div class="container">
<h3><span>"</span>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis. <span>"</span></h3>
</div>
</div>
<!-- ipsum -->
<!-- portfolio-section -->
<div class="container">
<div class="portfolio" id="portfolio">
<div class="welcome-top">
<div id="portfoliolist">
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<div class="welcome-1">
<a href="images/img18.jpg" class="swipebox" title="Image Title"> <img src="images/img18.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<div class="welcome-1">
<a href="images/img13.jpg" class="swipebox" title="Image Title"> <img src="images/img13.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<div class="welcome-1">
<a href="images/img14.jpg" class="swipebox" title="Image Title"> <img src="images/img14.jpg" class="img-responsive" alt=""><sp
个人创意简历(可分享的网页)-青橙绿叶个人网页模板-女性介绍网站-响应式适配移动端.zip
版权申诉
79 浏览量
2024-03-18
11:25:08
上传
评论
收藏 1.82MB ZIP 举报
个人创意简历(可分享的网页)-青橙绿叶个人网页模板-女性介绍网站-响应式适配移动端.zip （36个子文件） 
个人创意简历(可分享的网页)-青橙绿叶个人网页模板-女性介绍网站-响应式适配移动端 html js 
jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB jquery.mixitup.min.js 14KB jquery.min.js 92KB css style.css 30KB bootstrap.css 118KB swipebox.css 4KB
index.html 16KB contact.html 7KB about.html 7KB single.html 10KB images 
sbac.png 3KB
img18.jpg 231KB themes.png 3KB list-img.png 3KB menu.png 3KB logo.png 10KB zoom.png 3KB img13.jpg 204KB img10.jpg 213KB foot.jpg 177KB img11.jpg 167KB rdd.png 3KB img15.jpg 148KB
icons.svg 1KB avatar.png 2KB img16.jpg 133KB img-sprite.png 10KB sprit-1.png 3KB img17.jpg 260KB img14.jpg 155KB img12.jpg 162KB img9.jpg 137KB foot.png 11KB blog.html 10KB gallery.html 12KB资源评论
