├── assets ├── Buttered Rice.jpeg ├── Agave Margarita.jpeg ├── Soft Brown Roti.jpeg ├── Black Velvet Cake.jpeg ├── Burrata Bruschetta.jpeg ├── Chicken Alfredo Recipe.jpeg ├── Pizza Margherita Recipe.jpeg ├── Savory Grilled Steak Bites.jpeg ├── Recipe_ Cucumber Caprese Salad.jpeg ├── Tomato Soup - Love and Lemons.jpeg ├── Maple Glazed Donuts [1_5 Hours].jpeg ├── Baked Buffalo Wings _ The Modern Proper.jpeg ├── Masterful Sushi Artistry_ Japanese Creations.jpeg ├── Classic New York Cheesecake Recipe with Fresh Strawberry Topping.jpeg └── Premium Photo _ A glass of tasty chocolate ice cream special summer menu.jpeg ├── README.md ├── .github └── workflows │ └── jekyll-gh-pages.yml ├── contact.html ├── contact.css ├── styles.css └── index.html /assets/Buttered Rice.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StephenLegacy/Restaurant-Website/HEAD/assets/Buttered Rice.jpeg -------------------------------------------------------------------------------- /assets/Agave Margarita.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StephenLegacy/Restaurant-Website/HEAD/assets/Agave Margarita.jpeg -------------------------------------------------------------------------------- /assets/Soft Brown Roti.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StephenLegacy/Restaurant-Website/HEAD/assets/Soft Brown Roti.jpeg -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Sleek mordern restaurant website 2 | technologies: html, css, JavaScript and php. 3 | Development in progress 4 | -------------------------------------------------------------------------------- /assets/Black Velvet Cake.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StephenLegacy/Restaurant-Website/HEAD/assets/Black Velvet Cake.jpeg -------------------------------------------------------------------------------- /assets/Burrata Bruschetta.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StephenLegacy/Restaurant-Website/HEAD/assets/Burrata Bruschetta.jpeg -------------------------------------------------------------------------------- /assets/Chicken Alfredo Recipe.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StephenLegacy/Restaurant-Website/HEAD/assets/Chicken Alfredo Recipe.jpeg -------------------------------------------------------------------------------- /assets/Pizza Margherita Recipe.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StephenLegacy/Restaurant-Website/HEAD/assets/Pizza Margherita Recipe.jpeg -------------------------------------------------------------------------------- /assets/Savory Grilled Steak Bites.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StephenLegacy/Restaurant-Website/HEAD/assets/Savory Grilled Steak Bites.jpeg -------------------------------------------------------------------------------- /assets/Recipe_ Cucumber Caprese Salad.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StephenLegacy/Restaurant-Website/HEAD/assets/Recipe_ Cucumber Caprese Salad.jpeg -------------------------------------------------------------------------------- /assets/Tomato Soup - Love and Lemons.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StephenLegacy/Restaurant-Website/HEAD/assets/Tomato Soup - Love and Lemons.jpeg -------------------------------------------------------------------------------- /assets/Maple Glazed Donuts [1_5 Hours].jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StephenLegacy/Restaurant-Website/HEAD/assets/Maple Glazed Donuts [1_5 Hours].jpeg -------------------------------------------------------------------------------- /assets/Baked Buffalo Wings _ The Modern Proper.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StephenLegacy/Restaurant-Website/HEAD/assets/Baked Buffalo Wings _ The Modern Proper.jpeg -------------------------------------------------------------------------------- /assets/Masterful Sushi Artistry_ Japanese Creations.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StephenLegacy/Restaurant-Website/HEAD/assets/Masterful Sushi Artistry_ Japanese Creations.jpeg -------------------------------------------------------------------------------- /assets/Classic New York Cheesecake Recipe with Fresh Strawberry Topping.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StephenLegacy/Restaurant-Website/HEAD/assets/Classic New York Cheesecake Recipe with Fresh Strawberry Topping.jpeg -------------------------------------------------------------------------------- /assets/Premium Photo _ A glass of tasty chocolate ice cream special summer menu.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StephenLegacy/Restaurant-Website/HEAD/assets/Premium Photo _ A glass of tasty chocolate ice cream special summer menu.jpeg -------------------------------------------------------------------------------- /.github/workflows/jekyll-gh-pages.yml: -------------------------------------------------------------------------------- 1 | # Sample workflow for building and deploying a Jekyll site to GitHub Pages 2 | name: Deploy Jekyll with GitHub Pages dependencies preinstalled 3 | 4 | on: 5 | # Runs on pushes targeting the default branch 6 | push: 7 | branches: ["main"] 8 | 9 | # Allows you to run this workflow manually from the Actions tab 10 | workflow_dispatch: 11 | 12 | # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages 13 | permissions: 14 | contents: read 15 | pages: write 16 | id-token: write 17 | 18 | # Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued. 19 | # However, do NOT cancel in-progress runs as we want to allow these production deployments to complete. 20 | concurrency: 21 | group: "pages" 22 | cancel-in-progress: false 23 | 24 | jobs: 25 | # Build job 26 | build: 27 | runs-on: ubuntu-latest 28 | steps: 29 | - name: Checkout 30 | uses: actions/checkout@v4 31 | - name: Setup Pages 32 | uses: actions/configure-pages@v5 33 | - name: Build with Jekyll 34 | uses: actions/jekyll-build-pages@v1 35 | with: 36 | source: ./ 37 | destination: ./_site 38 | - name: Upload artifact 39 | uses: actions/upload-pages-artifact@v3 40 | 41 | # Deployment job 42 | deploy: 43 | environment: 44 | name: github-pages 45 | url: ${{ steps.deployment.outputs.page_url }} 46 | runs-on: ubuntu-latest 47 | needs: build 48 | steps: 49 | - name: Deploy to GitHub Pages 50 | id: deployment 51 | uses: actions/deploy-pages@v4 52 | -------------------------------------------------------------------------------- /contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Contact Us - Delicious Bites 7 | 8 | 9 | 10 | 11 | 12 |
13 |

Contact Delicious Bites

14 | 15 |
16 |
17 | 18 |

123 Food Street, Nairobi, Kenya

19 |
20 |
21 | 22 |

+254 716 631 667

23 |
24 |
25 | 26 |

info@deliciousbites.com

27 |
28 |
29 | 30 |
31 | 32 | 33 | 34 | 35 |
36 | 37 |
38 |

Send Us a Message

39 |
40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 |
51 |
52 | 53 |
54 |

Find Us

55 | 59 |
60 |
61 | 62 | 65 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /contact.css: -------------------------------------------------------------------------------- 1 | /* General Styles */ 2 | body { 3 | font-family: 'Poppins', sans-serif; 4 | margin: 0; 5 | padding: 0; 6 | background: linear-gradient(135deg, #ff9a9e, #fad0c4, #fbc2eb); 7 | color: #333; 8 | text-align: center; 9 | } 10 | 11 | /* Container */ 12 | .contact-container { 13 | max-width: 900px; 14 | margin: 30px auto; 15 | padding: 20px; 16 | background: white; 17 | border-radius: 12px; 18 | box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); 19 | } 20 | 21 | /* Header */ 22 | h1 { 23 | font-size: 2.5rem; 24 | color: #ff6a00; 25 | } 26 | 27 | h1 span { 28 | color: #ee0979; 29 | } 30 | 31 | /* Contact Info */ 32 | .contact-info { 33 | display: flex; 34 | justify-content: center; 35 | gap: 20px; 36 | margin-top: 20px; 37 | } 38 | 39 | .info-box { 40 | background: #fff; 41 | padding: 15px; 42 | border-radius: 8px; 43 | box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); 44 | display: flex; 45 | align-items: center; 46 | gap: 10px; 47 | font-size: 1.2rem; 48 | } 49 | 50 | .info-box i { 51 | font-size: 1.5rem; 52 | color: #ff6a00; 53 | } 54 | 55 | /* Social Media */ 56 | .social-media { 57 | margin-top: 20px; 58 | } 59 | 60 | .social-media a { 61 | display: inline-block; 62 | margin: 0 10px; 63 | font-size: 1.8rem; 64 | color: #ee0979; 65 | transition: transform 0.3s ease; 66 | } 67 | 68 | .social-media a:hover { 69 | transform: scale(1.2); 70 | color: #ff6a00; 71 | } 72 | 73 | /* Contact Form */ 74 | .contact-form { 75 | margin-top: 30px; 76 | text-align: left; 77 | max-width: 500px; 78 | margin-left: auto; 79 | margin-right: auto; 80 | } 81 | 82 | .contact-form h2 { 83 | text-align: center; 84 | color: #ff6a00; 85 | } 86 | 87 | .contact-form label { 88 | font-weight: bold; 89 | display: block; 90 | margin: 10px 0 5px; 91 | } 92 | 93 | .contact-form input, 94 | .contact-form textarea { 95 | width: 100%; 96 | padding: 10px; 97 | margin-bottom: 15px; 98 | border: 1px solid #ccc; 99 | border-radius: 5px; 100 | } 101 | 102 | .contact-form button { 103 | width: 100%; 104 | padding: 12px; 105 | background: linear-gradient(90deg, #ff6a00, #ee0979); 106 | border: none; 107 | color: white; 108 | font-size: 1rem; 109 | font-weight: bold; 110 | border-radius: 8px; 111 | cursor: pointer; 112 | transition: background 0.3s ease; 113 | } 114 | 115 | .contact-form button:hover { 116 | background: linear-gradient(90deg, #ee0979, #ff6a00); 117 | } 118 | 119 | /* Map */ 120 | .map-container { 121 | margin-top: 30px; 122 | } 123 | 124 | .map-container h2 { 125 | color: #ff6a00; 126 | margin-bottom: 10px; 127 | } 128 | 129 | /* Footer */ 130 | footer { 131 | margin-top: 20px; 132 | padding: 15px; 133 | background: rgba(0, 0, 0, 0.7); 134 | color: white; 135 | font-size: 0.9rem; 136 | } 137 | -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | /* Global Styles */ 2 | body { 3 | font-family: 'Poppins', sans-serif; 4 | margin: 0; 5 | padding: 0; 6 | background: linear-gradient(135deg, #ff9a9e, #fad0c4, #fbc2eb); 7 | color: #333; 8 | text-align: center; 9 | } 10 | 11 | /* Header */ 12 | h1 { 13 | font-size: 3rem; 14 | background: linear-gradient(90deg, #ff6a00, #ee0979); 15 | background-clip: inherit; 16 | -webkit-background-clip: text; 17 | color: transparent; 18 | text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); 19 | margin-top: 20px; 20 | } 21 | 22 | /* Menu Sections */ 23 | h2 { 24 | font-size: 2rem; 25 | color: #fff; 26 | background: #ff6a00; 27 | display: inline-block; 28 | padding: 10px 20px; 29 | border-radius: 8px; 30 | box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); 31 | } 32 | 33 | /* Menu Grid */ 34 | .menu-container { 35 | display: grid; 36 | grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 37 | gap: 20px; 38 | max-width: 1000px; 39 | margin: auto; 40 | padding: 20px; 41 | } 42 | 43 | .menu-item { 44 | background: white; 45 | border-radius: 10px; 46 | padding: 15px; 47 | box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); 48 | transition: transform 0.3s ease; 49 | } 50 | 51 | .menu-item:hover { 52 | transform: scale(1.05); 53 | } 54 | 55 | .menu-item img { 56 | width: 100%; 57 | border-radius: 10px; 58 | } 59 | 60 | .menu-item h3 { 61 | color: #ff6a00; 62 | margin: 10px 0; 63 | } 64 | 65 | /* Order Form */ 66 | .order-form { 67 | background: white; 68 | padding: 20px; 69 | border-radius: 12px; 70 | box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); 71 | max-width: 500px; 72 | margin: 30px auto; 73 | text-align: left; 74 | } 75 | 76 | .order-form label { 77 | font-weight: bold; 78 | display: block; 79 | margin: 10px 0 5px; 80 | } 81 | 82 | .order-form input, 83 | .order-form select { 84 | width: 100%; 85 | padding: 10px; 86 | margin-bottom: 15px; 87 | border: 1px solid #ccc; 88 | border-radius: 5px; 89 | } 90 | 91 | .order-form button { 92 | width: 100%; 93 | padding: 12px; 94 | background: linear-gradient(90deg, #ff6a00, #ee0979); 95 | border: none; 96 | color: white; 97 | font-size: 1rem; 98 | font-weight: bold; 99 | border-radius: 8px; 100 | cursor: pointer; 101 | transition: background 0.3s ease; 102 | } 103 | 104 | .order-form button:hover { 105 | background: linear-gradient(90deg, #ee0979, #ff6a00); 106 | } 107 | 108 | .contact-btn { 109 | display: inline-block; 110 | padding: 12px 20px; 111 | font-size: 1.2rem; 112 | font-weight: bold; 113 | text-decoration: none; 114 | background: linear-gradient(90deg, #ff6a00, #ee0979); 115 | color: white; 116 | border-radius: 8px; 117 | transition: 0.3s ease-in-out; 118 | } 119 | 120 | .contact-btn:hover { 121 | background: linear-gradient(90deg, #ee0979, #ff6a00); 122 | transform: scale(1.1); 123 | } 124 | 125 | /* Footer */ 126 | footer { 127 | margin-top: 20px; 128 | padding: 15px; 129 | background: rgba(0, 0, 0, 0.7); 130 | color: white; 131 | font-size: 0.9rem; 132 | } 133 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Delicious Bites Menu 7 | 8 | 9 | 10 | 11 |

Delicious Bites Menu

12 | 13 |

Appetizers

14 |
15 |
16 | Caprese Salad 17 |

Caprese Salad

18 |

Fresh tomatoes, mozzarella, and basil drizzled with balsamic glaze.

19 |
20 |
21 | Bruschetta 22 |

Bruschetta

23 |

Grilled bread rubbed with garlic and topped with fresh tomatoes.

24 |
25 |
26 | Tomato Soup 27 |

Tomato Soup

28 |

Rich and creamy tomato soup served with crunchy croutons.

29 |
30 |
31 | Buffalo Wings 32 |

Buffalo Wings

33 |

Spicy, tangy chicken wings served with blue cheese dip.

34 |
35 |
36 | Glazed Donuts 37 |

Glazed Donuts

38 |

Freshly baked donuts with a sugar glaze.

39 |
40 |
41 | Steamed Rice 42 |

Steamed Rice

43 |

Perfectly steamed rice from Kenya, the local "wali" sensation.

44 |
45 |
46 | 47 |

Main Courses

48 |
49 |
50 | Grilled Steak 51 |

Grilled Steak

52 |

Juicy, tender steak served with garlic butter sauce.

53 |
54 |
55 | Pasta Alfredo 56 |

Pasta Alfredo

57 |

Creamy Alfredo pasta with grilled chicken and parmesan.

58 |
59 |
60 | Sushi Platter 61 |

Sushi Platter

62 |

Fresh sushi rolls with soy sauce and wasabi.

63 |
64 |
65 | Margherita Pizza 66 |

Margherita Pizza

67 |

Classic pizza topped with fresh tomatoes and basil.

68 |
69 |
70 | chapo 71 |

Chapati

72 |

Wonderful Kenyan Chapati, super meal crafted with yellow beans, 2 are barely enough but 3 might be 73 | too much as well 74 |

75 |
76 |
77 | Glazed Donuts 78 |

Glazed Donuts

79 |

Freshly baked donuts with a sugar glaze.

80 |
81 |
82 | 83 |

Desserts

84 |
85 |
86 | Chocolate Cake 87 |

Chocolate Cake

88 |

Decadent chocolate cake with rich ganache.

89 |
90 |
91 | Ice Cream 92 |

Vanilla Ice Cream

93 |

Creamy vanilla ice cream with chocolate drizzle.

94 |
95 |
96 | Cheesecake 97 |

New York Cheesecake

98 |

Rich and creamy cheesecake with a graham cracker crust.

99 |
100 |
101 | Glazed Donuts 102 |

Glazed Donuts

103 |

Freshly baked donuts with a sugar glaze.

104 |
105 |
106 | Glazed Donuts 107 |

Glazed Donuts

108 |

Freshly baked donuts with a sugar glaze.

109 |
110 |
111 | Glazed Donuts 112 |

Glazed Donuts

113 |

Freshly baked donuts with a sugar glaze.

114 |
115 |
116 | 117 |

Order Your Meal

118 |
119 |
120 | 121 | 122 | 123 | 124 | 135 | 136 | 137 | 138 | 139 | 140 |
141 |
142 | 143 | 151 |
152 | 153 |
154 | 157 |
158 | 159 | 163 | 164 | 165 | 166 | --------------------------------------------------------------------------------