<!--
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>Modelio a Fashion Category Flat Responsive Website Template | Home:: w3layouts</title>
<meta name="description" content="Fullscreen Pageflip Layout with BookBlock" />
<meta name="keywords" content="fullscreen pageflip, booklet, layout, bookblock, jquery plugin, flipboard layout, sidebar menu" />
<link rel="stylesheet" type="text/css" href="css/jquery.jscrollpane.custom.css" />
<link rel="stylesheet" type="text/css" href="css/bookblock.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="js/modernizr.custom.79639.js"></script>
<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="Modelio 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>
</script>
</head>
<body>
<div id="container" class="container">
<div class="menu-panel">
<h3>Modelio</h3>
<ul id="menu-toc" class="menu-toc">
<li class="menu-toc-current"><a href="#item1">Home</a></li>
<li><a href="#item3">About</a></li>
<li><a href="#item4">Models</a></li>
<li><a href="#item5">Team</a></li>
<li><a href="#item5">Portfolio</a></li>
<li><a href="#item5">Contact</a></li>
</ul>
</div>
<div class="bb-custom-wrapper">
<div id="bb-bookblock" class="bb-bookblock">
<div class="bb-item" id="item1">
<div class="content">
<div class="scroller">
<div class="wrap">
<h2><a href="index.html">MODELIO</a></h2>
<div class="banner">
<div class="banner-text">
<h1>THE WHOLE WORLD</h1>
<p>OF BEAUTY AND FASHION</p>
<a class="read-btn" href="#">Read More</a>
</div>
</div>
<div class="banner-bottom">
<h3>BE ALWAYS ON THE CUTTING EDGE OF STYLE!</h3>
<h4>GO TO THE TOP FASHION DESIGN SCHOOL</h4>
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p class="para">Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
</div>
</div>
</div>
<div class="copy-right">
<div class="wrap">
<p>© 2015 All rights Reserved | Template by <a href="http://w3layouts.com">W3layouts</a></p>
</div>
</div>
</div>
</div>
<div class="bb-item" id="item2">
<div class="content">
<div class="scroller two">
<div class="wrap">
<h2><a href="index.html">MODELIO</a></h2>
<div class="about">
<h3 class="sec-head">About</h3>
<h3>BE ALWAYS ON THE CUTTING EDGE OF STYLE!</h3>
<h4>GO TO THE TOP FASHION DESIGN SCHOOL</h4>
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="second-paper">
<div class="second-img">
<img src="images/device.png" alt=""/>
</div>
<div class="second-text">
<div class="mod-menu">
<ul class="nav menu ">
<li><a href="#"><span> </span>Lorem ipsum dolor sit amet conse </a></li>
<li><a href="#"><span> </span>Excepteur sint occaecat cupidatat non</a></li>
<li><a href="#"><span> </span>Proident sunt in culpa qui officia </a></li>
<li><a href="#"><span> </span>Ipsum dolor sit amet conse </a></li>
<li><a href="#"><span> </span>Initial Setup & Customizations</a></li>
<li><a href="#"><span> </span>Voluptate velit esse cillum </a></li>
<li><a href="#"><span> </span>Lorem ipsum dolor sit amet conse ctetur </a></li>
<div class="clear"></div>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<p class="sub-para">Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
</div>
<div class="copy-right">
<div class="wrap">
<p>© 2015 All rights Reserved | Template by <a href="http://w3layouts.com">W3layouts</a></p>
</div>
</div>
</div>
</div>
<div class="bb-item" id="item3">
<div class="content">
<div class="scroller">
<div class="wrap">
<h2><a href="index.html">MODELIO</a></h2>
<div class="meodels">
<h3 class="sec-head">Models </h3>
<div class="span_1">
<div class="grid_1">
<img src="images/m1.jpg" class="img-responsive" alt=""/>
<h4>JESSICA PRISTON</h4>
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
<div class="grid_1">
<img src="images/m2.jpg" class="img-responsive" alt=""/>
<h4>JOHN FRANKLIN</h4>
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam.</p>
</div>
<div class="grid_1
游戏音乐娱乐类网站源码-时尚模特框架介绍响应式网页模板.zip
版权申诉
119 浏览量
2024-03-24
15:08:09
上传
评论
收藏 939KB ZIP 举报
游戏音乐娱乐类网站源码-时尚模特框架介绍响应式网页模板.zip （23个子文件） 
游戏音乐娱乐类网站源码-时尚模特框架介绍响应式网页模板 html js 
modernizr.custom.79639.js 9KB jquerypp.custom.js 8KB jquery.bookblock.js 15KB jquery.mousewheel.js 2KB jquery.jscrollpane.min.js 14KB page.js 4KB css style.css 19KB bookblock.css 2KB jquery.jscrollpane.custom.css 1KB
index.html 16KB images 
m4.jpg 25KB m1.jpg 45KB
arrow.png 3KB device.png 195KB m2.jpg 26KB bg.jpg 452KB team-3.jpg 26KB m3.jpg 50KB m6.jpg 38KB team-1.jpg 30KB team-2.jpg 33KB icon.png 6KB team-4.jpg 27KB资源评论
