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

共31个文件

js：7个

jpg：7个

css：5个

版权申诉

31 浏览量 2021-09-24 19:10:33 上传评论收藏 742KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

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

css

bootstrap.min.css 95KB

font-awesome.min.css 22KB

flexslider.css 5KB

style.css 6KB

bootstrap.css 117KB

font

FontAwesome.otf 60KB

fontawesome-webfont.svg 193KB

fontawesome-webfont.ttf 77KB

fontawesome-webfont.eot 37KB

fontawesome-webfont.woff 43KB

fonts

flexslider-icon.ttf 2KB

flexslider-icon.eot 2KB

flexslider-icon.svg 2KB

flexslider-icon.woff 1KB

img

3.jpg 87KB

car.jpg 69KB

4.jpg 76KB

back.png 3KB

2.jpg 53KB

border.png 4KB

1.jpg 80KB

mainback.jpg 124KB

wedding.jpg 53KB

custom.js 633B

jquery.anchor.js 974B

jquery.flexslider-min.js 21KB

respond.min.js 4KB

bootstrap.min.js 27KB

jquery.js 91KB

html5shiv.js 9KB

index.html 11KB

<!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>

评论收藏

内容反馈

版权申诉