线条多边形时尚网站模板是一款非常大气清爽的时尚类网站模板下载。_html网站模板_网页源码移动端前端_H5模板

共49个文件

jpg：20个

png：19个

js：6个

网站模板

170 浏览量 2023-08-05 15:14:54 上传评论收藏 1.51MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

线条多边形时尚网站模板是一款非常大气清爽的时尚类网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar （49个子文件）

线条多边形时尚网站模板是一款非常大气清爽的时尚类网站模板下载。

moban1065

jquery.flexslider.js 40KB

circles.js 7KB

easing.js 5KB

move-top.js 1KB

jquery-1.11.1.min.js 94KB

jquery.flexisel.js 8KB

css

style.css 39KB

flexslider.css 4KB

bootstrap.css 118KB

index.html 28KB

images

feature.jpg 9KB

tiles.png 281KB

mockup.jpg 48KB

c3.png 7KB

res_tiles.png 169KB

p9.jpg 54KB

c1.png 8KB

scroller.png 4KB

menu.png 4KB

logo.png 4KB

back-top.png 4KB

a1.jpg 40KB

1.jpg 31KB

zoom.png 5KB

base.png 8KB

p8.jpg 44KB

pic4.jpg 12KB

p4.jpg 37KB

p6.jpg 37KB

1.png 5KB

pic2.jpg 13KB

menu_responsive.png 3KB

pic3.jpg 12KB

c4.png 7KB

c2.png 7KB

pic1.jpg 12KB

subscribe.jpg 11KB

img-sprite.png 37KB

close.png 3KB

p11.jpg 42KB

p7.jpg 33KB

mockup.png 320KB

p2.jpg 18KB

p3.jpg 29KB

icons.png 17KB

p5.jpg 39KB

p10.jpg 37KB

2.png 5KB

p1.jpg 17KB

<!DOCTYPE HTML> <html> <head> <title>Home</title> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <script src="js/jquery-1.11.1.min.js"></script>  <link href="css/style.css" rel='stylesheet' type='text/css' />  <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="Prestige 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>  <link href='#css?family=Asap:400,700' rel='stylesheet' type='text/css'> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1200); }); }); </script> <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <script type="text/javascript"> $(document).ready(function() { /* var defaults = { containerID: 'toTop', // fading element id containerHoverID: 'toTopHover', // fading element hover id scrollSpeed: 1200, easingType: 'linear' }; */ $().UItoTop({ easingType: 'easeOutQuart' }); }); </script> </head> <body> <div class="header"> <div class="tiles"> <div class="header_mac"><a href="#services" class="scroll"> <i class="icon1"></i> <h3>Our works</h3> </a></div> <div class="header_book"><a href="#what" class="scroll"> <i class="icon2"></i> <h3>What we do</h3> </a></div> <div class="logo"> <a href="index.html"><img src="images/logo.png" alt=""/></a> </div> <div class="header_team"><a href="#team" class="scroll"> <i class="icon3"></i> <h3>Our team</h3> </a></div> <div class="header_about"><a href="#about" class="scroll"> <i class="icon4"></i> <h3>About us</h3> </a></div> <div class="header_contact"><a href="#touch" class="scroll"> <i class="icon5"></i> <h3>Get in touch</h3> </a></div> <div class="header_social"> <ul> <li><a href="#"> <i class="fb1"> </i> </a></li> <li><a href="#"> <i class="tw1"> </i> </a></li> <li><a href="#"> <i class="db1"> </i> </a></li> <li><a href="#"> <i class="g1"> </i> </a></li> <li><a href="#"> <i class="skype"> </i> </a></li> <li><a href="#"> <i class="vimeo"> </i> </a></li> </ul> </div> <div class="header_arrow"> <a href="#arrow" class="scroll"><span> </span></a> </div> <div class="menu_down"> <a href="#" id="activator1"></a> </div> </div> </div> <div class="header_responsive"> <div class="tiles_resp"> <div class="header_arrow"> <a href="#arrow" class="scroll"><span> </span></a> </div> <div class="menu"> <a href="#" class="right_bt" id="activator"><img src="images/menu_responsive.png" alt=""/></a> <div class="box" id="box"> <div class="box_content_center"> <div class="menu_box_list"> <ul> <li><a href="#services" class="scroll">Our works</a></li> <li class="active"><a href="#about" class="scroll">About us</a></li> <li><a href="#what" class="scroll">What we do</a></li> <li><a href="#team" class="scroll">Our team</a></li> <li><a href="#touch" class="scroll">Get in touch</a></li> </ul> </div> <a class="boxclose" id="boxclose"><img src="images/close.png" alt=""/></a> </div> </div> <script type="text/javascript"> var $ = jQuery.noConflict(); $(function() { $('#activator').click(function(){ $('#box').animate({'top':'0px'},500); }); $('#boxclose').click(function(){ $('#box').animate({'top':'-700px'},500); }); }); $(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("slow"); return false; //Prevent the browser jump to the link anchor }); }); </script> </div> </div> </div> <div class="main"> <div class="content_top text-center" id="arrow"> <div class="container"> <h1>What <span class='m_1'>We </span>do</h1> <p class="head_text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh <span class="m_1">laoreet dolore magna</span> aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tati hendrerit<span class="m_1"> in vulputate velit</span> esse molestie consequat, vel illum dolore </p> <div class="top_grids"> <div class="col-md-3 grid1"> <span> </span> <div class="top_grid"> <h3>896</h3> <p>Project work</p> </div> </div> <div class="col-md-3 grid1"> <span> </span> <div class="top_grid"> <h3>962</h3> <p>Facebook likes</p> </div> </div> <div class="col-md-3 grid1"> <span> </span> <div class="top_grid"> <h3>159</h3> <p>Tutorials create</p> </div> </div> <div class="col-md-3 grid1"> <span> </span> <div class="top_grid"> <h3>576</h3> <p>Coffee made</p> </div> </div> </div> </div> </div> <div class="about" id="about"> <div class="container"> <div class="about_top"> <h2 class="m_3">About<span class="m_1"> Us</span></h2> <p class="head_text">Typi non habent claritatem insitam; est usus legentis in iis <span class="m_1">qui facit eorum</span> claritatem. Investigationes demonstraverunt lectores legere me lius quod ii <span class="m_1">legunt</span> saepius.</p> </div> <div class="about_bottom"> <div class="col-md-6 about_left"> <p class="m_2">Duis autem vel eum iriure dolor in hendrerit in<span class="m_1"> vulputate velit esse molestie</span> consequat</p> <p class="m_2">Duis autem vel eum iriure dolor in hendrerit in<span class="m_1"> vulputate</span> consequat, vel illum dolore</p> <a href="#" class="btn1 btn-1 btn-1b">Learn more</a> </div> <div class="col-md-6 about_right"> <section class="slider"> <div class="flexslider"> <ul class="slides"> <li><img src="images/a1.jpg" class="img-responsive" alt=""/></li> <li><img src="images/a1.jpg" class="img-responsive" alt=""/></li> <li><img src="images/a1.jpg" class="img-responsive" alt=""/></li> </ul> </div> </section>  <script defer src="js/jquery.flexslider.js"></script> <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" /> <script type="text/javascript"> $(function(){ SyntaxHighlighter.all(); }); $(window).load(function(){ $('.flexslider').flexslider({ animation: "slide", start: function(slider){ $('body').removeClass('loading'); } }); }); </script> </div> <div class="clearfix"

评论收藏

内容反馈