Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@besthor
besthor committed Jun 15, 2024
1 parent c07bedb commit c2d1c3a
Show file tree
Hide file tree
Showing 2 changed files with 962 additions and 0 deletions.
320 changes: 320 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,320 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sky Recipes</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<nav class="navbar">
<div class="navbar-container container">
<input type="checkbox" name="" id="">
<div class="hamburger-lines">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
<ul class="menu-items">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#food">Category</a></li>
<li><a href="#food-menu">Menu</a></li>
<li><a href="#testimonials">Testimonial</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<h1 class="logo">Sky Recipes</h1>
</div>
</nav>
<section class="showcase-area" id="showcase">
<div class="showcase-container">
<h1 class="main-title" id="home">Elevate Your Dining Experience</h1>
<p>Welcome to Sky Recipes - Where Every Meal is a Celebration!</p>
<a href="#food-menu" class="btn btn-primary">Menu</a>
</div>
</section>

<section id="about">
<div class="about-wrapper container">
<div class="about-text">
<p class="small">About Us</p>
<h2>We've been making healthy food for 5+ years</h2>
<p>
Experience the essence of Sky Recipes. With a focus on fresh, locally sourced ingredients and a commitment to sustainable practices,
we strive to exceed your expectations with every visit.
</p>
</div>
<div class="about-img">
<img src="https://i.postimg.cc/mgpwzmx9/about-photo.jpg" alt="food" />
</div>
</div>
</section>
<section id="food">
<h2>Types of food</h2>
<div class="food-container container">
<div class="food-type fruite">
<div class="img-container">
<img src="https://i.postimg.cc/yxThVPXk/food1.jpg" alt="error" />
<div class="img-content">
<h3>Fruits</h3>
<a
href="https://en.wikipedia.org/wiki/Fruit"
class="btn btn-primary"
target="blank"
>learn more</a
>
</div>
</div>
</div>
<div class="food-type vegetable">
<div class="img-container">
<img src="https://i.postimg.cc/Nffm6Rkk/food2.jpg" alt="error" />
<div class="img-content">
<h3>Vegetable</h3>
<a
href="https://en.wikipedia.org/wiki/Vegetable"
class="btn btn-primary"
target="blank"
>learn more</a
>
</div>
</div>
</div>
<div class="food-type grin">
<div class="img-container">
<img src="https://i.postimg.cc/76ZwsPsd/food3.jpg" alt="error" />
<div class="img-content">
<h3>Grains</h3>
<a
href="https://en.wikipedia.org/wiki/Grain"
class="btn btn-primary"
target="blank"
>learn more</a
>
</div>
</div>
</div>
</div>
</section>
<section id="food-menu">
<h2 class="food-menu-heading">Food Menu</h2>
<div class="food-menu-container container">
<div class="food-menu-item">
<div class="food-img">
<img src="https://t3.ftcdn.net/jpg/05/69/38/00/360_F_569380012_JJbrXAZfRQOqm0mMzF92WKteQ53orCGw.jpg"
alt="" />
</div>
<div class="food-description">
<h2 class="food-titile">Food Menu Item 1</h2>
<p>
Jollof Rice: Fragrant long-grain rice cooked in a rich tomato-based sauce with onions, peppers, and a blend of spices,
creating a flavorful and colorful dish loved by all.
</p>
<p class="food-price">Price: ₦5,800</p>
</div>
</div>

<div class="food-menu-item">
<div class="food-img">
<img
src="https://weeatatlast.com/wp-content/uploads/2024/01/egusi-soup-with-chicken-recipe.jpg"
alt="error"
/>
</div>
<div class="food-description">
<h2 class="food-titile">Food Menu Item 2</h2>
<p>
Pounded Yam with Egusi: Smooth and fluffy pounded yam served alongside a thick egusi soup made with ground melon seeds,
leafy greens, and your choice of protein, offering a comforting and satisfying meal.
</p>
<p class="food-price">Price: ₦6,999</p>
</div>
</div>
<div class="food-menu-item">
<div class="food-img">
<img src="https://i.postimg.cc/8zbCtYkF/food-menu3.jpg" alt="" />
</div>
<div class="food-description">
<h2 class="food-titile">Food Menu Item 3</h2>
<p>
Pepper Soup: A flavorful and spicy broth-based soup made with assorted meats or fish,
fragrant spices, and aromatic herbs, offering a warming and comforting dining experience.
</p>
<p class="food-price">Price: ₦5,500</p>
</div>
</div>
<div class="food-menu-item">
<div class="food-img">
<img src="https://flawlessfood.co.uk/wp-content/uploads/2023/04/Fried-Plantain-16.jpg" alt="" />
</div>
<div class="food-description">
<h2 class="food-titile">Food Menu Item 4</h2>
<p>
Fried Plantains (Dodo): Sweet and ripe plantains sliced and fried until golden brown, offering
a deliciously crispy and caramelized side dish or snack that pairs perfectly with savory main courses..
</p>
<p class="food-price">Price: ₦5,000</p>
</div>
</div>
<div class="food-menu-item">
<div class="food-img">
<img src="https://www.besbyte.com/wp-content/uploads/2022/02/ofada-rice.jpg" alt="" />
</div>
<div class="food-description">
<h2 class="food-titile">Food Menu Item 5</h2>
<p>
Ofada Rice with Ayamase: Nutty and aromatic Ofada rice served with Ayamase sauce, a spicy and flavorful sauce made from green bell peppers,
locust beans, assorted meats, and traditional Nigerian spices.
</p>
<p class="food-price">Price: ₦5,500</p>
</div>
</div>
<div class="food-menu-item">
<div class="food-img">
<img src="https://t3.ftcdn.net/jpg/06/92/59/40/360_F_692594074_sdZW67KbVpiaero09PjFBRLqj6fLxrrc.jpg" alt="" />
</div>
<div class="food-description">
<h2 class="food-titile">Food Menu Item 6</h2>
<p>
Suya: Grilled skewers of thinly sliced beef, chicken, or fish, marinated in a spicy peanut-based sauce and served with sliced onions,
tomatoes, and spicy pepper sauce on the side.
</p>
<p class="food-price">Price: ₦6,500</p>
</div>
</div>
</div>
</section>
<section id="testimonials">
<h2 class="testimonial-title">What Our Customers are saying</h2>
<div class="testimonial-container container">
<div class="testimonial-box">
<div class="customer-detail">
<div class="customer-photo">
<img src="https://avatars.githubusercontent.com/u/111004790?s=96&v=4" alt="" />
<p class="customer-name">Besthor</p>
</div>
</div>
<div class="star-rating">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
<p class="testimonial-text">
Absolutely loved the Jollof Rice at Thems Food! As a Nigerian food enthusiast,
I can confidently say it's one of the best I've had outside Nigeria. The flavors were spot on, and the portion size was generous.
Will definitely be back for more!" - Besthor.
</p>

</div>
<div class="testimonial-box">
<div class="customer-detail">
<div class="customer-photo">
<img
src="https://media.licdn.com/dms/image/D4D03AQEZlPR365ehQA/profile-displayphoto-shrink_800_800/0/1701301820800?e=2147483647&v=beta&t=zcShqc3lKtVjjL7CdrqklHMzZPzM_Ntiqcj91FiynGA"
alt=""
/>
<p class="customer-name">Chinemerem</p>
</div>
</div>
<div class="star-rating">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
<p class="testimonial-text">
The Egusi Soup at Thems Food took me back to my grandma's kitchen! It was rich, flavorful, and packed with all the traditional ingredients.
Paired with pounded yam, it was a truly authentic Nigerian dining experience. Highly recommend!" - Amelia Watson
</p>

</div>
<div class="testimonial-box">
<div class="customer-detail">
<div class="customer-photo">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcThpFlHgkUayVFHiHRPjPte25Hg1zB2nUncPw&s"
alt="" />
<p class="customer-name">Fatima B</p>
</div>
</div>
<div class="star-rating">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
<p class="testimonial-text">
"Suya at Thems Food is a must-try! As a fan of Nigerian street food,
I was thrilled to find such authentic and delicious suya right here. The meat was perfectly grilled, and the spice blend was just right. Can't wait to bring my friends next time!" - Fatima B
</p>

</div>
</div>
</section>
<section id="contact">
<div class="contact-container container">
<div class="contact-img">
<img src="https://i.postimg.cc/1XvYM67V/restraunt2.jpg"
alt="" />
</div>

<div class="form-container">
<h2>Contact Us</h2>
<input type="text" placeholder="Your Name" />
<input type="email" placeholder="E-Mail" />
<textarea
cols="30"
rows="6"
placeholder="Type Your Message"
></textarea>
<a href="#" class="btn btn-primary">Submit</a>
</div>
</div>
</section>
<footer id="footer">
<h2>© Copyright 2024 | All Rights Reserved Besthor Tech Hub</h2>
</footer>
</body>
<!--
.................../ JS Code for smooth scrolling /...................... -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
// Add smooth scrolling to all links
$("a").on("click", function (event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();

// Store hash
var hash = this.hash;

// Using jQuery's animate() method to add smooth page scroll
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$("html, body").animate(
{
scrollTop: $(hash).offset().top,
},
800,
function () {
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
}
);
} // End if
});
});
</script>
</html>
Loading

0 comments on commit c2d1c3a

Please sign in to comment.