Skip to content

Commit 3e00531

Browse files
HolmesMatthewHolmesMatthew
committed
initial lab 4 commit
1 parent 023c2ae commit 3e00531

File tree

5 files changed

+442
-0
lines changed

5 files changed

+442
-0
lines changed

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

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<!-- Bootstrap -->
9+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
10+
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
11+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
12+
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
13+
crossorigin="anonymous"></script>
14+
<!-- CSS -->
15+
<link rel="stylesheet" href="style.css">
16+
<!-- Menu -->
17+
<link rel="menu" href="C:\Users\Matthew\Documents\Code\class_kiwi\Code\matthew\html_css\labs\lab_4\menu.html">
18+
<!-- Order -->
19+
<link rel="stylesheet"
20+
href="C:\Users\Matthew\Documents\Code\class_kiwi\Code\matthew\html_css\labs\lab_4\order.html">
21+
<!-- home -->
22+
<link rel="home" href="C:\Users\Matthew\Documents\Code\class_kiwi\Code\matthew\html_css\labs\lab_4\index.html">
23+
24+
<title>Senior Burrito</title>
25+
</head>
26+
27+
<body>
28+
<div id="top-bar" class="container-fluid border-bottom">
29+
<div class="row">
30+
<header class="col-5 text-start">
31+
<h1><a href="index.html">Seinor Burrito</a></h1>
32+
</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>
37+
</nav>
38+
</div>
39+
</div>
40+
41+
<br>
42+
43+
<div class="row">
44+
<div class="col-1"></div>
45+
<div class="col-5">
46+
<img class="img-fluid"
47+
src="https://media.istockphoto.com/photos/happy-couple-eating-at-a-restaurant-picture-id525498478?s=612x612"
48+
alt="">
49+
</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
52+
outdoor seating. As well as DoorDash and Uber Eats.
53+
54+
</p>
55+
</div>
56+
57+
<div class="col-12"><br></div>
58+
59+
<div class="col-12 text-center border-top">
60+
61+
<h3>We have Burritos</h3>
62+
</div>
63+
64+
<div class="col-12"><br></div>
65+
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>
70+
71+
<!-- <div class="col-5 text-end">
72+
<img src="https://picsum.photos/200/300" alt="">
73+
</div> -->
74+
75+
<div class="col-12"><br></div>
76+
77+
<!-- <div class="col-6 text-start">
78+
<img src="https://picsum.photos/200/300" alt="">
79+
</div> -->
80+
81+
<div class="col-12 text-center ">
82+
<img src="https://media.istockphoto.com/photos/beef-samosa-picture-id155361084?s=612x612" alt="">
83+
</div>
84+
85+
<div class="col-12"><br></div>
86+
<div class="col-12"><br></div>
87+
<footer class="border-top text-center">
88+
&copy;Matthew Holmes 2022
89+
</footer>
90+
</div>
91+
</body>
92+
<style>
93+
@media only screen and (max-width: 1024px) {
94+
body {
95+
background-color: lightblue;
96+
}
97+
}
98+
</style>
99+
100+
</html>

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

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<!-- Bootstrap -->
9+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
10+
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
11+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
12+
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
13+
crossorigin="anonymous"></script>
14+
<!-- CSS -->
15+
<link rel="stylesheet" href="style.css">
16+
<!-- Menu -->
17+
<link rel="menu" href="C:\Users\Matthew\Documents\Code\class_kiwi\Code\matthew\html_css\labs\lab_4\menu.html">
18+
<!-- Order -->
19+
<link rel="stylesheet"
20+
href="C:\Users\Matthew\Documents\Code\class_kiwi\Code\matthew\html_css\labs\lab_4\order.html">
21+
<!-- home -->
22+
<link rel="home" href="C:\Users\Matthew\Documents\Code\class_kiwi\Code\matthew\html_css\labs\lab_4\index.html">
23+
24+
<title>Login</title>
25+
</head>
26+
27+
<body>
28+
<div id="top-bar" class="container-fluid">
29+
<div class="row">
30+
<header class="col-5 text-start">
31+
<h1><a href="index.html">Seinor Burrito</a></h1>
32+
</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>
37+
</nav>
38+
</div>
39+
</div>
40+
<br>
41+
<form action="" method="post">
42+
43+
<div class="row">
44+
<div class="col-12 text-center m-1">
45+
<input type="text" name="username" id="" placeholder="Username">
46+
</div>
47+
<!-- <div class="col-1"></div> -->
48+
49+
<div class="col-12 text-center m-1">
50+
<input type="password" name="password" id="" placeholder="Password" required>
51+
</div>
52+
53+
<div class="col-12 text-center">
54+
<button>Enter</button>
55+
</div>
56+
</div>
57+
58+
</form>
59+
60+
<div class="col-12"><br></div>
61+
<div class="col-12"><br></div>
62+
<footer class="border-top text-center">
63+
&copy;Matthew Holmes 2022
64+
</footer>
65+
</div>
66+
</body>
67+
68+
</html>

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

Lines changed: 101 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,101 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<!-- Bootstrap -->
9+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
10+
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
11+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
12+
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
13+
crossorigin="anonymous"></script>
14+
<!-- CSS -->
15+
<link rel="stylesheet" href="style.css">
16+
<!-- Menu -->
17+
<link rel="menu" href="C:\Users\Matthew\Documents\Code\class_kiwi\Code\matthew\html_css\labs\lab_4\menu.html">
18+
<!-- Order -->
19+
<link rel="stylesheet"
20+
href="C:\Users\Matthew\Documents\Code\class_kiwi\Code\matthew\html_css\labs\lab_4\order.html">
21+
<!-- home -->
22+
<link rel="home" href="C:\Users\Matthew\Documents\Code\class_kiwi\Code\matthew\html_css\labs\lab_4\index.html">
23+
24+
<title>Menu</title>
25+
</head>
26+
27+
<body>
28+
<div id="top-bar" class="container-fluid">
29+
<div class="row">
30+
<header class="col-5 text-start">
31+
<h1><a href="index.html">Seinor Burrito</a></h1>
32+
</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>
37+
</nav>
38+
</div>
39+
</div>
40+
41+
<br>
42+
43+
<div class="row">
44+
45+
<div class="d-flex justify-content-center">
46+
<img src="https://media.istockphoto.com/photos/northern-burrito-picture-id153560731?s=612x612"
47+
class="img-thumbnail" alt="...">
48+
</div>
49+
50+
<div class="col-12 text-center">
51+
<h3>We only have Burritos</h3>
52+
</div>
53+
54+
<div class="col-12"><br></div>
55+
56+
<div class="d-flex justify-content-center text-center ">
57+
<div class="card" style="width: 18rem;">
58+
<img src="..." class="card-img-top" alt="...">
59+
<div class="card-body">
60+
<h5 class="card-title">Burrito Bowl</h5>
61+
<p class="card-text">Classic Burrito in bowl form</p>
62+
<a href="order.html" class="btn btn-primary">Quick Order</a>
63+
</div>
64+
</div>
65+
</div>
66+
67+
<div class="col-12"><br></div>
68+
69+
<div class="d-flex justify-content-center text-center">
70+
<div class="card" style="width: 18rem;">
71+
<img src="..." class="card-img-top" alt="...">
72+
<div class="card-body">
73+
<h5 class="card-title">Baby Burrito</h5>
74+
<p class="card-text">The burrito for smaller stomachs or quick snack</p>
75+
<a href="order.html" class="btn btn-primary">Quick Order</a>
76+
</div>
77+
</div>
78+
</div>
79+
80+
<div class="col-12"><br></div>
81+
82+
<div class="d-flex justify-content-center text-center">
83+
<div class="card" style="width: 18rem;">
84+
<img src="..." class="card-img-top" alt="...">
85+
<div class="card-body">
86+
<h5 class="card-title">Big Burrito</h5>
87+
<p class="card-text">The serious burrito, for the true burrito enthusiast</p>
88+
<a href="order.html" class="btn btn-primary">Quick Order</a>
89+
</div>
90+
</div>
91+
</div>
92+
</div>
93+
<div class="col-12"><br></div>
94+
<div class="col-12"><br></div>
95+
<footer class="border-top text-center">
96+
&copy;Matthew Holmes 2022
97+
</footer>
98+
</div>
99+
</body>
100+
101+
</html>

0 commit comments

Comments
 (0)