<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Feedback</title>
    <link rel="stylesheet" href="./assets/css/style.css">
    <link rel="stylesheet" href="./assets/css/all.min.css">
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="./assets/css/fontawesome.min.css">
    <link rel="shortcut icon" href="./assets/images/nav-logo.png" type="image/x-icon">
</head>

<body>
    <!-- navbar here -->
    <nav class="navbar navbar-expand-lg navbar-light">
        <div class="container-fluid res-nav">
            <a class="navbar-brand nav-logo" href="./index.php">
                <img src="./assets/images/nav-logo.png" alt="Logo">
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse nav-gap" id="navbarNav">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                        <a class="nav-link" href="./index.php">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./about.php">About</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./menu.php">Menu</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./contact.php">Contact</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" href="./feedback.php">Feedback</a>
                    </li>
                </ul>
                <button class="nav-btn" type="button"><i class="fa-solid fa-cart-shopping"></i> | <i
                        class="fa-solid fa-user"></i></button>
            </div>
        </div>
    </nav>
    <!-- navbar here -->

    <!-- header here  -->
    <div class="header">
        <div class="header-content">
            <p>Star Gyros</p>
            <h1>Feed <span class="bg-white">Back</span></h1>
            <p>We’d Love To Hear From You!</p>
        </div>
    </div>
    <!-- header here  -->

    <!-- feedback form here -->
    <div class="feedback-column">
        <div class="form-container feed-padding">
            <p>Your feedback is important to us and we greatly appreciate you filling out the comment form below. We
                look forward to hearing from you!</p>
            <h1>Your Feed Back</h1>
            <div class="rate">
                <input type="radio" id="star5" name="rate" value="5" />
                <label for="star5" title="text">5 stars</label>
                <input type="radio" id="star4" name="rate" value="4" />
                <label for="star4" title="text">4 stars</label>
                <input type="radio" id="star3" name="rate" value="3" />
                <label for="star3" title="text">3 stars</label>
                <input type="radio" id="star2" name="rate" value="2" />
                <label for="star2" title="text">2 stars</label>
                <input type="radio" id="star1" name="rate" value="1" />
                <label for="star1" title="text">1 star</label>
            </div><br><br><br><br><br>
            <form>
                <div class="column-inp">
                    <input type="text" placeholder="First Name" class="f-name" required>
                    <input type="text" placeholder="Last Name" class="l-name" required>
                </div>
                <input type="datetime-local" required value="2024-06-23T22:49">
                <input type="email" placeholder="Enter Your Email" class="inp-email">
                <textarea rows="4" placeholder="Suggest (if any)"></textarea>
                <p>Kindly incdicate your favourite items from our menu.</p>
                <div class="column-inp">
                    <input type="text" placeholder="One" class="f-name" required>
                    <input type="text" placeholder="Two" class="l-name" required>
                </div>
                <p>Are you satisfied with our current menu?</p>
                <div class="column-inp check-box-input">
                    <input type="checkbox" id="yes">
                    <label for="yes">yes</label>
                    <input type="checkbox" id="no">
                    <label for="no">No</label>
                </div>
                <button class="button-tr">Submit <img src="./assets/images/arrow-2.png"></button>
            </form>
        </div>

        <div class="feed-content">
            <h1>Foodconsults (PVT.) LTD.</h1>
            <p>Foodconsults (Pvt.) Ltd. was founded in 1983 by Mahmood Akbar, considered by many as the pioneer restaurateur in Pakistan. The organization, which has its headquarter in Lahore, prides itself on developing and growing a unique chain of restaurants known as the Salt’n Pepper Restaurants. Salt’n Pepper restaurants are Pakistan’s most recognized and distinguished hospitality brand with a history of market innovation and excellence in restaurant chain operations.</p>
            <h1>Contact Us</h1>
            <iframe
                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2963.0978079043184!2d-87.74774972475599!3d42.041082955195364!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880fcf7226ef10a1%3A0x544e33d44d325b71!2s4710%20Dempster%20St%2C%20Skokie%2C%20IL%2060076%2C%20USA!5e0!3m2!1sen!2s!4v1721418935417!5m2!1sen!2s"
                width="500" height="250" style="border:0;" allowfullscreen="" loading="lazy"
                referrerpolicy="no-referrer-when-downgrade" class="map-res"></iframe>
        </div>
    </div>
    <!-- feedback form here -->

    <!-- footer here  -->
    <footer>
        <div class="footer-logo">
            <img src="./assets/images/Footer.png">
        </div>

        <form class="footer-content footer-form">
            <h3>Sign up for Pita Inn promos, news and more delivered straight to your inbox.</h3>
            <input type="email" placeholder="Email Address" required>
            <button>Subscribe</button>
        </form>

        <div class="footer-content">
            <ul>
                <li><a href="#">ORDER NOW</a></li>
                <li><a href="#">BUY A GIFT CARD</a></li>
                <li><a href="#">FIND OUR HUMMUS</a></li>
            </ul>
        </div>

        <div class="footer-content">
            <p><a href="#"><i class="fa-brands fa-instagram"></i></a> <a href="#"><i
                        class="fa-brands fa-facebook"></i></a></p>
            <h3>Star Gyros 2024 
                Site by BatesMeron</h3>
        </div>
    </footer>
    <!-- footer here  -->

    <script src="./assets/js/bootstrap.bundle.min.js"></script>

</body>

</html>