<!--
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
- 粉丝: 42
- 资源: 5759
最新资源
- COMSOL流沙层注浆数值模拟研究 案例 本模型来源于文献复现，该文献分析了流沙层地质结构特点，应用有限元分析软件COMSOL Multiphysics对流沙层渗透注浆进行稳态与瞬态的数值模拟研究
- HTML5实现好看的博客网站、通用大作业网页模板源码.zip
- sony a6700 使用指南
- COMSOL案例，非均质储层的地热能群井抽采 适用于做地热能开采，模型为非均质模型，利用地质统计学模拟得到储层的非均质性，加载到comsol中，表征渗透率的非均质性
- 网络系统建设与运维实验手册.rar
- comsol钻孔流固耦合案例
- 2022年大学生就业前景研判及高考志愿填报攻略
- 外圆激光测量机sw20可编辑全套技术资料100%好用.zip
- 2023年大学生就业前景研判及高考志愿填报攻略final
- 基于距离变换和标记分水岭算法的棒材断面图像计数技术
- 2024年大学生就业前景研判及高考志愿填报攻略final
- 2档AMT纯电动汽车（EV），运行良好，含说明文件，以前做开发买的量产模型，可用于WLTC，NEDC等多种工况仿真，可用于动力性经济性计算、挡冲击、整车冲击、能量管理等策略设计，具有重要的工程参考价值
- 复杂背景下基于Lab颜色模型与凹点搜寻的蛋鸡识别及粘连分离算法研究
- 基于深度学习的LSTM算法双色球预测实战完整代码
- 完成品特性检测sw20可编辑全套技术资料100%好用.zip
- 基于深度学习的LSTM算法双色球预测实战完整代码（高分项目）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
