Scribd
Upload
3 views

blog

The document outlines the structure of an event management website for an exclusive company in Kerala, featuring a navigation bar with links to various services, a hero section with a carousel of images, and sections for blog posts. It includes information on services offered such as wedding planning, corporate events, and private parties, along with contact information and social media links. The footer provides quick links, service details, and contact information for multiple locations in Kerala.

Uploaded by

rakshithakn507
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
3 views

blog

The document outlines the structure of an event management website for an exclusive company in Kerala, featuring a navigation bar with links to various services, a hero section with a carousel of images, and sections for blog posts. It includes information on services offered such as wedding planning, corporate events, and private parties, along with contact information and social media links. The footer provides quick links, service details, and contact information for multiple locations in Kerala.

Uploaded by

rakshithakn507
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 6

<!

DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Exclusive Event Management Company in Kerala">
<title>Event Management System</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" href="style.css">
</head>

<body>

<!-- Header & Navbar -->


<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
<div class="container">

<div class="collapse navbar-collapse" id="navbarNav">


<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link"
th:href="@{/index}">Home</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="" id="aboutDropdown"
role="button" data-bs-toggle="dropdown"
aria-expanded="false">About Us</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" th:href="@{/blog}">Blog by Team</a></li>
<li><a class="dropdown-item"
th:href="@{/testimonials}">Testimonials</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#services" id="aboutDropdown"
role="button"
data-bs-toggle="dropdown" aria-expanded="false">Services</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item"
th:href="@{/servicess/birthday_parties}">Birthday Parties</a></li>
<li><a class="dropdown-item"
th:href="@{/servicess/corporate_events}">Corporate Events</a></li>
<li><a class="dropdown-item"
th:href="@{/servicess/music_entertainment}">Music & Entertainment</a></li>
<li><a class="dropdown-item"
th:href="@{/servicess/private_parties}">Private Parties</a></li>
<li><a class="dropdown-item"
th:href="@{/servicess/college_fests}">School & College fests</a>
</li>
<li><a class="dropdown-item"
href="@{/servicess/wedding_planners}">Wedding Planners</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link"
th:href="@{/gallery}">Gallery</a></li>
<li class="nav-item"><a class="nav-link" th:href="@{/contact_us}">Contact
Us</a></li>
<li class="nav-item"><a class="nav-link"
th:href="@{/login}">Login</a></li>
<li class="nav-item"><a class="nav-link"
th:href="@{/register}">Register</a></li>
</ul>
<div>
<a href="#" class="text-light me-2"><i class="fab fa-facebook"></i></a>
<a href="#" class="text-light me-2"><i class="fab fa-instagram"></i></a>
<a href="#" class="text-light me-2"><i class="fab fa-youtube"></i></a>
<a href="#" class="text-light me-2"><i class="fab fa-linkedin"></i></a>
<a href="#" class="text-light"><i class="fab fa-twitter"></i></a>
</div>
</div>
</div>
</nav>

<!-- hero section -->


<section id="hero">
<div id="heroCarousel" class="carousel slide carousel-fade" data-bs-
ride="carousel" data-bs-interval="4000">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./images/image.3.jpg" class="d-block w-100" alt="Wedding 1"
style="height: 100vh; object-fit: cover;">
<div class="carousel-caption d-none d-md-block">
<h1 class="display-4">Partner with EventCo in Kerala</h1>
<p class="lead">Your #1 Exclusive Event Company</p>
<a href="#contact" class="btn btn-primary btn-lg">Contact Us</a>
</div>
</div>
<div class="carousel-item">
<img src="./images/about1.jpg" class="d-block w-100" alt="Wedding 2"
style="height: 100vh; object-fit: cover;">
<div class="carousel-caption d-none d-md-block">
<h1 class="display-4">Partner with EventCo in Kerala</h1>
<p class="lead">Your #1 Exclusive Event Company</p>
<a href="#contact" class="btn btn-primary btn-lg">Contact Us</a>
</div>
</div>
<div class="carousel-item">
<img src="./images/imaa.png" class="d-block w-100" alt="Wedding 3"
style="height: 100vh; object-fit: cover;">
<div class="carousel-caption d-none d-md-block">
<h1 class="display-4">Partner with EventCo in Kerala</h1>
<p class="lead">Your #1 Exclusive Event Company</p>
<a href="#contact" class="btn btn-primary btn-lg">Contact Us</a>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-
target="#heroCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-
target="#heroCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>

<!-- Blog List -->


<section class="py-5">
<div class="container">
<div class="row g-4">
<div class="col-md-4">
<div class="blog-card">
<img src="./images/image.11.jpg" class="w-100 blog-image" alt="Blog
Image">
<div class="p-3">
<div class="blog-title">Top 5 Wedding Trends of 2025</div>
<div class="blog-meta">By Team EventCo | April 30, 2025</div>
<p>Discover the most exciting and unique wedding trends to make your
big day unforgettable.</p>
<a href="#" class="btn btn-outline-primary btn-sm">Read More</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="blog-card">
<img src="./images/image.13.jpg" class="w-100 blog-image" alt="Blog
Image">
<div class="p-3">
<div class="blog-title">Destination Weddings in Kerala</div>
<div class="blog-meta">By Event Specialist | March 15, 2025</div>
<p>Learn why Kerala is the perfect backdrop for your destination
wedding celebration.</p>
<a href="#" class="btn btn-outline-primary btn-sm">Read More</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="blog-card">
<img src="./images/image.16.jpg" class="w-100 blog-image" alt="Blog
Image">
<div class="p-3">
<div class="blog-title">How to Plan a Corporate Event</div>
<div class="blog-meta">By Corporate Team | February 20, 2025</div>
<p>Expert tips for organizing successful and professional corporate
events of all sizes.</p>
<a href="#" class="btn btn-outline-primary btn-sm">Read More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-5">
<div class="container">
<div class="row g-4">
<div class="col-md-4">
<div class="blog-card">
<img src="./images/image.5.jpg" class="w-100 blog-image" alt="Blog
Image">
<div class="p-3">
<div class="blog-title">Top 5 Wedding Trends of 2025</div>
<div class="blog-meta">By Team EventCo | April 30, 2025</div>
<p>Discover the most exciting and unique wedding trends to make your
big day unforgettable.</p>
<a href="#" class="btn btn-outline-primary btn-sm">Read More</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="blog-card">
<img src="./images/image.6.jpg" class="w-100 blog-image" alt="Blog
Image">
<div class="p-3">
<div class="blog-title">Destination Weddings in Kerala</div>
<div class="blog-meta">By Event Specialist | March 15, 2025</div>
<p>Learn why Kerala is the perfect backdrop for your destination
wedding celebration.</p>
<a href="#" class="btn btn-outline-primary btn-sm">Read More</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="blog-card">
<img src="./images/image.15.jpg" class="w-100 blog-image" alt="Blog
Image">
<div class="p-3">
<div class="blog-title">How to Plan a Corporate Event</div>
<div class="blog-meta">By Corporate Team | February 20, 2025</div>
<p>Expert tips for organizing successful and professional corporate
events of all sizes.</p>
<a href="#" class="btn btn-outline-primary btn-sm">Read More</a>
</div>
</div>
</div>
</div>
</div>
</section>

<section class="py-5">
<div class="container">
<div class="row g-4">
<div class="col-md-4">
<div class="blog-card">
<img src="./images/image.10.jpg" class="w-100 blog-image" alt="Blog
Image">
<div class="p-3">
<div class="blog-title">Top 5 Wedding Trends of 2025</div>
<div class="blog-meta">By Team EventCo | April 30, 2025</div>
<p>Discover the most exciting and unique wedding trends to make your
big day unforgettable.</p>
<a href="#" class="btn btn-outline-primary btn-sm">Read More</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="blog-card">
<img src="./images/image.11.jpg" class="w-100 blog-image" alt="Blog
Image">
<div class="p-3">
<div class="blog-title">Destination Weddings in Kerala</div>
<div class="blog-meta">By Event Specialist | March 15, 2025</div>
<p>Learn why Kerala is the perfect backdrop for your destination
wedding celebration.</p>
<a href="#" class="btn btn-outline-primary btn-sm">Read More</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="blog-card">
<img src="./images/image.12.jpg" class="w-100 blog-image" alt="Blog
Image">
<div class="p-3">
<div class="blog-title">How to Plan a Corporate Event</div>
<div class="blog-meta">By Corporate Team | February 20, 2025</div>
<p>Expert tips for organizing successful and professional corporate
events of all sizes.</p>
<a href="#" class="btn btn-outline-primary btn-sm">Read More</a>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- Footer Section -->


<footer class="bg-dark text-white pt-5 pb-4">
<div class="container text-md-left">
<div class="row text-md-left">

<!-- Quick Links -->


<div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3">
<h5 class="text-uppercase mb-4 font-weight-bold">Quick Links</h5>
<p><a href="../index/index.html" class="text-white text-decoration-
none">Home</a></p>
<p><a href="./blog.html" class="text-white
text-decoration-none">About</a></p>
<p><a href="#" class="text-white text-decoration-none">Venues</a></p>
<p><a href="../gallery/index.html" class="text-white text-decoration-
none">Gallery</a></p>
<p><a href="../contact_us/contact_us.html" class="text-white text-
decoration-none">Contact</a></p>
</div>

<!-- Services -->


<div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3">
<h5 class="text-uppercase mb-4 font-weight-bold">Services</h5>
<p><a href="../servicess/corporate_events.html" class="text-white text-
decoration-none">Corporate Events</a>
</p>
<p><a href="../servicess/wedding_planners.html" class="text-white text-
decoration-none">Wedding Planner</a>
</p>
<p><a href="../servicess/music_&_entertainment.html" class="text-white
text-decoration-none">Music &
Entertainment</a></p>
<p><a href="../servicess/private_parties.html" class="text-white text-
decoration-none">Private Parties</a></p>
<p><a href="../servicess/school_&_college_fests.html" class="text-white
text-decoration-none">School & college
Fests</a></p>
</div>

<!-- Other Links -->


<div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3">
<h5 class="text-uppercase mb-4 font-weight-bold">Other Links</h5>
<p><a th:href="@{/blog}" class="text-white
text-decoration-none">Blog</a></p>
<p><a href="@{/testimonials}" class="text-white text-decoration-
none">Testimonials</a></p>
<p><a href="@{/privacy}" class="text-white text-decoration-none">Privacy
Policy</a></p>
<p><a href="#" class="text-white text-decoration-none">Cancellation and
Refund Policy</a></p>
<p><a href="@{/terms}" class="text-white text-decoration-none">Terms of
Service</a></p>
</div>

<!-- Contact Info -->


<div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3">
<h5 class="text-uppercase mb-4 font-weight-bold">Contact Info</h5>
<p>Melodia Event Management, T V Center, Kakkanad, Kochi, Kerala
682037</p>
<p>Melodia Event Management, Flamon Complex, Main Rd, Kuriachira,
Thrissur, Kerala 680006</p>
<p>Melodia Event Management, Door No: VP 22/152ABC, Vazhakkad Panchayath,
Oorkadavu, Po, Oorkadav, Akkod,
Kozhikode, Kerala 673640</p>
</div>

</div>

<hr class="mb-4">
<div class="row align-items-center">
<div class="col-md-7 col-lg-8">
<p>© 2025 Melodia Event Management. All rights reserved.</p>
</div>
<div class="col-md-5 col-lg-4">
<div class="text-center text-md-right">
<a href="#" class="text-white me-4"><i class="fab
fa-facebook-f"></i></a>
<a href="#" class="text-white me-4"><i class="fab fa-twitter"></i></a>
<a href="#" class="text-white me-4"><i class="fab
fa-instagram"></i></a>
<a href="#" class="text-white me-4"><i class="fab
fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
</footer>

<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js">
</script>
</body>

</html>

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy