Initial commit

assests/css/header.css

@@ -0,0 +1,37 @@
+
+html {
+    scroll-behavior: smooth;
+}
+
+body {
+padding-top: 4rem; 
+}
+
+
+.navbar-fixed {
+position: fixed;
+top: 0;
+left: 0;
+right: 0;
+z-index: 50;
+width: 100%;
+padding: 0 0;
+transition: background-color 0.3s ease; 
+}
+
+.navbar-fixed.bg-red-500 a {
+color: white !important;
+}
+
+
+
+.navbar-fixed ul {
+background-color: transparent;  
+}
+
+
+.navbar-fixed.bg-red-500 ul {
+background-color: #C03030;  
+}
+
+

assests/css/styles.css

@@ -0,0 +1,75 @@
+
+html {
+        scroll-behavior: smooth;
+    }
+
+body {
+    padding-top: 4rem; 
+}
+
+ .menu-overlay {
+    position: absolute;
+    inset: 0;
+    background-color: black;
+    opacity: 0.5;
+    transition: opacity 0.5s ease;
+}
+
+.group:hover .menu-overlay {
+    opacity: 0.6;
+}
+
+.headul{
+    background-color: black;
+}
+
+.headul .home{
+    font-weight: bolder
+}
+
+.headul a{
+    font-weight: 400;
+}
+
+
+
+.bgabout {
+    background-image: url(https://velikorodnov.com/wordpress/steakhouse/wp-content/uploads/2021/01/1920x744_bg1.jpg);
+    background-size: cover;
+    background-position: center;
+    height: 600px;
+}
+
+
+.bgmenu {
+    background-image: url(https://velikorodnov.com/wordpress/steakhouse/wp-content/uploads/2021/01/tomatos.png);
+    background-position: right; 
+    background-repeat: no-repeat; 
+    background-size: 30%; 
+    height: 600px; 
+}
+
+.bgtest{
+    background-image: url(https://velikorodnov.com/wordpress/steakhouse/wp-content/uploads/2020/12/1920x664_bg1.jpg);
+    background-position: center; 
+    background-repeat: no-repeat; 
+    background-size: 100%;
+    height: 600px; 
+}
+
+.bgfixedimg{
+    background-image: url('https://velikorodnov.com/wordpress/steakhouse/wp-content/uploads/2021/01/1920x1000_bg1.jpg'); 
+    background-size: cover; 
+    background-attachment: fixed;
+    background-position: center; 
+    height: 90vh;
+}
+
+.bgevents{
+    background-image: url('https://velikorodnov.com/wordpress/steakhouse/wp-content/uploads/2021/01/1920x648_bg1.jpg'); 
+    background-size: cover; 
+}
+
+.bgfoot{
+    background-image: url('https://velikorodnov.com/wordpress/steakhouse/wp-content/uploads/2020/12/1920x568_fbg1.jpg');  
+}

assests/data/aboutdata.php

@@ -0,0 +1,27 @@
+<?php
+
+
+$aboutdata = [
+    [
+        'name' => 'Premium Quality',
+        'description' => 'Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, cursus elementum vel cursus.',
+        'icon' => 'fas fa-thumbs-up',
+        'bg_color' => 'bg-red-100',
+        'icon_color' => 'text-red-500',
+    ],
+    [
+        'name' => '100% ECO Ingredients',
+        'description' => 'Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus.',
+        'icon' => 'fas fa-leaf',
+        'bg_color' => 'bg-green-100',
+        'icon_color' => 'text-green-500',
+    ],
+    [
+        'name' => 'Wood-burned Grill',
+        'description' => 'Suspendisse sollicitudin velit sed leo. Ut pharetra augue nec augue.',
+        'icon' => 'fas fa-fire',
+        'bg_color' => 'bg-yellow-100',
+        'icon_color' => 'text-yellow-500',
+    ]
+];
+?>

assests/data/contactdata.php

@@ -0,0 +1,23 @@
+<?php
+// Example data for the "Contact Us" section
+$contactdata = [
+    [
+        "icon" => "fas fa-phone", // Font Awesome class or custom icon
+        "icon_color" => "text-red-500", // Tailwind color classes
+        "name" => "Contact Us",
+        "description" => "+1 800 603 6035<br>mail@companyname.com"
+    ],
+    [
+        "icon" => "fas fa-map-marker-alt",
+        "icon_color" => "text-green-500",
+        "name" => "Get Direction",
+        "description" => "56 12th Ave,<br>New York, NY 10011"
+    ],
+    [
+        "icon" => "fas fa-clock",
+        "icon_color" => "text-blue-500",
+        "name" => "Opening Hours",
+        "description" => "Monday – Saturday:<br>Noon – 11:30 PM"
+    ]
+];
+?>

assests/data/testimonialsdata.php

@@ -0,0 +1,24 @@
+<?php
+
+$testimonials = [
+    [
+        'rating' => 5,
+        'review' => 'Ut tellus doloruris fermentum dictum magna. Sed laoreet aliquam leo dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis.',
+        'author' => 'Rebecca Johnson, CA, USA',
+        'image' => 'https://velikorodnov.com/wordpress/steakhouse/wp-content/uploads/2020/09/visor.png'
+    ],
+    [
+        'rating' => 5,
+        'review' => 'Ut tellus doloruris fermentum dictum magna. Sed laoreet aliquam leo dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis.',
+        'author' => 'Marta Healy, CA, USA',
+        'image' => 'https://velikorodnov.com/wordpress/steakhouse/wp-content/uploads/2020/09/visor.png'
+    ],
+    [
+        'rating' => 5,
+        'review' => 'Ut tellus doloruris fermentum dictum magna. Sed laoreet aliquam leo dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis.',
+        'author' => 'Mark & Rebecca Johnson, CA, USA',
+        'image' => 'https://velikorodnov.com/wordpress/steakhouse/wp-content/uploads/2020/09/visor.png'
+    ]
+];
+
+?>

assests/js/nav.js

@@ -0,0 +1 @@
+import 'flowbite';

assests/js/testimonials.js

@@ -0,0 +1,35 @@
+let currentIndex = 0;
+const carousel = document.getElementById('carousel');
+const slides = carousel.children;
+const totalSlides = slides.length;
+const dots = document.querySelectorAll("[id^='dot-']");
+
+// Update the carousel's position and the active pagination dot
+function updateCarousel() {
+  carousel.style.transform = `translateX(-${currentIndex * 100}%)`;
+  dots.forEach((dot, index) => {
+    dot.classList.toggle('bg-gray-600', index === currentIndex);
+    dot.classList.toggle('bg-gray-400', index !== currentIndex);
+  });
+}
+
+// Go to the next slide
+function nextSlide() {
+  currentIndex = (currentIndex + 1) % totalSlides;
+  updateCarousel();
+}
+
+// Go to the previous slide
+function prevSlide() {
+  currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;
+  updateCarousel();
+}
+
+// Navigate to a specific slide
+function goToSlide(index) {
+  currentIndex = index;
+  updateCarousel();
+}
+
+// Auto-slide functionality
+setInterval(nextSlide, 5000); // Slide changes every 5 seconds