欧美穿衣风格网站模板是一款欧美风穿衣打扮类网站模板。_html网站模板_网页源码移动端前端_H5模板

共30个文件

jpg：14个

png：10个

js：3个

网站模板

54 浏览量 2023-08-05 16:03:47 上传评论收藏 927KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

欧美穿衣风格网站模板是一款欧美风穿衣打扮类网站模板。_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.rar （30个子文件）

欧美穿衣风格网站模板是一款欧美风穿衣打扮类网站模板。

moban132

easing.js 4KB

move-top.js 1KB

jquery.min.js 92KB

css

style.css 29KB

bootstrap.css 118KB

index.html 11KB

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

<!DOCTYPE html> <html> <head> <title>Home</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">  <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>   <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>  </head> <body>  <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>   <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>   </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>  <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>   <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>   <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>   <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>   <div class="twitter-grid"> <img src="images/twitter.png" alt="" /> <p><a href="#">Fashionate<span>@lorem</span></a></p> <p class="sub-text">Lorem ipsum dolor #Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div>   <div class="contact"> <div class="contact-bg">  <div class="container"> <div class="contact-text"> <div class="col-md-6"> <div class="about-fashion"> <h3>About Fashionate</h3>

评论收藏

内容反馈