芝麻web文件管理V1.00

编辑当前文件:/home/qrafawbu/kwesioben.com/thefirstcookout/thefirstcookout/index.html

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

<title>Festava Live - Bootstrap 5 CSS Template</title>

<link rel="preconnect" href="https://fonts.googleapis.com">

</head>

<body>

<main>

<div class="col-lg-12 col-12 d-flex flex-wrap">
                        <p class="d-flex me-4 mb-0">
                            <i class="bi-person custom-icon me-2"></i>
                            <strong class="text-dark">Welcome to Music Festival 2023</strong>
                        </p>
                    </div>

</div>
            </div>
        </header>

<nav class="navbar navbar-expand-lg">
            <div class="container">
                <a class="navbar-brand" href="index.html">
                    Festava Live
                </a>

<a href="ticket.html" class="btn custom-btn d-lg-none ms-auto me-4">Buy Ticket</a>

<li class="nav-item">
                            <a class="nav-link click-scroll" href="#section_2">About</a>
                        </li>

<li class="nav-item">
                            <a class="nav-link click-scroll" href="#section_3">Artists</a>
                        </li>

<li class="nav-item">
                            <a class="nav-link click-scroll" href="#section_4">Schedule</a>
                        </li>

<li class="nav-item">
                            <a class="nav-link click-scroll" href="#section_5">Pricing</a>
                        </li>

<li class="nav-item">
                            <a class="nav-link click-scroll" href="#section_6">Contact</a>
                        </li>
                    </ul>

<a href="ticket.html" class="btn custom-btn d-lg-block d-none">Buy Ticket</a>
                </div>
            </div>
        </nav>

<div class="col-12 mt-auto mb-5 text-center">
                        <small>Festava Live Presents</small>

<h1 class="text-white mb-5">Night Live 2023</h1>

<a class="btn custom-btn smoothscroll" href="#section_2">Let's begin</a>
                    </div>

<div class="location-wrap mx-auto py-3 py-lg-0">
                            <h5 class="text-white">
                                <i class="custom-icon bi-geo-alt me-2"></i>
                                National Center, United States
                            </h5>
                        </div>

<div class="social-share">
                            <ul class="social-icon d-flex align-items-center justify-content-center">
                                <span class="text-white me-3">Share:</span>

Your browser does not support the video tag.
                </video>
            </div>
        </section>

<div class="col-lg-6 col-12 mb-4 mb-lg-0 d-flex align-items-center">
                        <div class="services-info">
                            <h2 class="text-white mb-4">About Festava 2022</h2>

<p class="text-white">Festava Live is free CSS template provided by TemplateMo website. This
                                layout is built on Bootstrap v5.2.2 CSS library. You are free to use this template for
                                your commercial website.</p>

<h6 class="text-white mt-4">Once in Lifetime Experience</h6>

<p class="text-white">You are not allowed to redistribute the template ZIP file on any other
                                website without a permission.</p>

<h6 class="text-white mt-4">Whole Night Party</h6>

<p class="text-white">Please tell your friends about our website. Thank you.</p>
                        </div>
                    </div>

<div class="ms-4">
                                    <h3>a happy moment</h3>

<p class="mb-0">your amazing festival experience with us</p>
                                </div>
                            </div>
                        </div>
                    </div>

</div>
            </div>
        </section>

<div class="col-12 text-center">
                        <h2 class="mb-4">Meet Artists</h1>
                    </div>

<div class="artists-hover">
                                <p>
                                    <strong>Name:</strong>
                                    Madona
                                </p>

<p>
                                    <strong>Birthdate:</strong>
                                    August 16, 1958
                                </p>

<p>
                                    <strong>Music:</strong>
                                    Pop, R&B
                                </p>

<hr>

<p class="mb-0">
                                    <strong>Youtube Channel:</strong>
                                    <a href="#">Madona Official</a>
                                </p>
                            </div>
                        </div>
                    </div>

<div class="artists-hover">
                                <p>
                                    <strong>Name:</strong>
                                    Rihana
                                </p>

<p>
                                    <strong>Birthdate:</strong>
                                    Feb 20, 1988
                                </p>

<p>
                                    <strong>Music:</strong>
                                    Country
                                </p>

<hr>

<p class="mb-0">
                                    <strong>Youtube Channel:</strong>
                                    <a href="#">Rihana Official</a>
                                </p>
                            </div>
                        </div>

<div class="artists-hover">
                                <p>
                                    <strong>Name:</strong>
                                    Bruno Bros
                                </p>

<p>
                                    <strong>Birthdate:</strong>
                                    October 8, 1985
                                </p>

<p>
                                    <strong>Music:</strong>
                                    Pop
                                </p>

<hr>

<p class="mb-0">
                                    <strong>Youtube Channel:</strong>
                                    <a href="#">Bruno Official</a>
                                </p>
                            </div>
                        </div>
                    </div>

</div>
            </div>
        </section>

<div class="col-12 text-center">
                        <h2 class="text-white mb-4">Event Schedule</h1>

<th scope="col">Wednesday</th>

<th scope="col">Thursday</th>

<th scope="col">Friday</th>

</tr>
                                    </thead>

<td class="table-background-image-wrap pop-background-image">
                                                <h3>Pop Night</h3>

<p>By Adele</p>

<p>By Rihana</p>

<td>
                                                <h3>DJ Night</h3>

<p>By Rihana</p>
                                            </td>

<td class="table-background-image-wrap country-background-image">
                                                <h3>Country Music</h3>

<p>By Rihana</p>

<td>
                                                <h3>Free Styles</h3>

<p>By Members</p>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                    </div>
                </div>
            </div>
        </section>

<div class="col-lg-8 col-12 mx-auto">
                        <h2 class="text-center mb-4">Plans, you' love</h2>
                    </div>

<div class="col-lg-6 col-12">
                        <div class="pricing-thumb">
                            <div class="d-flex">
                                <div>
                                    <h3><small>Early Bird</small> $120</h3>

<p>Including good things:</p>
                                </div>

<ul class="pricing-list mt-3">
                                <li class="pricing-list-item">platform for potential customers</li>

<li class="pricing-list-item">digital experience</li>

<li class="pricing-list-item">high-quality sound</li>

<li class="pricing-list-item">standard content</li>
                            </ul>

<a class="link-fx-1 color-contrast-higher mt-4" href="ticket.html">
                                <span>Buy Ticket</span>
                                <svg class="icon" viewBox="0 0 32 32" aria-hidden="true">
                                    <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
                                        <circle cx="16" cy="16" r="15.5"></circle>
                                        <line x1="10" y1="18" x2="16" y2="12"></line>
                                        <line x1="16" y1="12" x2="22" y2="18"></line>
                                    </g>
                                </svg>
                            </a>
                        </div>
                    </div>

<div class="col-lg-6 col-12 mt-4 mt-lg-0">
                        <div class="pricing-thumb">
                            <div class="d-flex">
                                <div>
                                    <h3><small>Standard</small> $240</h3>

<p>What makes a premium festava?</p>
                                </div>
                            </div>

<ul class="pricing-list mt-3">
                                <li class="pricing-list-item">platform for potential customers</li>

<li class="pricing-list-item">digital experience</li>

<li class="pricing-list-item">high-quality sound</li>

<li class="pricing-list-item">premium content</li>

<li class="pricing-list-item">live chat support</li>
                            </ul>

</div>
            </div>
        </section>

<div class="col-lg-8 col-12 mx-auto">
                        <h2 class="text-center mb-4">Interested? Let's talk</h2>

<nav class="d-flex justify-content-center">
                            <div class="nav nav-tabs align-items-baseline justify-content-center" id="nav-tab"
                                role="tablist">
                                <button class="nav-link active" id="nav-ContactForm-tab" data-bs-toggle="tab"
                                    data-bs-target="#nav-ContactForm" type="button" role="tab"
                                    aria-controls="nav-ContactForm" aria-selected="false">
                                    <h5>Contact Form</h5>
                                </button>

<button class="nav-link" id="nav-ContactMap-tab" data-bs-toggle="tab"
                                    data-bs-target="#nav-ContactMap" type="button" role="tab"
                                    aria-controls="nav-ContactMap" aria-selected="false">
                                    <h5>Google Maps</h5>
                                </button>
                            </div>
                        </nav>

<div class="col-lg-4 col-md-10 col-8 mx-auto">
                                            <button type="submit" class="form-control">Send message</button>
                                        </div>
                                    </div>
                                </form>
                            </div>

<div class="tab-pane fade" id="nav-ContactMap" role="tabpanel"
                                aria-labelledby="nav-ContactMap-tab">
                                <iframe class="google-map"
                                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d29974.469402870927!2d120.94861466021855!3d14.106066818082482!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x33bd777b1ab54c8f%3A0x6ecc514451ce2be8!2sTagaytay%2C%20Cavite%2C%20Philippines!5e1!3m2!1sen!2smy!4v1670344209509!5m2!1sen!2smy"
                                    width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"
                                    referrerpolicy="no-referrer-when-downgrade"></iframe>
                                
                            </div>
                        </div>
                    </div>

</div>
            </div>
        </section>
    </main>

<div class="col-lg-6 col-12">
                        <h2 class="text-white mb-lg-0">Festava Live</h2>
                    </div>

<div class="col-lg-6 col-12 mb-4 pb-2">
                    <h5 class="site-footer-title mb-3">Links</h5>

<li class="site-footer-link-item">
                            <a href="#" class="site-footer-link">About</a>
                        </li>

<li class="site-footer-link-item">
                            <a href="#" class="site-footer-link">Artists</a>
                        </li>

<li class="site-footer-link-item">
                            <a href="#" class="site-footer-link">Schedule</a>
                        </li>

<li class="site-footer-link-item">
                            <a href="#" class="site-footer-link">Pricing</a>
                        </li>

<li class="site-footer-link-item">
                            <a href="#" class="site-footer-link">Contact</a>
                        </li>
                    </ul>
                </div>

<div class="col-lg-3 col-md-6 col-12 mb-4 mb-lg-0">
                    <h5 class="site-footer-title mb-3">Have a question?</h5>

<p class="text-white d-flex">
                        <a href="mailto:hello@company.com" class="site-footer-link">
                            hello@company.com
                        </a>
                    </p>
                </div>

<div class="col-lg-3 col-md-6 col-11 mb-4 mb-lg-0 mb-md-0">
                    <h5 class="site-footer-title mb-3">Location</h5>

<p class="text-white d-flex mt-3 mb-2">
                        Silang Junction South, Tagaytay, Cavite, Philippines</p>

<div class="col-lg-3 col-12 mt-5">
                        <p class="copyright-text">Copyright © 2036 Festava Live Company</p>
                        <p class="copyright-text">Distributed by: <a href="https://themewagon.com">ThemeWagon</a></p>
                    </div>

<div class="col-lg-8 col-12 mt-lg-5">
                        <ul class="site-footer-links">
                            <li class="site-footer-link-item">
                                <a href="#" class="site-footer-link">Terms & Conditions</a>
                            </li>

<li class="site-footer-link-item">
                                <a href="#" class="site-footer-link">Privacy Policy</a>
                            </li>

<li class="site-footer-link-item">
                                <a href="#" class="site-footer-link">Your Feedback</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>

<!--

T e m p l a t e M o

-->

<script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.sticky.js"></script>
    <script src="js/click-scroll.js"></script>
    <script src="js/custom.js"></script>

</body>

</html>