棕色顶部HTML模板Futara是一款适合电子产品网站的HTML模板Futara。.rar资源-CSDN文库

共37个文件

png：15个

js：9个

css：4个

版权申诉

29 浏览量 2023-04-28 07:13:55 上传评论收藏 401KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

棕色顶部HTML模板Futara是一款适合电子产品网站的HTML模板Futara。.rar （37个子文件）

棕色顶部HTML模板Futara是一款适合电子产品网站的HTML模板Futara。

chahua3292

jquery.magnific-popup.js 45KB

jquery.mmenu.js 22KB

jquery.easing.min.js 5KB

fwslider.js 9KB

css3-mediaqueries.js 16KB

easing.js 5KB

move-top.js 1KB

jquery.mixitup.min.js 14KB

jquery.min.js 91KB

css

fwslider.css 6KB

style.css 29KB

jquery.mmenu.all.css 41KB

magnific-popup.css 9KB

index.html 20KB

images

video.jpg 18KB

p5.png 5KB

Thumbs.db 70KB

port-folio-bg.jpg 60KB

logo.png 1KB

footer-bg.jpg 13KB

p1.png 6KB

footer-social-iconsh.png 2KB

p2.png 6KB

p4.png 6KB

move-top.png 605B

image-sprit.png 16KB

divice-screen1.png 12KB

raket-icon.png 778B

footer-social-icons.png 2KB

people.png 62KB

p3.png 7KB

nav-icon.png 3KB

divices.png 7KB

fonts

OpenSans-Regular-webfont.svg 117KB

OpenSans-Regular-webfont.eot 19KB

OpenSans-Regular-webfont.woff 22KB

OpenSans-Regular-webfont.ttf 37KB

<!DOCTYPE HTML> <html> <head> <title>Home</title> <link href="css/style.css" rel='stylesheet' type='text/css' /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> </script>  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900' rel='stylesheet' type='text/css'>  <script src="js/jquery.min.js"></script> <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <script type="text/javascript"> $(function() { $('a[href*=#]:not([href=#])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top }, 1000); return false; } } }); }); </script>  <link type="text/css" rel="stylesheet" href="css/jquery.mmenu.all.css" /> <script type="text/javascript"> $(window).load(function(){ $('div.description').each(function(){ $(this).css('display', 'block'); }); $('div.content-top-grid').hover(function(){ $(this).children('.description').stop().fadeTo(500, 1); },function(){ $(this).children('.description').stop().fadeTo(500, 0); }); }); </script> <script type="text/javascript" src="js/jquery.mmenu.js"></script> <script type="text/javascript"> // The menu on the left $(function() { $('nav#menu-left').mmenu(); }); </script>  </head> <body>   <div id="page"> <div id="header"> <a class="navicon" href="#menu-left"> </a> </div> <nav id="menu-left"> <ul> <li class="active"><a href="#home">Home</a></li> <li><a href="#services">Services</a></li> <li><a href="#process">Process</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#price">Price</a></li> <li><a href="#contact">Contact</a></li> <li class="nav-icon"><a href="#"><span> </span></a></li> <div class="clear"> </div> </ul> </nav> </div>   <div class="header"> <div class="wrap">  <div class="logo"> <a href="index.html"><img src="images/logo.png" title="futura" /></a> </div>   <div class="top-nav" id="menu-left"> <ul> <li class="active"><a href="#home">Home</a></li> <li><a href="#services">Services</a></li> <li><a href="#process">Process</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#price">Price</a></li> <li><a href="#contact">Contact</a></li> <li class="nav-icon"><a href="#"><span> </span></a></li> <div class="clear"> </div> </ul> </div>  <div class="clear"> </div> </div>  </div>  <div class="img-slider" id="home">  <div id="fwslider"> <div class="slider_container"> <div class="slide">    <div class="slide_content"> <div class="slide_content_wrap">  <h4 class="title">We Create Design Template</h4>   <p class="description">Love to get world arround us</p>  <div class="slide-btns description"> <ul> <li><a class="mapbtn" href="#">Experience More </a></li> <li><a class="minfo" href="#">Look At Our Portfolio </a></li> <div class="clear"> </div> </ul> <a class="screen-divice" href="#"><img src="images/divice-screen1.png" title="divice-name" /> </a> </div> </div> </div>  </div>  <div class="slide"> <div class="slide_content"> <div class="slide_content_wrap">  <h4 class="title">We Create Design Template</h4>   <p class="description">Love to get world arround us</p>  <div class="slide-btns description"> <ul> <li><a class="mapbtn" href="#">Experience More </a></li> <li><a class="minfo" href="#">Look At Our Portfolio </a></li> <div class="clear"> </div> </ul> <a class="screen-divice" href="#"><img src="images/divice-screen1.png" title="divice-name" /> </a> </div> </div> </div> </div>  </div> <div class="timers"> </div> <div class="slidePrev"><span> </span></div> <div class="slideNext"><span> </span></div> </div>  <link rel="stylesheet" href="css/fwslider.css" media="all"> <script src="js/css3-mediaqueries.js"></script> <script src="js/fwslider.js"></script>   </div> <div class="clear"> </div>   <div class="content">  <div class="top-grids" id="services"> <div class="wrap"> <div class="top-grid"> <a class="icon monitor" href="#"> </a> <a href="#">Email Address</a> <p>Lorem ipsum dolor sit amet, sed dia consetetur sadipscing elitr, sed diam nonumy eirmod.</p> </div> <div class="top-grid"> <a class="icon target" href="#"> </a> <a href="#">Business Ideas</a> <p>Lorem ipsum dolor sit amet, sed dia consetetur sadipscing elitr, sed diam nonumy eirmod.</p> </div> <div class="top-grid"> <a class="icon photo" href="#"> </a> <a href="#">Locate</a> <p>Lorem ipsum dolor sit amet, sed dia consetetur sadipscing elitr, sed diam nonumy eirmod.</p> </div> <div class="top-grid top-grid1"> <label> </label> <a class="icon colors" href="#"> </a> <a href="#">Upload</a> <p>Lorem ipsum dolor sit amet, sed dia consetetur sadipscing elitr, sed diam nonumy eirmod.</p> </div> <div class="top-grid top-grid1"> <label> </label> <a

评论收藏

内容反馈

版权申诉