-
+ Under Construction
+
+ 
+ 
+ 
+
+
+
+ Food name: Food A
+ Price: $A
+
+
+ Food name: Food B
+ Price: $B
+
+
+ Food name: Food C
+ Price: $C
+
+
+
+
+ + OPENING HOURS +
++ EVERYDAY 11:30 am - 9:00 pm +
++ ETHIOPIA RESTAURANT +
+
+ 2955 Telegraph Ave,
+ Berkeley, CA 94705
+ (510) 843-1992
+
+
diff --git a/midterm/assets/.DS_Store b/midterm/assets/.DS_Store
index a3c1bbd..3965704 100644
Binary files a/midterm/assets/.DS_Store and b/midterm/assets/.DS_Store differ
diff --git a/midterm/assets/css/style.css b/midterm/assets/css/style.css
index d2bfa91..72a84bf 100644
--- a/midterm/assets/css/style.css
+++ b/midterm/assets/css/style.css
@@ -1,8 +1,11 @@
+html {
+ background-color:#333;
+}
#navbar {
display: flex;
justify-content: space-between;
- background-color: #333;
- color: white;
+ background-color: blanchedalmond;
+ color: black;
padding: 10px;
}
.nav--button--area{
@@ -16,12 +19,11 @@
font-size:14px;
color:#fff;
}
-/* Style the navbar items */
.navbar-item {
margin-right: 20px; /*Add margin between navbar items */
margin-left: 20px;
text-decoration: none; /* Remove underline from links */
- color: gree; /* Set text color for links */
+ color: black; /* Set text color for links */
}
/* .navbar-item:hover {
transform: scale(1.25);
@@ -32,9 +34,72 @@
align-items: center; /* Center content vertically */
}
.content {
- justify-content: center; /* Center content horizontally */
- align-items: center; /* Center content vertically */
+ width:100%;
+}
+#title_pic, #now_serving {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+}
+#order_button {
+ position: absolute;
+ bottom: 300px;
+ left: 45%;
+ transform: translateY(-45%);
+ padding: 20px;
+ background-color: wheat;
+}
+#title_pic {
+ position: relative;
+ opacity: 0.8;
+}
+.cuisine{
+ margin-left: 100px;
+ margin-right: 100px;
+ display: flex;
+ /* flex-direction: row; */
+ justify-content:space-around;
+ text-align: center;
+}
+.cuisine2{
+ margin-left: 100px;
+ margin-right: 100px;
+ display: flex;
+ flex-direction: column;
+ justify-content:center;
+ align-items: center;
+ text-align: center;
+}
+#cuisine1,#cuisine3{
+ margin-bottom: 20px;
+}
+#cuisine2{
+ margin-top: 20px;
+}
+.centered-content {
+ text-align: center;
+}
+.bottom_timeAndAddress{
+ display: inline-block;
+ text-align: center;
}
.bottombar {
- background-color: #333;
+ /* margin: 50px; */
+ display: flex;
+ /* justify-content:space-around; */
+ text-align: center;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+}
+.bottom--button img {
+ display: block; /* Make the image a block element to stack text below it */
+ margin: 10px;
+}
+.bottom--button:hover {
+ transform: scale(1.25);
+}
+body {
+ color:#fff
}
+
diff --git a/midterm/assets/img/5.jpeg b/midterm/assets/img/5.jpeg
new file mode 100644
index 0000000..93a3e7a
Binary files /dev/null and b/midterm/assets/img/5.jpeg differ
diff --git a/midterm/assets/img/6.jpeg b/midterm/assets/img/6.jpeg
new file mode 100644
index 0000000..fa11b8d
Binary files /dev/null and b/midterm/assets/img/6.jpeg differ
diff --git a/midterm/assets/img/Instagram-PNGinstagram-icon-png.png b/midterm/assets/img/Instagram-PNGinstagram-icon-png.png
deleted file mode 100644
index 36302f7..0000000
Binary files a/midterm/assets/img/Instagram-PNGinstagram-icon-png.png and /dev/null differ
diff --git a/midterm/assets/img/Instagramlogo.jpg b/midterm/assets/img/Instagramlogo.jpg
new file mode 100644
index 0000000..d4e6a22
Binary files /dev/null and b/midterm/assets/img/Instagramlogo.jpg differ
diff --git a/midterm/assets/img/facebooklogo.avif b/midterm/assets/img/facebooklogo.avif
deleted file mode 100644
index ad9e493..0000000
Binary files a/midterm/assets/img/facebooklogo.avif and /dev/null differ
diff --git a/midterm/assets/img/facebooklogo.jpg b/midterm/assets/img/facebooklogo.jpg
new file mode 100644
index 0000000..a054508
Binary files /dev/null and b/midterm/assets/img/facebooklogo.jpg differ
diff --git a/midterm/assets/img/googlelogo.jpg b/midterm/assets/img/googlelogo.jpg
new file mode 100644
index 0000000..53c6d4b
Binary files /dev/null and b/midterm/assets/img/googlelogo.jpg differ
diff --git a/midterm/assets/img/purple-gradiend-social-media-logo_197792-1883.avif b/midterm/assets/img/purple-gradiend-social-media-logo_197792-1883.avif
deleted file mode 100644
index 611f867..0000000
Binary files a/midterm/assets/img/purple-gradiend-social-media-logo_197792-1883.avif and /dev/null differ
diff --git a/midterm/assets/img/texturepic.avif b/midterm/assets/img/texturepic.avif
new file mode 100644
index 0000000..cfac47d
Binary files /dev/null and b/midterm/assets/img/texturepic.avif differ
diff --git a/midterm/assets/img/yelplogo.jpg b/midterm/assets/img/yelplogo.jpg
new file mode 100644
index 0000000..f1ee41f
Binary files /dev/null and b/midterm/assets/img/yelplogo.jpg differ
diff --git a/midterm/index.html b/midterm/index.html
index 68b31f1..db51f30 100644
--- a/midterm/index.html
+++ b/midterm/index.html
@@ -35,51 +35,64 @@
+ 
+ IG
+
+
+ IG
+
+ 
+ FB
+
+
+ FB
+
+ 
+ YELP
+
+
+ YELP
+
+ 
+ GOOGLE
+ GOOGLE
- 
+ 
+ 
- INSTAGRAM
+ 
- FACEBOOK
+ 
+