[web前端]&[课程设计]&[网站源码]-简洁时尚产品介绍网页模板.7z资源-CSDN文库

共81个文件

png：55个

js：15个

css：8个

web前端

网站源码

JavaScript

HTML5

需积分: 5 12 浏览量 2024-06-21 14:38:08 上传评论收藏 2.46MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

[web前端]&[课程设计]&[网站源码]-简洁时尚产品介绍网页模板.7z （81个子文件）

[web前端]&[课程设计]&[网站源码]-简洁时尚产品介绍网页模板

html

mobile

css

style.css 10KB

index.html 14KB

images

bg_direction_nav.png 1KB

twit.png 575B

banner.png 77KB

b2.png 3KB

boy.png 6KB

b3.png 3KB

logo.png 4KB

d.png 347B

car.png 12KB

port1.png 18KB

u.png 480B

b4.png 3KB

menu-1.png 353B

f.png 395B

scroll-top.png 486B

map-1.png 257KB

map.png 17KB

g1.png 6KB

smartphone

jquery.flexslider.js 41KB

modernizr.js 10KB

responsive.menu.js 3KB

easing.js 5KB

move-top.js 1KB

wow.min.js 5KB

jquery.js 251KB

myscript.js 312B

css

style.css 15KB

flexslider.css 4KB

animate.css 67KB

index.html 18KB

images

bg_direction_nav.png 1KB

twit.png 575B

banner.png 111KB

b2.png 3KB

boy.png 7KB

b3.png 3KB

boy7.png 49KB

one.png 67KB

d.png 347B

car.png 28KB

port1.png 43KB

u.png 480B

b4.png 2KB

menu-1.png 365B

f.png 395B

scroll-top.png 486B

g1.png 7KB

web

jquery.flexslider.js 41KB

modernizr.js 10KB

easing.js 5KB

jquery-1.11.0.min.js 94KB

move-top.js 1KB

wow.min.js 5KB

myscript.js 312B

css

style.css 22KB

flexslider.css 4KB

animate.css 67KB

bootstrap.css 118KB

index.html 27KB

images

port2.png 176KB

bg_direction_nav.png 944B

boy1.png 11KB

twit.png 575B

b2.png 3KB

boy.png 11KB

b3.png 3KB

boy7.png 176KB

one.png 754KB

d.png 347B

car.png 96KB

port1.png 158KB

u.png 374B

menu-icon.png 530B

b4.png 3KB

grl.png 141KB

boy9.png 67KB

f.png 348B

scroll-top.png 486B

g1.png 11KB

<!DOCTYPE html> <html> <head> <title>The Asteet bootstrap Website Template | Home :: w3layouts</title> <link href="./css/bootstrap.css" rel='stylesheet' type='text/css' /> <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 src="./js/jquery-1.11.0.min.js"></script> <link rel="stylesheet" href="./css/flexslider.css" type="text/css" media="screen" /> <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'> <script src="./js/modernizr.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"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script>   <link href="./css/animate.css" rel="stylesheet" type="text/css" media="all"> <script src="./js/wow.min.js"></script> <script> new WOW().init(); </script>  </head> <body> <div class="mother-grid" id="home"> <div class="container"> <div class="header clock wow bounceIn"> <h1><a href="index.html">ASTEET</a></h1> <div class="nav-top"> <span class="menu"><img src="./images/menu-icon.png" alt=""></span> <ul class="navgation"> <li><a class="active" href="#home" class="scroll">HOME</a></li> <li><a href="#about" class="scroll">ABOUT</a></li> <li><a href="#services" class="scroll">SERVICES</a></li> <li><a href="#project" class="scroll">PROJECTS</a></li> <li><a href="#contact" class="scroll">CONTACT</a></li> </ul>  <script> $( "span.menu" ).click(function() { $( "ul.navgation" ).slideToggle( 300, function() { // Animation complete. }); }); </script>  </div> <div class="clearfix"> </div> </div> </div> </div> <div class="banner"> <div class="slider"> <section class="slider"> <div class="flexslider"> <ul class="slides"> <li> <h2>IPSUM DOLOR SIT AMET LAT</h2> <h5>Allquam tincidunt mauris cu risus</h5> </li> <li> <h2>IPSUM DOLOR SIT AMET LAT</h2> <h5>Allquam tincidunt mauris cu risus</h5> </li> <li> <h2>IPSUM DOLOR SIT AMET LAT</h2> <h5>Allquam tincidunt mauris cu risus</h5> </li> <li> <h2>IPSUM DOLOR SIT AMET LAT</h2> <h5>Allquam tincidunt mauris cu risus</h5> </li> </ul> </div> </section> <script>window.jQuery || document.write('<script src="./js/libs/jquery-1.7.min.js">\x3C/script>')</script>  <script defer src="./js/jquery.flexslider.js"></script> <script type="text/javascript"> $(function(){ SyntaxHighlighter.all(); }); $(window).load(function(){ $('.flexslider').flexslider({ animation: "slide", start: function(slider){ $('body').removeClass('loading'); } }); }); </script> </div> </div> <div class="about" id="about"> <div class="container"> <div class="about1 clock wow bounceIn"> <div class="col-md-6 "> <div class="about-top"> <h2>MORBI IN SEM LOREM PLACERAT ORNARE PELLENTE</h2> <h3>EUISMOD IN,PHARETRA ULTRICIES CRASCONSEQUAT VAVIMUS SUP SOMPURKOI VARSIT</h3> <a href="#">MORE INFO</a> </div> <div class="clearfix"> </div> </div> <div class="col-md-6"> <div class="about-bottom"> <a href="#"><p class="para1">Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet,lectus arcu pulvinar ricus lorem ipsum dolor</p></a> <p class="para2">vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis , adipiscing varius, adipiscing in,lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus.</p> <p class="para3">Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. integeralesuada.</p> </div> </div> <div class="clearfix"> </div>

评论收藏

内容反馈