婚礼现场设计响应式网站模板.7z_响应式布局期末资源-CSDN文库

共46个文件

jpg：14个

js：8个

html：7个

HTML

源码

响应式网站

课程设计

期末大作业

需积分: 5 54 浏览量 2024-06-20 08:49:12 上传评论收藏 1.94MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

婚礼现场设计响应式网站模板.7z （46个子文件）

婚礼现场设计响应式网站模板

html

codes.html 34KB

bootstrap.js 66KB

jquery.swipebox.min.js 11KB

responsiveslides.min.js 3KB

SmoothScroll.min.js 6KB

easing.js 5KB

move-top.js 1KB

jquery-1.11.1.min.js 94KB

jarallax.js 14KB

icons.html 124KB

css

style.css 47KB

font-awesome.css 34KB

bootstrap.css 138KB

swipebox.css 5KB

index.html 17KB

contact.html 9KB

about.html 12KB

single.html 11KB

images

2.jpg 32KB

10.jpg 64KB

prev.png 1KB

arrow.png 4KB

6.jpg 70KB

1.jpg 617KB

t3.jpg 38KB

next.png 1KB

t1.jpg 18KB

t4.jpg 25KB

close.png 280B

8.jpg 58KB

11.jpg 98KB

t2.jpg 20KB

icons.png 729B

3.jpg 78KB

7.jpg 50KB

9.jpg 82KB

4.jpg 18KB

fonts

FontAwesome.otf 132KB

glyphicons-halflings-regular.woff 23KB

fontawesome-webfont.eot 162KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.svg 434KB

fontawesome-webfont.ttf 162KB

gallery.html 13KB

<!DOCTYPE html> <html lang="en"> <head> <title>Venue a Wedding Category Bootstrap Responsive Website Template | Icons :: w3layouts</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <meta name="keywords" content="Venue Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, 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/bootstrap.css" rel="stylesheet" type="text/css" media="all" />   <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />   <link href="css/font-awesome.css" rel="stylesheet">   <link href="//fonts.googleapis.com/css?family=Pacifico" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">  <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.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 class="banner"> <div class="header"> <div class="container"> <div class="header-left"> <div class="w3layouts-logo"> <h1> <a href="index.html">Venue</a> </h1> </div> </div> </div> </div> <div class="header-bottom agileinfo-header-bottom"> <div class="container"> <div class="top-nav"> <nav class="navbar navbar-default"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="gallery.html">Gallery</a></li> <li class="dropdown"> <a href="codes.html" class="dropdown-toggle active" data-hover="Pages" data-toggle="dropdown">Pages <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="icons.html">Icons</a></li> <li><a href="codes.html">Short Codes</a></li> </ul> </li> <li><a href="contact.html">Contact</a></li> </ul> <div class="clearfix"> </div> </div> </nav> </div> </div> </div> </div>   <div class="breadcrumbs"> <div class="container"> <div class="w3layouts_breadcrumbs_left"> <ul> <li><i class="fa fa-home" aria-hidden="true"></i><a href="index.html">Home</a><span>/</span></li> <li><i class="fa fa-info-circle" aria-hidden="true"></i>Icons</li> </ul> </div> <div class="w3layouts_breadcrumbs_right"> <h2>Icons</h2> </div> <div class="clearfix"> </div> </div> </div>   <div class="codes icons main-grid-border"> <div class="container"> <div class="grid_3 grid_4 w3_agileits_icons_page"> <div class="icons"> <h3 class="agileits-icons-title">Font Awesome Icons</h3> <section id="new"> <h3 class="page-header page-header icon-subheading">30 New Icons </h3> <div class="row fontawesome-icon-list"> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> fa-asl-interpreting <span class="text-muted">(alias)</span></a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> fa-assistive-listening-systems</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-audio-description" aria-hidden="true"></i> fa-audio-description</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-blind" aria-hidden="true"></i> fa-blind</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-braille" aria-hidden="true"></i> fa-braille</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-deaf" aria-hidden="true"></i> fa-deaf</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-deafness" aria-hidden="true"></i> deafness <span class="text-muted">(alias)</span></a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-envira" aria-hidden="true"></i> fa-envira</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-fa" aria-hidden="true"></i> fa-fa <span class="text-muted">(alias)</span></a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-first-order" aria-hidden="true"></i> fa-first-order</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-font-awesome" aria-hidden="true"></i> fa-font-awesome</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-gitlab" aria-hidden="true"></i> fa-gitlab</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-glide" aria-hidden="true"></i> fa-glide</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-glide-g" aria-hidden="true"></i> fa-glide-g</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-google-plus-circle" aria-hidden="true"></i> fa-google-plus-circle <span class="text-muted">(alias)</span></a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-google-plus-official" aria-hidden="true"></i> fa-google-plus-official</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> fa-hard-of-hearing <span class="text-muted">(alias)</span></a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-instagram" aria-hidden="true"></i> fa-instagram</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-low-vision" aria-hidden="true"></i> fa-low-vision</a></div>

评论收藏

内容反馈