<!--
Author: W3layouts
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//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://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//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>
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- 信捷XC PLC与力士乐VFC-x610变频器通讯程序原创可直接用于生产的程序,程序带注释,并附送触摸屏程序,有接线方式和设置,通讯地址说明等 程序采用轮询,可靠稳定 器件:信捷XC3的PLC,博世
- CMIP6 变量详细表格
- KF2EDGK系列5.08接线端子,带3D封装
- 信捷XC PLC与3台力士乐VFC-x610变频器通讯通讯 原创可直接用于生产的程序,程序带注释,并附送触摸屏程序,有接线方式和设置,通讯地址说明等 程序采用轮询,可靠稳定 器件:信捷XC3的PLC
- org.xmind.ui.mindmap-3.6.1.jar
- 16台搅拌机定时控制程序16台搅拌机定时控制,使用三菱FX系列PLC,威伦通触摸屏,具备完善的控制功能
- 微网双层优化模型matlab 采用yalmip编写三个微网的分层优化模型,考虑电价的负荷响应,综合配电网运营商收益和用户购电成本,程序运行稳定
- rv1126交叉编译工具链gcc-arm-8.3-2019.02-x86-64-arm-linux-gnueabihf.tar.xz和安装步骤
- 1960-2023年世界各国国民总收入数据
- 风储深度调峰模型matlab 考虑风储的调峰模型,采用cplex作为求解器,实现不同主体出力优化控制,程序运行稳定,有参考资料,
- 计算机系统安全性与性能评估:IOMMU在Linux环境下的性能研究及其优化策略
- 电动汽车蒙特卡洛分析matlab 通过matlab程序编写电动汽车蒙特卡洛模型,得到汽车行驶里程的概率分布曲线和充电功率曲线,程序运行可靠,有参考资料
- 考虑交通流量的电动汽车充电站规划matlab 程序采用matlab编制,采用粒子群算法,结合交通网络流量,得到最终充电站规划方案,程序运行可靠
- rustdesk-1.3.6-x86-64.msi
- 电动汽车优化模型matlab 狼群算法
- 你还在为伺服驱动器 FPGA架构苦恼吗,本方案FPGA代码实现电流环 速度环 位置环 SVPWM 坐标变 测速 分频 滤波器等,程序方便移植不同的平台,具有很高的研究价值
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈