<!--
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>Fashionatte Bootstarp Website Template | Home :: w3layouts</title>
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="./css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- web-font -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- //web-font -->
<!-- js -->
<script src="./js/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //js -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="./js/move-top.js"></script>
<script type="text/javascript" src="./js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- //end-smoth-scrolling -->
</head>
<body>
<!-- header -->
<div id="home" class="header">
<div class="top-nav">
<div class="nav-icon">
<a href="#" class="right_bt" id="activator"><span> </span> </a>
</div>
<div class="box" id="box" style="top: -1000px;">
<div class="box_content">
<div class="box_content_center">
<div class="form_content">
<div class="menu_box_list">
<ul>
<li><a href="#home" class="scroll"><span>home</span></a></li>
<li><a href="#gallery" class="scroll"><span>gallery</span></a></li>
<li><a href="#skills" class="scroll"><span>skills</span></a></li>
<li><a href="#contact" class="scroll"><span>contact</span></a></li>
<div class="clearfix"> </div>
</ul>
</div>
<a class="boxclose" id="boxclose"> <span> </span></a>
</div>
</div>
</div>
</div>
<!-- start-click-drop-down-menu -->
<!-- start-dropdown -->
<script type="text/javascript">
var $ = jQuery.noConflict();
$(function() {
$('#activator').click(function(){
$('#box').animate({'top':'0px'},900);
});
$('#boxclose').click(function(){
$('#box').animate({'top':'-1000px'},900);
});
});
$(document).ready(function(){
//Hide (Collapse) the toggle containers on load
$(".toggle_container").hide();
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$(".trigger").click(function(){
$(this).toggleClass("active").next().slideToggle("500");
return false; //Prevent the browser jump to the link anchor
});
});
</script>
<!-- //End-click-drop-down-menu -->
<!-- top-nav -->
</div>
<div class="head-info">
<div class="head-info-text">
<p>Hi, we are a</p>
<h3>Fashion</h3>
<p class="bottom-text">AND models
recruitment company
</p>
</div>
</div>
</div>
<!-- content-got -->
<div class="content-got">
<div class="col-md-4 got-info">
<div class="got-info-text">
<p>Do you</p>
<h2>got</h2>
<p class="top-text">
what it takes to become a model?
</p>
</div>
<p class="middle-text">
Featured article of the day
</p>
<p class="bottom-text">
Aenean venenatis arcu at magna commodo mollis. Sed vestibulum, nunc id consectetur posuere, mi nulla elei-fend lorem, id facilisis tortor lectus vel erat. Cras feugiat lorem tellus, ut sagittis urna placerat nec.
</p>
<p class="read">
<a href="#">READ THE FULL STORY</a>
</p>
</div>
<div class="col-md-4 img-red">
<img src="./images/12.jpg" alt="" />
</div>
<div class="col-md-4 img-green">
<img src="./images/14.jpg" alt="" />
<div class="img-info">
<p>benefit from</p>
<h3>THIS SUMMER</h3>
<p class="bottom-text">
campaign
</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!-- //content-got -->
<!-- about-models -->
<div id="gallery" class="about-models">
<div class="grid-left">
<div class="grid-left-info">
<h3>models</h3>
<p class="bottom-text">
Aenean venenatis arcu at magna commodo mollis. Sed vestibulum, nunc id consectetur
</p>
</div>
</div>
<div class="middle-left">
<div class="middle-left-top">
<div class="middle-left-top-info">
<h3>models</h3>
<p class="bottom-text">
Aenean venenatis arcu at magna commodo mollis.
</p>
</div>
</div>
<div class="middle-left-bottom">
<div class="middle-left-top-info">
<h3>models</h3>
<p class="bottom-text">
Aenean venenatis arcu at magna commodo mollis.
</p>
</div>
</div>
</div>
<div class="middle-right">
<div class="middle-right-top">
<div class="middle-left-top-info">
<h3>models</h3>
<p class="bottom-text">
Aenean venenatis arcu at magna commodo mollis.
</p>
</div>
</div>
<div class="middle-right-bottom">
<div class="middle-left-top-info">
<h3>models</h3>
<p class="bottom-text">
Aenean venenatis arcu at magna commodo mollis.
</p>
</div>
</div>
</div>
<div class="middle-right-grid">
<div class="grid-left-info">
<h3>models</h3>
<p class="bottom-text">
Aenean venenatis arcu at magna commodo mollis. Sed vestibulum, nunc id consectetur
</p>
</div>
</div>
<div class="grid-right">
<div class="grid-left-info">
<h3>models</h3>
<p class="bottom-text">
Aenean venenatis arcu at magna commodo mollis. Sed vestibulum, nunc id consectetur
</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!-- //about-models -->
<!-- upload -->
<div class="upload">
<div class="upload-text">
<h3>Upload your resume and photos</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<form>
<input type="submit" value="Upload">
</form>
</div>
<div class="mobile-device">
</div>
<div class="clearfix"> </div>
</div>
<!-- //upload -->
<!-- skills -->
<div id="skills" class="skills">
<div class="skills-info">
<h3>Skills <span>and other info </span>you ned to know</h3>
<p>Aenean venenatis arcu at magna commodo mollis. Sed vestibulum, nunc id consectetur posuere, mi nulla elei-fend lorem, id facilisis tortor lectus vel erat. Cras feugiat lorem tellus, ut sagittis urna placerat nec.</p>
</div>
<div class="experience years">
<h4>12 years</h4>
<p>of experience</p>
<div class="border"> </div>
</div>
<div class="experience awards">
<h4>180 awards</h4>
<p>During our existance</p>
<div class="border green"> </div>
</div>
<div class="experience models">
<h4>1058 Models</h4>
<p>Over the last year</p>
<div class="border-red"> </div>
</div>
<div class="clearfix"> </div>
</div>
<!-- //skills -->
<!-- twitter-grid -->
<div class="twitter-grid">
<img src="./images/twitter.png" alt="" />
<p>
x40_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （78个子文件） 
x40 js 
easing.js 5KB move-top.js 1KB jquery.min.js 92KB css style.css 29KB bootstrap.css 118KB
index.html 12KB images 
divice.jpg 147KB
line1.png 3KB into.png 3KB up-arrow.png 282B green.png 918B pink.png 912B 13.jpg 31KB menu.png 891B 14.jpg 170KB 6.jpg 196KB 16.jpg 125KB social-icons.png 1KB 17.jpg 7KB line.png 3KB spring1.jpg 174KB social-iconshr.png 1KB 12.jpg 15KB 5.jpg 38KB twitter.png 1KB 8.jpg 4KB 20.jpg 24KB 18.jpg 13KB 4.jpg 13KB contact.jpg 39KB XX mobile js easing.js 5KB move-top.js 1KB jquery.min.js 92KB css style.css 12KB index.html 6KB images divice.jpg 48KB line1.png 3KB into.png 3KB up-arrow.png 282B green.png 918B pink.png 912B 13.jpg 12KB menu.png 504B 14.jpg 9KB 6.jpg 113KB social-icons.png 1KB line.png 3KB spring1.jpg 30KB social-iconshr.png 1KB 12.jpg 6KB 5.jpg 7KB twitter.png 1KB 20.jpg 8KB contact.jpg 3KB smartphone js easing.js 5KB move-top.js 1KB jquery.min.js 92KB css style.css 17KB index.html 10KB images divice.jpg 78KB line1.png 3KB into.png 3KB up-arrow.png 282B green.png 918B pink.png 912B 13.jpg 147KB menu.png 891B 14.jpg 58KB 6.jpg 113KB social-icons.png 1KB line.png 3KB spring1.jpg 30KB social-iconshr.png 1KB 12.jpg 47KB 5.jpg 17KB twitter.png 1KB 20.jpg 20KB contact.jpg 8KB资源评论
2301_77342543
- 粉丝: 41
- 资源: 5759
最新资源
- IMG_20241104_174608.jpg
- NOI 全国青少年信息学奥林匹克竞赛（官网）-2024.11.05.pdf
- 【Unity抢劫和犯罪题材的低多边形3D资源包】POLYGON Heist - Low Poly 3D Art
- 网络安全是一个广泛的领域，涉及的知识和技能非常多样.docx
- 用Python实现，PySide构建GUI界面的“井字棋”游戏 具备学习功能（源码）
- 系统测试报告模板 测试目的、测试依据、测试准备、测试内容、测试结果及分析、总结
- 雷柏2.4G无线鼠标键盘对码软件V3.1
- Python基础入门-待办事项列表.pdf
- 240301031刘炳炎咖啡网站导航.psd
- 数据集【YOLO目标检测】道路油污检测数据集 170 张，YOLO/VOC格式标注！
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
