-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
86 lines (85 loc) · 3.47 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>餐厅网页</title>
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/common.css">
</head>
<body>
<!--标题logo区域-->
<div class="logo">
<div class="w">
<img src="images/logo.png">
</div>
</div>
<!--导航区-->
<div class="nav" >
<div class="top-border"></div>
<!--nav-list-wrap为了贯穿背景-->
<div class="nav-list-wrap">
<!--w为了内容居中-->
<div class="w nav-list-w">
<ul class="nav-list cf">
<li class="curr"><a href="#" >Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Blog</a></li>
</ul>
<div class="waiter">
<img src="images/waiter.png" alt="服务员">
</div>
</div>
</div>
<div class="bottom-border"></div>
</div>
<!--内容区域-->
<div class="content">
<div class="w">
<!--大图片汉堡包区-->
<div class="banner">
<img src="images/hamburger.png">
</div>
<!--介绍区域-->
<h1>Welcome to Retro Diner</h1>
<p>This website template has been designed by <span>Free Website Templates</span> for you, for free. You can replace all this text with your own text. You can remove any link to our website from this website template, you're free to use this website template without linking back to us. If you're having problems editing this website template, then don't hesitate to ask for help on the <span>Forums</span>.</p>
<div class="brief_imgs">
<a href="#"><img src="images/breafast.png" ></a>
<a href="#"><img src="images/hotdogs.png" ></a>
<a href="#"><img src="images/shakes.png" ></a>
</div>
</div>
</div>
<!--页脚部分-->
<div class="footer">
<div class="footer-border"></div>
<div class="footer-content-bg">
<div class="w cf ">
<div class="footer-content-left">
<h1>Delivery Hotline:</h1>
<p>Call 0-123-456-789</p>
<a href="#"><img src="images/link1.png" alt=""></a>
<a href="#"><img src="images/link2.png" alt=""></a>
<a href="#"><img src="images/link3.png" alt=""></a>
</div>
<div class="footer-content-mid ">
<h1>Retro Diner</h1>
<ul class="cf">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Menu</a></li>
<li class="last-li"><a href="#">Contact Us</a></li>
</ul>
<p>©2011 RetroDiner.com. All Rights Reserved</p>
</div>
<div class="footer-content-right">
<h1>Get updates promos and discounts!</h1>
<input type="email" placeholder="Enter your email here" class="txt">
<a href="#" class="subscribe">Subscribe Now!</a>
</div>
</div>
</div>
</div>
</body>
</html>