H616国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板

共48个文件

jpg：20个

js：9个

gif：6个

网站模板

前端源码

css样式

js效果

64 浏览量 2023-08-03 11:14:39 上传评论收藏 1.16MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

H616国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （48个子文件）

H616

Rooms.html 9KB

Booking.html 10KB

Services.html 9KB

PIE.htc 28KB

kwicks-1.5.1.pack.js 2KB

jquery.jqtransform.js 14KB

html5.js 1KB

Adamina_400.font.js 104KB

cufon-yui.js 18KB

jquery-1.6.js 89KB

atooltip.jquery.js 4KB

cufon-replace.js 72B

script.js 110B

Locations.html 8KB

css

style.css 8KB

layout.css 752B

reset.css 936B

ie.css 109B

index.html 9KB

images

page2_img3.jpg 10KB

page3_img3.jpg 24KB

page1_img1.jpg 12KB

title_marker3.jpg 2KB

page4_img1.jpg 29KB

Thumbs.db 66KB

line_vert1.gif 44B

page2_img4.jpg 13KB

page3_img1.jpg 28KB

logo.png 10KB

img2.jpg 169KB

line_vert2.gif 44B

footer_menu_line.gif 44B

select.gif 73B

icon3.jpg 2KB

page3_img4.jpg 24KB

bg.gif 2KB

icon2.jpg 1KB

icon4.jpg 2KB

img4.jpg 250KB

img1.jpg 230KB

icon1.jpg 2KB

title_marker2.jpg 2KB

bg_top.png 21KB

img3.jpg 160KB

marker_1.gif 51B

title_marker1.jpg 1KB

page2_img2.jpg 26KB

page2_img1.jpg 29KB

<!DOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="utf-8"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="all"> <link rel="stylesheet" href="css/layout.css" type="text/css" media="all"> <link rel="stylesheet" href="css/style.css" type="text/css" media="all"> <script type="text/javascript" src="js/jquery-1.6.js" ></script> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/cufon-replace.js"></script> <script type="text/javascript" src="js/Adamina_400.font.js"></script> <script type="text/javascript" src="js/jquery.jqtransform.js" ></script> <script type="text/javascript" src="js/script.js" ></script> <script type="text/javascript" src="js/atooltip.jquery.js"></script>   </head> <body id="page3"> <div class="bg1"> <div class="bg2"> <div class="main">  <header> <h1><a href="index.html" id="logo">LoungeHotel</a></h1> <div class="department"> 9863 - 9867 Mill Road, LA, MG09 99HT<br> <span>Freephone:   +1 800 559 6580</span> </div> </header> <div class="box"><div class="ic">More Website Templates @ TemplateMonster.com - October 24, 2011!</div> <nav> <ul id="menu"> <li><a href="index.html">About Us</a></li> <li><a href="Services.html">Services</a></li> <li class="active"><a href="Booking.html">Booking</a></li> <li><a href="Rooms.html">Rooms</a></li> <li><a href="Locations.html">Locations</a></li> </ul> </nav>   <article id="content"> <div class="box1"> <div class="wrapper"> <form action="#" id="form1"> <h2>Book a Room</h2> <fieldset> <div class="row"> <input type="text" class="input"> Your Name: </div> <div class="row"> <input type="text" class="input"> E-Mail Address: </div> <div class="row"> <input type="text" class="input"> Home Phone: </div> <div class="row"> <div class="select1"><select><option> </option><option>...</option></select></div> Length of Stay: </div> <div class="row"> <div class="select1"><select><option> </option><option>...</option></select></div> Number in Party: </div> <div class="row"> <div class="select2"><select><option> </option><option>...</option></select></div> <div class="select2"><select><option> </option><option>...</option></select></div> <div class="select2"><select><option> </option><option>...</option></select></div> Arrival Date: </div> <div class="row_textarea"> Additional Comments: <textarea cols="1" rows="1"></textarea> </div> <div class="wrapper"> <a href="#" class="button1" onClick="document.getElementById('form1').submit()">Send</a> <a href="#" class="button1" onClick="document.getElementById('form1').reset()">Clear</a> </div> </fieldset> </form> <div class="col2 pad"> <h2><img src="images/title_marker1.jpg" alt="">Best Propositions of This Month</h2> <div class="wrapper line1"> <div class="col3"> <figure class="pad_bot3"><img src="images/page3_img1.jpg" alt=""></figure> <p class="pad_bot1"><strong class="color3">Lorem ipsum dolor amet consectetur</strong></p> <p>Adipisicing elito eiusmod tempor incididunt ut labore dolore magna.</p> <ul class="list2"> <li><span>2</span>Rooms</li> <li><span>4</span>Beds</li> </ul> <a href="#" class="button2">Book Room</a> </div> <div class="col3 pad_left2"> <figure class="pad_bot3"><img src="images/page3_img4.jpg" alt=""></figure> <p class="pad_bot1"><strong class="color3">Lorem ipsum dolor amet consectetur</strong></p> <p>Ut enim ad minim veniam nostrud exercitation ullamco laboris nisi ut aliquip.</p> <ul class="list2"> <li><span>2</span>Rooms</li> <li><span>4</span>Beds</li> </ul> <a href="#" class="button2">Book Room</a> </div> </div> </div> </div> </div> <div class="pad"> <div class="wrapper line3"> <div class="col2"> <h2>About Booking</h2> <p class="pad_bot1"><strong class="color2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo</strong> </p> <p> Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enigm ipsam voluptatem nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p> <div class="wrapper"> <figure class="left marg_right1"><img src="images/page3_img3.jpg" alt=""></figure> <p class="pad_bot1"><strong class="color2">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum</strong></p> <p class="pad_bot2"> Deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga harum quidem rerum facilis est et expedita.</p> </div> <div class="pad_bot2"> <div class="wrapper line2"> <div class="col1"> <ul class="list1"> <li><a href="#">Inventore veritatis et quasi architecto</a></li> <li><a href="#">Beatae vitae dicta sunt explicabo</a></li> <li><a href="#">Nemo enim ipsam voluptatem quivolupta</a></li> <li><a href="#">Sit aspernatur aut odit aut fugit sed</a></li> </ul> </div> <div class="col1 pad_left1"> <ul class="list1"> <li><a href="#">Neque porro quisquam est, qui dolorem</a></li> <li><a href="#">Ipsum quia dolor amet consectetur</a></li> <li><a href="#">Adipisci velit, sed quia non numquam</a></li> <li><a href="#">Eius modi tempora incidunt ut</a></li> </ul> </div> </div> </div> <a href="#" class="button1">Read More</a> </div> <div class="col1 pad_left1"> <h2>Booking Info</h2> <p class="pad_bot1"><strong class="color2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem</strong></p> <p class="pad_bot1"> Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequu

评论收藏

内容反馈