dynamic-online-platform/blogs.html at main · rupeshca007/dynamic-online-platform · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blogs - Bangalore Explore - Connect with Bangalore's Communities</title>
    <link rel="stylesheet" href="styles.css">
    <script>
        function openDialog(content) {
            const dialog = document.getElementById('dialog');
            const overlay = document.getElementById('overlay');
            dialog.querySelector('.dialog-content').innerHTML = content;
            dialog.style.display = 'block';
            overlay.style.display = 'block';
        }

        function closeDialog() {
            const dialog = document.getElementById('dialog');
            const overlay = document.getElementById('overlay');
            dialog.style.display = 'none';
            overlay.style.display = 'none';
        }
    </script>
</head>
<body>
    <!-- Navigation Bar -->
    <header>
        <nav>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="blogs.html" class="active">Blogs</a></li>
                <li><a href="communities.html">Communities</a></li>
                <li><a href="explore.html">Explore</a></li>
                <li><a href="library.html">Library</a></li>
                <li><a href="help.html">Help</a></li>
                <li><a href="login.html">Login</a></li>
                <li><a href="contact.html">Contact Us</a></li>
            </ul>
        </nav>
    </header>

    <!-- Blog Section -->
    <section id="blogs">
        <h1>Latest Blogs</h1>
        <div class="blog-posts">
            <div class="post">
                <h2>Bangalore's Hidden Gems</h2>
                <p>Explore the lesser-known spots in Bangalore that offer unique experiences for residents and visitors alike.</p>
                <a href="#" class="btn" onclick="openDialog('Bangalore is not just about its IT parks and bustling streets; it has hidden gems waiting to be discovered. From quaint cafes tucked away in narrow lanes to ancient temples that tell tales of the city’s rich history, these places provide a unique glimpse into the local culture. Discover stunning viewpoints, serene parks, and artistic neighborhoods that showcase the city’s artistic side. Whether you’re a resident or a tourist, these hidden treasures promise to enrich your experience of Bangalore.')">Read More</a>
            </div>
            <div class="post">
                <h2>Top Startups to Watch in 2024</h2>
                <p>From AI to EdTech, discover the most promising startups emerging from Bangalore's tech ecosystem.</p>
                <a href="#" class="btn" onclick="openDialog('As Bangalore continues to be the Silicon Valley of India, a new wave of startups is emerging across various sectors. In 2024, look out for companies pushing the boundaries of technology, especially in artificial intelligence and education technology. These startups are not only innovating but also addressing real-world challenges. With the right mix of talent, technology, and vision, they are set to reshape industries and create impactful solutions. Stay informed about their journeys and contributions to the tech landscape.')">Read More</a>
            </div>
            <div class="post">
                <h2>Weekend Getaways from Bangalore</h2>
                <p>Find out the best weekend destinations just a few hours from the city for a quick escape.</p>
                <a href="#" class="btn" onclick="openDialog('Bangalore is ideally located for weekend getaways, offering a variety of destinations to choose from. Whether you prefer the serene hills of Coorg, the historical charm of Mysore, or the tranquil beaches of Gokarna, there’s something for everyone. Just a few hours away, these places provide a perfect escape from the hustle and bustle of city life. Plan your next adventure and experience the natural beauty and cultural richness that Karnataka has to offer!')">Read More</a>
            </div>
        </div>
    </section>

    <!-- Dialog and Overlay -->
    <div class="dialog-overlay" id="overlay" onclick="closeDialog()"></div>
    <div class="dialog" id="dialog">
        <span class="close-btn" onclick="closeDialog()">×</span>
        <div class="dialog-content"></div>
    </div>

    <!-- Footer Section -->
    <footer>
        <p>&copy; 2024 Bangalore Explore. All rights reserved.</p>
    </footer>
</body>
</html>