forked from veleary/Week-1-FE-Eval
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (113 loc) · 4.13 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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>International Tap House</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" />
<!-- Link to external stylesheet -->
<link rel="stylesheet" href="style/style.css" />
<!-- put in font awesome -->
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
</head>
<body>
<div class="headfullwidth">
<div class="container">
<!-- this is the navbar -->
<div class="row clearfix">
<div class="col-md-1 column">
</div>
<div class="col-md-10 column">
<nav>
<a href="#">Home</a>
<a href="#">Beers</a>
<a href="#">Entertainment</a>
<a href="#">Specials</a>
<a href="#">Locations</a>
</nav>
</div>
<div class="col-md-1 column">
</div>
</div> <!-- This is the end of the navbar -->
</div>
</div> <!-- This is the end of the headfullwidth section -->
<!-- This div covers the entire body text outside of the footer and header to wrap it in the same background style -->
<div id="content_container" class="container">
<!-- This is the header image and text -->
<div class="row clearfix">
<div class="col-md-1 column">
</div>
<div class="col-md-10 column">
<img id="banner" src="images/itap_banner.png" />
</div>
<div class="col-md-1 column">
</div>
</div>
<div class="row clearfix">
<div class="col-md-1 column">
</div>
<div class="col-md-10 column">
<h2 class="description">Stop in, relax and experience all the world has to offer in beer. Sample a Pilsner from Praque, an IPA from CA, an Abbey from Antwerp or better yet take in the blossoming beer scene in St. Louis. We are not only committed to the local beer drinker we remain committed to the local beer brewer.</h2>
</div>
<div class="col-md-1 column">
</div>
</div>
<div class="row clearfix">
<div class="col-md-2 column">
</div>
<div class="col-md-4 column">
<h3 class="location"><a href="#">Chesterfield</h3></a>
<a href="#"><img src="images/chesterfield.png" /></a>
<p class="address">161 Long Rd. | Chesterfield, MO 63005</p>
<p class="phone">p.636.537.8787</p>
</div>
<div class="col-md-4 column">
<h3 class="location"><a href="#">Central West End</h3></a>
<a href="#"><img src="images/cwe.png" /></a>
<p class="address">16 S. Euclid | St. Louis, MO 63108</p>
<p class="phone">p.314.367.4827</p>
</div>
<div class="col-md-2 column">
</div>
</div>
<div class="row clearfix">
<div class="col-md-2 column">
</div>
<div class="col-md-4 column">
<h3 class="location"><a href="#" alt="Columbia Location">Columbia</h3></a>
<a href="#" alt="Columbia Location"><img src="images/columbia.png" /></a>
<p class="address">308 9th Street | Columbia, MO 65201</p>
<p class="phone"></p>
</div>
<div class="col-md-4 column">
<h3 class="location"><a href="#" alt="Soulard Location">Soulard</h3></a>
<a href="#" alt="Soulard Location"><img src="images/soulard.png" /></a>
<p class="address">1711 S. 9th Street | St. Louis, MO 63104</p>
<p class="phone">p.314.621.4333</p>
</div>
<div class="col-md-2 column">
</div>
</div>
</div>
<div id="footer" class="container">
<div class="row clearfix">
<div class="col-md-1 column">
</div>
<div class="col-md-10 column">
<footer>
<p>©2013 International Tap House</p>
<a href="#">Home <i class="fa fa-beer"></i></a>
<a href="#">Beers <i class="fa fa-beer"></i></a>
<a href="#">Entertainment <i class="fa fa-beer"></i></a>
<a href="#">Specials <i class="fa fa-beer"></i></a>
<a href="#">Press <i class="fa fa-beer"></i></a>
<a href="#">Locations <i class="fa fa-beer"></i></a>
<a href="#">Contact <i class="fa fa-beer"></i></a>
</footer>
</div>
<div class="col-md-1 column">
</div>
</div>
</div>
</body>
</html>