-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathPracticeBS.html
154 lines (147 loc) · 6.69 KB
/
PracticeBS.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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html>
<head>
<title>My Kitchen Project</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="PracticeBS.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Langar&family=Rubik&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@1,700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-light" style="background-color:red;">
<div class="container-fluid">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="HomePracticeBS.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="FeaturesPracticeBS.html">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="PricingPracticeBS.html">Pricing</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown link
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<h1>
Austin Restaurants
<small class="text-muted">the top five</small>
</div>
<div>
<h2>So many options, and you're too hungry to choose?</h2>
<p>Austin is becoming known for its bustling
restaurant scene. With so many options to choose from, how's a girl to decide where to eat? Well, I'll tell you where to eat! Read on to find out where you should eat tonight!
</p>
</div>
<div class="container features">
<div class="row">
<div class="col-xs-12 col-sm-4">
<img class="img-fluid" src="Hattie_Smiles.jpg">
<h2 class="space">Why should you listen to me, you ask?</h2><p>'Cuz I'm a <strong>nice person</strong>! Also, I've worked in Austin restaurants for over a decade, and I've got the insider scoop on what's delicious, what reastaurants are clean, which restaurants have the coolest vibes, and which restaurants treat their staff well (happy staff = more love in *your* experience!)
<p>And, if you still need a reference-booster, here is a picture of me with my best friend, Hattie:</p>
</div>
<div class="col-xs-12 col-sm-4">
<img class="img-fluid" src="Hattie_Smiles.jpg">
<h1>
Five of Austin's Best Restaurants
<small class="text-muted">the winners</small>
</h1>
<ul>
<li>Enoteca Vespaio</li>
<li>Polvos</li>
<li>P. Terry's Hamburger Stand</li>
<li>Valentina's Tex-Mex Barbeque</li>
<li>My Kitchen</li>
</ul>
</div>
<div class="col-xs-12 col-sm-4">
<img class="img-fluid" src="Hattie_Smiles.jpg">
<h3>A few facts about each of these restaurants</h3>
<table>
<tr>
</tr>
<tr>
<td>Enoteca</td>
<td>Italian</td>
<td>$$$</td>
<td>Handmade pasta</td>
</tr>
<tr>
<td>Polvos</td>
<td>Mexican</td>
<td>$$</td>
<td>"Old-Austin" vibe</td>
</tr>
<tr>
<td>Valentina's</td>
<td>BBQ</td>
<td>$$</td>
<td>Best barbecue in the world</td>
</tr>
<tr>
<td>My Kitchen</td>
<td>Korean</td>
<td>$$</td>
<td>Authenticity</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<div>
<h3>Why You Need to Try Them</h3>
<p>Link to each restaurant's website, to let <em>them </em>tell you what they do best:</p>
<ul>
<li><a href="https://www.enotecaatx.com">Enoteca's Website</a></li>
<li><a href="https://www.polvosaustin.com">Polvos' Website</a></li>
<li><a href="https://pterrys.com">P. Terry's Website</a></li>
<li><a href="https://www.valentinastexmexbbq.com">Valentina's Website</a></li>
<li><a href="Restaurants.html">My List of Favorite Restaurants</a></li>
</ul>
<div>
<h2>Dined there, and want to let me know what <em>you </em>thought? Drop your name, email, and a comment here:</h2>
<form><label for="name">Name:<input type="text" name="name" id="name"></label></form>
<form><label for="email">email address:<input type="text" name="email" id="email"></label></form>
<form><label for="comments">Your comments here:<input type="text" name="comments" id="comments"></label></form>
<input type=submit value="Ok Go!">
</div>
<footer class="container-fluid">
<div class="row">
<div class="col-md-4">Liz's Opinions, ATX </div>
<div class="col-md-4">
<ul class="nav nav-pills">
<li><a href="#">Contact Us | </a></li>
<li><a href="#">Get Support | </a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
<div class="col-md-4">
<p class="text-right"><a href="#">Follow Us</a></p>
</div>
</div>
</footer>
</div>
</body>
</html>