https://visitleipersforktn.com/

Submitted URL:
https://visitleipersforktn.com/
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 4 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 0 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Visit Leiper's Fork, TN</title>
    <style>
        /* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Arial', sans-serif;
    background-color: #f5f5f5;
    color: #333;
}

header {
    background-color: #006400;
    color: white;
    padding: 50px 20px;
    text-align: center;
}

.header-container h1 {
    font-size: 3.5em;
    margin-bottom: 10px;
}

.header-container p {
    font-size: 1.3em;
}

.nav {
    background-color: #004d00;
    padding: 15px;
    text-align: center;
}

.nav ul {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 40px;
}

.nav ul li a {
    color: white;
    text-decoration: none;
    font-size: 1.2em;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.nav ul li a:hover {
    background-color: #006400;
}

.hero {
    background-image: url('leipers-fork-hero.jpg');
    background-size: cover;
    background-position: center;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: white;
    text-align: center;
    padding: 0 20px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

.hero h2 {
    font-size: 3.5em;
    margin-bottom: 20px;
}

.hero p {
    font-size: 1.4em;
}

main {
    max-width: 1200px;
    margin: 50px auto;
    padding: 0 20px;
}

.attractions-section {
    background-color: white;
    padding: 60px 20px;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.attractions-section h2 {
    font-size: 2.5em;
    margin-bottom: 40px;
}

.attractions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.attraction-item {
    background-color: #f0f0f0;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
}

.attraction-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
}

.attraction-item img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 15px;
}

.attraction-item h3 {
    font-size: 1.8em;
    margin-bottom: 10px;
}

.attraction-item p {
    font-size: 1.2em;
    color: #555;
}

.about-section {
    background-color: #f4f4f4;
    padding: 60px 20px;
    text-align: center;
    border-radius: 10px;
    margin-top: 50px;
}

.about-section h2 {
    font-size: 2.5em;
    margin-bottom: 20px;
    color: #006400;
}

.about-section p {
    font-size: 1.3em;
    max-width: 800px;
    margin: 0 auto;
}

.contact-section {
    background-color: white;
    padding: 50px;
    text-align: center;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.contact-section h2 {
    font-size: 2.5em;
    margin-bottom: 20px;
}

.contact-info {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}

.contact-info p {
    font-size: 1.2em;
    color: #555;
}

.footer {
    background-color: #006400;
    color: white;
    padding: 20px;
    text-align: center;
}

.footer p {
    font-size: 1.1em;
}

    </style>
</head>

<body>
    <header class="header">
        <div class="header-container">
            <h1>Visit Leiper's Fork, TN</h1>
            <p>Discover the Heart of Tennessee</p>
        </div>
        <nav class="nav">
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#attractions">Attractions</a></li>
                <li><a href="#about">About Us</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <section class="hero">
        <h2>Welcome to Leiper's Fork</h2>
        <p>Explore the charm, history, and natural beauty of this hidden gem</p>
    </section>

    <main>
        <section id="attractions" class="attractions-section">
            <h2>Top Attractions</h2>
            <div class="attractions-grid">
                <div class="attraction-item">
                    <img src="historic-town.jpg" alt="Historic Leiper's Fork">
                    <h3>Historic Town</h3>
                    <p>Stroll through the charming streets of this historic town, full of shops and local art.</p>
                </div>
                <div class="attraction-item">
                    <img src="outdoor-adventures.jpg" alt="Outdoor Adventures">
                    <h3>Outdoor Adventures</h3>
                    <p>Enjoy scenic hikes, beautiful landscapes, and outdoor activities in the Tennessee countryside.</p>
                </div>
                <div class="attraction-item">
                    <img src="local-food.jpg" alt="Local Food and Drink">
                    <h3>Local Food &amp; Drink</h3>
                    <p>Experience the best of Tennessee’s farm-to-table dining and local brews.</p>
                </div>
            </div>
        </section>

        <section id="about" class="about-section">
            <h2>About Leiper's Fork</h2>
            <p>Leiper's Fork is a unique village located in the heart of Tennessee, known for its friendly community, rich history, and vibrant arts scene. From local music to artisan crafts, this town offers a cultural experience like no other. Whether you're here for a weekend getaway or a day trip, you'll find plenty to explore and enjoy.</p>
        </section>

        <section id="contact" class="contact-section">
            <h2>Contact Us</h2>
            <p>Have questions or need help planning your trip? Contact us today!</p>
            <div class="contact-info">
                <p><strong>Phone:</strong> (555) 123-4567</p>
                <p><strong>Email:</strong> [email protected]</p>
                <p><strong>Address:</strong> 456 Village Rd, Leiper's Fork, TN</p>
            </div>
        </section>
    </main>

    <footer class="footer">
        <p>© 2024 Visit Leiper's Fork, TN. All rights reserved.</p>
    </footer>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8c85d6d49aeb384d',t:'MTcyNzIxMzA0NC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>


</body></html>