Skip to content

Commit e1a1467

Browse files
committed
adding lab 4 pretty much finished
1 parent 3e00531 commit e1a1467

File tree

5 files changed

+197
-61
lines changed

5 files changed

+197
-61
lines changed

Code/matthew/html_css/labs/lab_4/index.html

Lines changed: 100 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -20,71 +20,141 @@
2020
href="C:\Users\Matthew\Documents\Code\class_kiwi\Code\matthew\html_css\labs\lab_4\order.html">
2121
<!-- home -->
2222
<link rel="home" href="C:\Users\Matthew\Documents\Code\class_kiwi\Code\matthew\html_css\labs\lab_4\index.html">
23+
<!-- "playball" font -->
24+
<link href="https://fonts.googleapis.com/css2?family=Playball&display=swap" rel="stylesheet">
2325

2426
<title>Senior Burrito</title>
2527
</head>
2628

27-
<body>
28-
<div id="top-bar" class="container-fluid border-bottom">
29+
<body class="">
30+
<!-- Top bar -->
31+
<div id="top-bar" class="container-fluid ">
2932
<div class="row">
30-
<header class="col-5 text-start">
31-
<h1><a href="index.html">Seinor Burrito</a></h1>
33+
<header class="col-9 text-start">
34+
<h1><a id="name" class="" href="index.html">Seinor Burrito</a></h1>
3235
</header>
33-
<nav class="col-7 text-end">
34-
<a type="button" class="btn btn-primary" href="menu.html">Menu</a>
35-
<a type="button" class="btn btn-primary" href="order.html">Order</a>
36-
<a type="button" class="btn btn-primary" href="login.html">login</a>
36+
<nav class="col-3 text-end mt-2">
37+
<!-- <a type="button" class="btn btn-outline-dark m-1" href="menu.html">Menu</a> -->
38+
<a
39+
href="https://www.ubereats.com/?utm_source=AdWords_Brand&utm_campaign=CM2029619-search-google-brand_1_10_US-Seattle_e_web_acq_cpc_en_Generics_Exact_uber%20eats_kwd-125079392186_546346938373_101194215117_e_c&campaign_id=9983520607&adg_id=101194215117&fi_id=&match=e&net=g&dev=c&dev_m=&ad_id=546346938373&cre=546346938373&kwid=kwd-125079392186&kw=uber%20eats&placement=&tar=&gclid=CjwKCAjwlcaRBhBYEiwAK341jSZ4B-NUCT0gO67QE4lB4vLumbFqz-XwYCNthvpJ4MwMyimoPn3FnRoCGjAQAvD_BwE&gclsrc=aw.ds"><button
40+
type="button" class="btn btn-outline-dark">Uber Eats</button></a>
41+
<a type="button" class="btn btn-outline-dark m-1" href="order.html">Order</a>
42+
<a type="button" class="btn btn-outline-dark m-1" href="login.html">login</a>
3743
</nav>
3844
</div>
45+
<!-- <div class="col-12"><br></div> -->
46+
47+
3948
</div>
4049

4150
<br>
42-
51+
<!-- First section -->
4352
<div class="row">
4453
<div class="col-1"></div>
45-
<div class="col-5">
54+
<div class="col-12 text-center">
4655
<img class="img-fluid"
4756
src="https://media.istockphoto.com/photos/happy-couple-eating-at-a-restaurant-picture-id525498478?s=612x612"
4857
alt="">
4958
</div>
50-
<div class="col-5">
51-
<p>Since xxxx we have been selling Burritos, our Tortilla and chips are home made. We offer indoor and
59+
<div class="col-12"><br></div>
60+
61+
<div class="col-12 text-center ">
62+
<p id="hook">Since xxxx we have been selling Burritos, our Tortilla and chips are home made. We offer indoor
63+
and
5264
outdoor seating. As well as DoorDash and Uber Eats.
5365

5466
</p>
5567
</div>
5668

5769
<div class="col-12"><br></div>
5870

59-
<div class="col-12 text-center border-top">
60-
61-
<h3>We have Burritos</h3>
71+
<div class="col-12 text-center ">
72+
<h3>Eating healthy doesn't have to be hard! Have a burrito</h3>
73+
<h5>pretend they are pictures of burritos</h5>
6274
</div>
6375

6476
<div class="col-12"><br></div>
6577

66-
<div class="col-12 text-center">
67-
<img src="https://media.istockphoto.com/photos/beef-burritos-with-beans-and-cheese-picture-id1300815223?s=612x612"
68-
alt="">
69-
</div>
78+
<!-- Second section -->
7079

71-
<!-- <div class="col-5 text-end">
72-
<img src="https://picsum.photos/200/300" alt="">
73-
</div> -->
80+
<div class="row">
7481

75-
<div class="col-12"><br></div>
82+
<div class="col-4">
83+
84+
<div class="d-flex justify-content-center text-center ">
85+
<div class="card" style="width: 18rem;">
86+
<img src="https://media.gettyimages.com/photos/mexican-fooddirectly-above-shot-of-food-in-bowl-on-statesusa-picture-id1362753402?s=2048x2048"
87+
class="card-img-top" alt="...">
88+
<div class="card-body">
89+
<h5 class="card-title">Burrito Bowl</h5>
90+
<p class="card-text">Classic Burrito in bowl form</p>
91+
<a href="order.html" class="btn btn-primary">Quick Order</a>
92+
</div>
93+
</div>
94+
</div>
95+
96+
</div>
97+
<!-- <div class="col-12"><br></div> -->
98+
99+
<div class="col-4">
100+
101+
<div class="d-flex justify-content-center text-center">
102+
<div class="card" style="width: 18rem;">
103+
<img src="https://media.gettyimages.com/photos/mexican-rice-and-chorizo-sausage-wrap-picture-id1313361282?s=2048x2048"
104+
class="card-img-top" alt="...">
105+
<div class="card-body">
106+
<h5 class="card-title">Baby Burrito</h5>
107+
<p class="card-text">Flour tortilla filled with cheese, rice, beans, your choice of one
108+
meat,
109+
guacamole, sour cream and salsa.</p>
110+
<a href="order.html" class="btn btn-primary">Quick Order</a>
111+
</div>
112+
</div>
113+
</div>
114+
</div>
115+
116+
<!-- <div class="col-12"><br></div> -->
117+
118+
<div class="col-4">
119+
120+
<div class="d-flex justify-content-center text-center">
121+
<div class="card" style="width: 18rem;">
122+
<img src="https://media.gettyimages.com/photos/giant-burrito-with-side-dishes-picture-id86505948?k=20&m=86505948&s=612x612&w=0&h=5BIwReK72kDOUa88zFdWjaI5x1wfQgFYml-mnflT4mo="
123+
class="card-img-top" alt="...">
124+
<div class="card-body">
125+
<h5 class="card-title">Big Burrito</h5>
126+
<p class="card-text">Same as the Baby Burrito, Just bigger!</p>
127+
<a href="order.html" class="btn btn-primary">Quick Order</a>
128+
</div>
129+
</div>
130+
</div>
131+
</div>
132+
</div>
76133

77-
<!-- <div class="col-6 text-start">
78-
<img src="https://picsum.photos/200/300" alt="">
79-
</div> -->
134+
<!-- <div class="col-12"><br></div> -->
135+
<div class="col-12"><br></div>
136+
<div class="col-12"><br></div>
80137

81-
<div class="col-12 text-center ">
82-
<img src="https://media.istockphoto.com/photos/beef-samosa-picture-id155361084?s=612x612" alt="">
138+
<!-- location -->
139+
<div class="row">
140+
<div class="col-12 text-center">
141+
<h4 id="location">We are local</h4>
142+
</div>
143+
<div class="col-12"><br></div>
144+
<div class="col-12">
145+
<div class="d-flex justify-content-center">
146+
147+
<iframe
148+
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2947.3601318020405!2d-122.93068288454326!3d42.37747407918571!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54cf7c15cbfdb039%3A0xaabfd644aaab3d59!2s798%20Silver%20Creek%20Dr%2C%20Central%20Point%2C%20OR%2097502!5e0!3m2!1sen!2sus!4v1647490291229!5m2!1sen!2sus"
149+
width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
150+
</div>
151+
152+
</div>
83153
</div>
84154

85155
<div class="col-12"><br></div>
86-
<div class="col-12"><br></div>
87-
<footer class="border-top text-center">
156+
<!-- Footer -->
157+
<footer class="stickey-bottom border-top border-dark text-center">
88158
&copy;Matthew Holmes 2022
89159
</footer>
90160
</div>

Code/matthew/html_css/labs/lab_4/login.html

Lines changed: 17 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -20,23 +20,29 @@
2020
href="C:\Users\Matthew\Documents\Code\class_kiwi\Code\matthew\html_css\labs\lab_4\order.html">
2121
<!-- home -->
2222
<link rel="home" href="C:\Users\Matthew\Documents\Code\class_kiwi\Code\matthew\html_css\labs\lab_4\index.html">
23+
<!-- "playball" font -->
24+
<link href="https://fonts.googleapis.com/css2?family=Playball&display=swap" rel="stylesheet">
2325

2426
<title>Login</title>
2527
</head>
2628

27-
<body>
28-
<div id="top-bar" class="container-fluid">
29+
<body id="login">
30+
<div id="top-bar" class="container-fluid border-bottom border-dark ">
2931
<div class="row">
30-
<header class="col-5 text-start">
31-
<h1><a href="index.html">Seinor Burrito</a></h1>
32+
<header class="col-9 text-start-center mt-2">
33+
<h1><a id="burrito" href="index.html">Seinor Burrito</a></h1>
3234
</header>
33-
<nav class="col-7 text-end">
34-
<a type="button" class="btn btn-primary" href="menu.html">Menu</a>
35-
<a type="button" class="btn btn-primary" href="order.html">Order</a>
36-
<a type="button" class="btn btn-primary" href="login.html">login</a>
35+
<nav class="col-3 text-end mt-2">
36+
<!-- <a type="button" class="btn btn-outline-dark m-1" href="menu.html">Menu</a> -->
37+
<a
38+
href="https://www.ubereats.com/?utm_source=AdWords_Brand&utm_campaign=CM2029619-search-google-brand_1_10_US-Seattle_e_web_acq_cpc_en_Generics_Exact_uber%20eats_kwd-125079392186_546346938373_101194215117_e_c&campaign_id=9983520607&adg_id=101194215117&fi_id=&match=e&net=g&dev=c&dev_m=&ad_id=546346938373&cre=546346938373&kwid=kwd-125079392186&kw=uber%20eats&placement=&tar=&gclid=CjwKCAjwlcaRBhBYEiwAK341jSZ4B-NUCT0gO67QE4lB4vLumbFqz-XwYCNthvpJ4MwMyimoPn3FnRoCGjAQAvD_BwE&gclsrc=aw.ds"><button
39+
type="button" class="btn btn-outline-dark">Uber Eats</button></a>
40+
<a type="button" class="btn btn-outline-dark m-1" href="order.html">Order</a>
41+
<a type="button" class="btn btn-outline-dark m-1" href="login.html">login</a>
3742
</nav>
3843
</div>
3944
</div>
45+
4046
<br>
4147
<form action="" method="post">
4248

@@ -49,17 +55,17 @@ <h1><a href="index.html">Seinor Burrito</a></h1>
4955
<div class="col-12 text-center m-1">
5056
<input type="password" name="password" id="" placeholder="Password" required>
5157
</div>
52-
58+
<div class="col-12"><br> </div>
5359
<div class="col-12 text-center">
54-
<button>Enter</button>
60+
<button class="btn btn-outline-dark">Enter</button>
5561
</div>
5662
</div>
5763

5864
</form>
5965

6066
<div class="col-12"><br></div>
6167
<div class="col-12"><br></div>
62-
<footer class="border-top text-center">
68+
<footer class="fixed-bottom border-top border-dark text-center">
6369
&copy;Matthew Holmes 2022
6470
</footer>
6571
</div>

Code/matthew/html_css/labs/lab_4/menu.html

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -20,24 +20,27 @@
2020
href="C:\Users\Matthew\Documents\Code\class_kiwi\Code\matthew\html_css\labs\lab_4\order.html">
2121
<!-- home -->
2222
<link rel="home" href="C:\Users\Matthew\Documents\Code\class_kiwi\Code\matthew\html_css\labs\lab_4\index.html">
23+
<!-- "playball" font -->
24+
<link href="https://fonts.googleapis.com/css2?family=Playball&display=swap" rel="stylesheet">
2325

2426
<title>Menu</title>
2527
</head>
2628

2729
<body>
28-
<div id="top-bar" class="container-fluid">
30+
<div id="top-bar" class="container-fluid border-bottom border-dark">
2931
<div class="row">
30-
<header class="col-5 text-start">
32+
<header class="col-5 text-start-center mt-2">
3133
<h1><a href="index.html">Seinor Burrito</a></h1>
3234
</header>
33-
<nav class="col-7 text-end">
35+
<nav class="col-7 text-end mt-2">
3436
<a type="button" class="btn btn-primary" href="menu.html">Menu</a>
3537
<a type="button" class="btn btn-primary" href="order.html">Order</a>
3638
<a type="button" class="btn btn-primary" href="login.html">login</a>
3739
</nav>
3840
</div>
3941
</div>
4042

43+
4144
<br>
4245

4346
<div class="row">
@@ -71,7 +74,8 @@ <h5 class="card-title">Burrito Bowl</h5>
7174
<img src="..." class="card-img-top" alt="...">
7275
<div class="card-body">
7376
<h5 class="card-title">Baby Burrito</h5>
74-
<p class="card-text">The burrito for smaller stomachs or quick snack</p>
77+
<p class="card-text">Flour tortilla filled with cheese, rice, beans, your choice of one meat,
78+
guacamole, sour cream and salsa.</p>
7579
<a href="order.html" class="btn btn-primary">Quick Order</a>
7680
</div>
7781
</div>
@@ -84,15 +88,15 @@ <h5 class="card-title">Baby Burrito</h5>
8488
<img src="..." class="card-img-top" alt="...">
8589
<div class="card-body">
8690
<h5 class="card-title">Big Burrito</h5>
87-
<p class="card-text">The serious burrito, for the true burrito enthusiast</p>
91+
<p class="card-text">Same as above, Just bigger!</p>
8892
<a href="order.html" class="btn btn-primary">Quick Order</a>
8993
</div>
9094
</div>
9195
</div>
9296
</div>
9397
<div class="col-12"><br></div>
9498
<div class="col-12"><br></div>
95-
<footer class="border-top text-center">
99+
<footer class="fixed-bottom border-top border-dark text-center">
96100
&copy;Matthew Holmes 2022
97101
</footer>
98102
</div>

0 commit comments

Comments
 (0)