响应式婚纱网站.zip资源-CSDN文库

共31个文件

js：7个

jpg：7个

css：5个

版权申诉

毕业设计

计算机资料

169 浏览量 2024-04-20 18:32:59 上传评论收藏 740KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

响应式婚纱网站.zip （31个子文件）

响应式婚纱网站

font

FontAwesome.otf 60KB

fontawesome-webfont.eot 37KB

fontawesome-webfont.woff 43KB

fontawesome-webfont.svg 193KB

fontawesome-webfont.ttf 77KB

bootstrap.min.js 27KB

jquery.flexslider-min.js 21KB

jquery.anchor.js 974B

respond.min.js 4KB

html5shiv.js 9KB

custom.js 633B

jquery.js 91KB

img

2.jpg 53KB

border.png 4KB

1.jpg 80KB

mainback.jpg 124KB

back.png 3KB

car.jpg 69KB

wedding.jpg 53KB

3.jpg 87KB

4.jpg 76KB

css

style.css 6KB

bootstrap.min.css 95KB

flexslider.css 5KB

bootstrap.css 117KB

font-awesome.min.css 22KB

index.html 11KB

fonts

flexslider-icon.woff 1KB

flexslider-icon.eot 2KB

flexslider-icon.ttf 2KB

flexslider-icon.svg 2KB

<!DOCTYPE html> <html> <head>  <title>Your Title</title>  <meta name="description" content="Your description"> <meta name="keywords" content="Your,Keywords"> <meta name="author" content="ResponsiveWebInc"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href='http//fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'> <link href='http//fonts.googleapis.com/css?family=Lobster+Two:700' rel='stylesheet' type='text/css'> <link href='http//fonts.googleapis.com/css?family=Droid+Serif:400,400italic' rel='stylesheet' type='text/css'>   <link href="css/bootstrap.min.css" rel="stylesheet">  <link href="css/flexslider.css" rel="stylesheet">  <link href="css/font-awesome.min.css" rel="stylesheet">  <link href="css/style.css" rel="stylesheet">  <link rel="shortcut icon" href="#"> </head> <body>  <div class="navbar navbar-default navbar-fixed-top bs-docs-nav" role="banner"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Robert & Emily</a> </div> <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation"> <ul class="nav navbar-nav navbar-right"> <li><a href="#home" class="anchorLink">Home</a></li> <li><a href="#about" class="anchorLink">About</a></li> <li><a href="#photos" class="anchorLink">Photos</a></li> <li><a href="#wedding" class="anchorLink">Wedding</a></li> <li><a href="#rsvp" class="anchorLink">RSVP</a></li> </ul> </nav> </div> </div> <a name="home" id="home"></a>   <div class="main"> <div class="container"> <div class="row"> <div class="col-md-8 col-sm-7"> <div class="main-invite"> <div class="signal"><i class="icon-signal"></i> <span>Marriage On</span></div> <h1>We're<br> getting married</h1> <p>Sed consequat massa vel sagittis pharetra. Morbi sed orci non erat hendrerit ultrices. Aliquam eget adipiscing sem, in auctor magna. Nulla ut sodales risus. Aliquam ut vulputate.</p> </div> </div> <div class="col-md-4 col-sm-5"> <div class="main-date"> <i class="icon-heart"></i> <div class="date"><span class="month"><strong>12,DEC</strong></span><br><span class="year"><strong>2014</strong></span></div> </div> </div> </div> <a name="about" id="about"></a> </div> </div>   <div class="about"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="title"> <h3>About Us</h3> </div> <div class="bor"></div> <p class="about-para text-center">Duis a risus sed dolor placerat semper quis in urna. Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut commodo ullamcorper risus nec mattis.</p> <div class="bor"></div> </div> </div> <div class="row"> <div class="col-md-4 col-sm-4"> <div class="groom"> <h3>Robert</h3> <hr> <p class="text-center">Duis a risus sed dolor placerat semper quis in urna. Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut commodo ullamcorper risus nec mattis. Ut commodo ullamcorper risus nec.</p> </div> </div> <div class="col-md-4 col-sm-4"> <div class="love"> <i class="icon-heart"></i> <h3>12,DEC 2014</h3> </div> </div> <div class="col-md-4 col-sm-4"> <div class="bride"> <h3>Emily</h3> <hr> <p class="text-center">Duis a risus sed dolor placerat semper quis in urna. Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut commodo ullamcorper risus nec mattis. Ut commodo ullamcorper risus nec.</p> </div> </div> </div> <a name="photos" id="photos"></a> <hr> </div> </div>   <div class="photos"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="title"> <h3>Photos</h3> </div> <div class="bor"></div> <div class="flexslider"> <ul class="slides"> <li> <img src="img/1.jpg" alt="" class="img-responsive" /> </li> <li> <img src="img/2.jpg" alt="" class="img-responsive" /> </li> <li> <img src="img/3.jpg" alt="" class="img-responsive" /> </li> <li> <img src="img/4.jpg" alt="" class="img-responsive" /> </li> </ul> </div> </div> </div> <a name="wedding" id="wedding"></a> <hr> </div> </div>   <div class="wedding"> <div class="container"> <div class="title"> <h3>Wedding</h3> </div> <div class="bor"></div> <div class="row"> <div class="col-md-4 col-sm-4"> <div class="well"> <h3><i class="icon-heart"></i> Ceremony</h3> <a href="#">Royal Church</a> <p>12, New Charka Road New York City, NY 43423 123) 456-7890 </p> <a href="#">Get Direction</a> <hr> <h3><i class="icon-star"></i> Reception</h3> <a href="#">Royal Church</a> <p>12, New Charka Road New York City, NY 43423 123) 456-7890 </p> <a href="#">Get Direction</a> </div> </div> <div class="col-md-4 col-sm-4"> <div class="well"> <h3><i class="icon-glass"></i> Wedding Party</h3> <p>Sed justo dui, scelerisque ut consectetur vel, eleifend id erat. Morbi auctor adipiscing tempor. Phasellus rutrum aliquet.</p> <img src="img/wedding.jpg" alt="" class="img-responsive"/> <h5>Ring Bearer</h5> <p>John Kanan</p> <h5>Bridesmaids:</h5> <p>Nulla facilisi. Sed justo dui, scelerisque ut consectetur vel, eleifend id erat. Morbi auctor adipiscing tempor. Phasellus condimentum rutrum aliquet.</p> <h5>Groomsmen:</h5> <p>Nulla facilisi. Sed justo dui, scelerisque ut consectetur vel, eleifend id erat. Morbi auctor adipiscing tempor. Phasellus condimentum rutrum aliquet.</p> </div> </div> <div class="col-md-4 col-sm-4"> <div class="well"> <h3><i class="icon-home"></i> Accomodations</h3> <a href="#">Royal Church</a> <p>12, New Charka Road New York City, NY 43423 123) 456-7890 </p> <a href="#">Get Direction</a> <hr> <h3><i class="icon-truck"></i> Reception</h3> <img src="img/car.jpg" alt="" class="img-responsive"/> <a href="#">Royal Church</a> <p>12, New Charka Road New York City, NY 43423 123) 456-7890 </p> <a href="#">Get Direction</a> </div> </div> </div> <a name="rsvp" id="rsvp"></a> <hr> </div> </div>   <div class="rsvp"> <div class="container"> <div class="title"> <h3>RSVP</h3> </div> <div class="bor"></div>

评论收藏

内容反馈

版权申诉