PROJECT REPORTgr

PROJECT REPORT
G&R-(Grand & Royal) WEDDING PLANNER WEBSITE
SUBMITTED TO: Lyallpur khalsa college for partial fulfillment of

Degree BCA
SESSION- 2021-2023
SUPERVISED BY: Mr. ……………………..

.
SUBMITTED BY: …………………

ROLL NO………………..
Department of Computer Science,

Lyallpur khalsa college , Jalandhar
INDEX
S.NO TITLE PAGE NO.
.
 CERTIFICATE
 STUDENT DECLARATION
 PREFACE
 ACKNOWLEDGEMENT
1 INTRODUCTION
2 OBJECTIVE
3 FUNCTIONALITIES PROVIDED
4 TOOLS USED
4.1 HTML
4.2 CSS
4.3 JAVASCRIPT
4.4 PHP
4.5HOW HTML, CSS,PHP AND JS RELATED
4.6XAMPP
4.6.1 INSTALLATION
4.6.2 phpmyadmin
5 VISUAL STUDIO CODE(VS CODE)
5.1 WHY VS CODE?
6 REAL LIFE DEMAND
7 FUTURE SCOPE
8 PROGRESS WORK
9 CONCLUSION
CERTIFICATE
This is certify that the project report entitled “WEDDINGSBY G&R-Wedding

planner website” which is being submitted by …… ……………. has been
successfully completed under proper guidance and supervision in partial
fulfillment ……………………….(Session- 2022-2023).
……………………….
(Supervisor)
PREFACE
Learning lesson and sitting in the classroom is not a difficult thing to do. The
difficulty come when it is time to put everything in to practice all that the
person has learnt in years of education. When the entire individual leaves
the college to go out and face the world it is most difficult and challenging
phase of their life. It becomes easier for them if they get a little taste of
what they expect before they are actually in that situation.
A student is made to work in the exact environment that he would be

required to work in when he actually start working. This is an excellent
learning experience for the student. it also helps in the overall personality
development of an individual.
DAV COLLEGE, JALANDHAR has provided us with very comfortable working

environment and excellent project to work on. This report present before
you a description of our work covered over the last three months.
ACKNOWLEDGEMENT
No work of significance can be claimed on the result of individual effort and
same hold true for this project as well, for though it carries the name and
energy of many have contributed in no small measure in completion of
project. Through our gratitude towards our supporters yet I like to add a few
heart full words for the people who were part of this project in numerous
ways. People who gave unending support right the project idea were
conceived.
First, we want to give thanks to ………………………………………………………………

for their help and assistance. We also want to give our heart full gratitude
to our project guides.
Next, we would like to thank our Principal ……………………. and all
members of computer department for having faith in our project and
helping me in all respects, for their kind inspirations and helping me
whenever asked for.
Last but not least, I expand our heartiest gratefulness to all people who have
been directly or indirectly involved in this project and have given us their
best wishes and all help that we needed for the completion of this project.
1.Introduction
INTRODUCTION
This online wedding planner website has been developed to override the
problem prevailing in the practicing manual system. This software is
supported to eliminate and in some cases reduce the hardships face by the
existing system. Moreover, this system is designed for the particular need of
the company to carry out operations in smooth and effective manner.
Wedding planner websites serve as a valuable resource for individuals who

are planning their wedding events. Here are a few reasons why we need
wedding planner websites:
1. Convenience: Wedding planner websites provide a convenient

platform for users to plan and organize their wedding events from the
comfort of their own homes. Users can access various wedding
planning tools, such as vendor search, budget planning, and guest list
management, without having to physically visit different vendors or
wedding planning agencies.
2. Time-saving: Planning a wedding event can be time-consuming,

especially for busy individuals. Wedding planner websites can save
users time by providing them with access to various wedding planning
resources and tools all in one place.
3. Cost-effective: Wedding planner websites can help users save money

by providing them with access to vendor directories and wedding
deals, which can help them get better prices for their wedding
services.
4. Creative inspiration: Wedding planner websites often feature an
inspiration gallery, which can provide users with creative ideas for
their wedding themes, decorations, and fashion trends.
5. Personalization: Wedding planner websites can help users personalize

their wedding events by providing them with a variety of options and
customization features. Users can select vendors and services based
on their preferences and style, and can create a unique wedding event
that reflects their personalities.
WEDDINGSBYG&R, the wedding planner website, can leads to error free,

secure, reliable, and fast management system. It can assist the user to
concentrate on the other activities rather to concentrate on the record
keeping. Thus, it helps in organizing a better event by using the available
resources. Basically this project describes how to manage for good
performances and better services for the clients.
2.Objective
Objective
The main objective of creating wedding planner websites is to provide users
with a comprehensive platform to plan and organize their wedding events
efficiently. The website aims to simplify the wedding planning process by
providing various tools and resources that can help users to manage their
wedding events effectively.
Here are some specific objectives of creating this wedding planner website:
 To provide users with a platform to search for wedding vendors and

services, such as photographers, caterers, florists, and venues, based
on their location and preferences.
 To help users plan and manage their wedding budget by providing

them with budgeting tools and resources.
 To allow users to create and manage their wedding guest list, send
invitations, and track RSVPs.
 To provide users with inspiration and ideas for their wedding themes,
decorations, and fashion trends through an inspiration gallery.
 To provide users with a user-friendly and intuitive interface that is easy

to navigate.
Overall, the main objective of creating a wedding planner website is to make

the wedding planning process easier, more efficient, and less stressful for
users. By providing a comprehensive platform with various wedding
planning resources and tools, users can plan and organize their
wedding events with confidence and ease.
An online wedding planner website is a valuable resource for couples who
are planning their wedding. The website provides comprehensive
information and services to assist couples in every aspect of their wedding
planning journey. The Wedding Planner website is designed to be a one-stop
web-based platform used by couples, vendors and planners so that they can
easily reach out to each other and can find solution to all their problems at
one place.
3.Functionalities
Provided
Functionalities provided
by this website
Wedding planner websites provide a range of functionalities that can help

users plan and organize their wedding events efficiently. Here are some
common functionalities provided by wedding planner websites:
1. It provides the searching facility based on various factors such as

wedding venue, package, different services.
2. It manages all the information related to any wedding event.
3. Vendor search: Users can search for wedding vendors and services
such as photographers, caterers, florists, and venues based on their
location and preferences.
4. Budget planning: Users can create a budget plan for their wedding
events and track their expenses.
5. Guest list management: Users can create and manage their guest lists,
send invitations, and track RSVPs.
6. Seating arrangements: Users can create and manage seating
arrangements for their wedding events.
7. Online RSVP: Users can provide an online RSVP option for their guests
to respond to invitations.
8. Contact form: Users can contact the website administrator for any
queries or support.
9. Social media integration: Users can share their wedding events and
updates on social media platforms.
4.TOOLS USED
Tools used
The project is made by using HTML, CSS, PHP and JAVASCRIPT for basic
structure and styling part. And XAMPP is used for designing databases. All
these tools are described below.
4.1.HTML
HTML is an acronym which stands for Hyper Text Markup Language which is
used for creating web pages and web applications. Let's see what is meant
by Hypertext Markup Language, and Web page.
Hyper Text: Hyper Text simply means "Text within Text." A text has a link
within it, is a hypertext. Whenever you click on a link which brings you to a
new webpage, you have clicked on a hypertext. Hyper Text is a way to link
two or more web pages (HTML documents) with each other.
Markup language: A markup language is a computer language that is used

to apply layout and formatting conventions to a text document. Markup
language makes text more interactive and dynamic. It can turn text into
images, tables, links, etc.
Description of HTML Example

<! DOCTYPE>: It defines the document type or it instructs the browser
about the version of HTML.
<Html >: This tag informs the browser that it is an HTML document. Text
between html tag describes the web document. It is a container for all other
elements of HTML except <! DOCTYPE>
<Head>: It should be the first element inside the <html> element, which
contains the metadata (information about the document). It must be closed
before the body tag opens.
<Title>: As its name suggested, it is used to add title of that HTML page
which appears at the top of the browser window. It must be placed inside
the head tag and should close immediately. (Optional)
<Body>: Text between body tag describes the body content of the page
that is visible to the end user. This tag contains the main content of the
HTML document.
<h1>: Text between <h1>tag describes the first level heading of the
webpage.
<p>: Text between <p>tag describes the paragraph of the webpage.
HTML Versions
Since the time HTML was invented there are lots of HTML versions in
market, the brief introduction about the HTML version is given below:
 HTML 1.0: The first version of HTML was 1.0, which was the barebones
version of HTML language, and it was released in1991.
 HTML 2.0: This was the next version which was released in 1995, and it
was standard language version for website design. HTML 2.0 was able
to support extra features such as form-based file upload, form
elements such as text box, option button, etc.
 HTML 3.2: HTML 3.2 version was published by W3C in early 1997. This
version was capable of creating tables and providing support for extra
options for form elements. It can also support a web page with
complex mathematical equations. It became an official standard for
any browser till January 1997. Today it is practically supported by most
of the browsers.
 HTML 4.01: HTML 4.01 version was released on December 1999, and it
is a very stable version of HTML language. This version is the current
official standard, and it provides added support for cascading style
sheet(CSS) and scripting ability for various multimedia elements.
HTML5: HTML5 is the newest version of HyperText Markup language. The

first draft of this version was announced in January 2008. There are two
major organizations one is W3C (World Wide Web Consortium), and
another one is WHATWG(Web Hypertext Application Technology Working
Group) which are involved in the development of HTML 5 version, and still,
it is under development.
 Features of HTML
1) It is a very easy and simple language. It can be easily understood and
modified.
2) It is very easy to make an effective presentation with HTML because it

has a lot of formatting tags.
3) It is a markup language, so it provides a flexible way to design web pages

along with the text.
4) It facilitates programmers to add a link on the web pages (by html anchor
tag), so it enhances the interest of browsing of the user.
5) It is platform-independent because it can be displayed on any platform

like Windows, Linux, and Macintosh, etc.
6) It facilitates the programmer to add Graphics, Videos, and Sound to the

web pages which makes it more attractive and interactive.
7) HTML is a case-insensitive language, which means we can use tags either

in lower-case or upper-case.
4.2.CSS
CSS stands for Cascading Style Sheet. It gives an additional style to the
HTML document. A cascading style sheet is a language that is designed to
define the document formatting and look written in a markup language.
Generally, CSS is applied with HTML documents to change various styles of
user interfaces and web pages.
o CSS was introduced on 10th October 1994 by Hakon Wium Lie.
o CSS is an easy language to understand and learn, but it gives
robust control on the presentation of HTML documents
o It specifies how the various HTML elements or tags to be
presented on the screen.
o It has various advantages, such as save time, offline browsing,
fast page load, and many others.
o CSS3 is the current version of the cascading style sheet.
It can be also applied with any document of XML, including XUL, SVG, and
plain XML.
 Features of CSS
o Opportunity in Web designing: If anyone wants to begin a career in
web designing professionally, it is essential to have knowledge of CSS
and HTML.
o Website Design: With the use of CSS, we can control various styles,
such as the text color, the font style, the spacing among paragraphs,
column size and layout, background color and images, design of the
layout, display variations for distinct screens and device sizes, and
many other effects as well.
o Web Control: CSS has controlling power on the documents of HTML,

so it is easy to learn. It is integrated with the HTML and the XHTML
markup languages.
o Other Languages: Once we have knowledge of some basics of CSS and

HTML, other associated technologies like Angular, PHP, and JavaScript
are become clearer to understand.
 Advantages of CSS
o CSS saves time − You can write CSS once and then reuse same sheet in
multiple HTML pages. You can define a style for each HTML element
and apply it to as many Web pages as you want.
o Pages load: If you are using CSS, you do not need to write HTML tag
attributes every time. Just write one CSS rule of a tag and apply it to all
the occurrences of that tag. So less code means faster download times.
o Easy maintenance − To make a global change, simply change the style,

and all elements in all the web pages will be updated automatically.
o Superior styles to HTML − CSS has a much wider array of attributes
than HTML, so you can give a far better look to your HTML page in
comparison to HTML attributes.
o Multiple Device Compatibility − Style sheets allow content to be

optimized for more than one type of device. By using the same HTML
document, different versions of a website can be presented for
handheld devices such as PDAs and cell phones or for printing.
4.3.JAVASCRIPT
JavaScript is one of the most popular languages which includes numerous
features when it comes to web development. Some of the features are
lightweight, dynamic, functional and interpreted.
1. Light Weight Scripting Language

JavaScript is a lightweight scripting language because it is made for data
handling at the browser only. Since it is not a general-purpose language so it
has a limited set of libraries. Also as it is only meant for client-side execution
and that too for web applications, hence the lightweight nature of JavaScript
is a great feature.
2. Dynamic Typing
JavaScript supports dynamic typing which means types of the variable are
defined based on the stored value. For example, if you declare a variable x
then you can store either a string or a Number type value or an array or an
object. This is known as dynamic typing.
To understand this, in languages like Java, we explicitly mention that a
particular variable will store a certain type of data, whereas in JavaScript we
do not have to provide the data type while declaring a variable. In
JavaScript, we just have to use var or let keyword before the variable name
to declare a variable without worrying about its type.
3. Object-Oriented Programming Support

Starting from ES6, the concept of class and OOPs has been more refined.
Also, in JavaScript, two important principles with OOP in JavaScript are
Object Creation patterns (Encapsulation) and Code Reuse patterns
(Inheritance). Although JavaScript developers rarely use this feature but it’s
there for everyone to explore.
4. Functional Style
This implies that JavaScript uses a functional approach, even objects are
created from the constructor functions and each constructor function
represents a unique object-type. Also, functions in JavaScript can be used as
objects and can be passed to other functions too.
5. Platform Independent
This implies that JavaScript is platform-independent or we can say it is
portable; which simply means that you can simply write the script once and
run it anywhere and anytime. In general, you can write your JavaScript
applications and run them on any platform or any browser without affecting
the output of the Script.
6. Prototype-based Language
JavaScript is a prototype-based scripting Language. This means javascript
uses prototypes instead of classes or inheritance. Inlanguages like Java, we
create a class and then we create objects for those classes. But in JavaScript,
we define object prototype and then more objects can be created using this
object prototype.
7. Interpreted Language
JavaScript is an interpreted language which means the script written inside
javascript is processed line by line. These Scripts are interpreted by
JavaScript interpreter which is a built-in component of the Web browser.
But these days many JavaScript engines in browsers like the V8 engine in
chrome uses just in time compilation for JavaScript code.
8. Async Processing
JavaScript supports Promise which enables asynchronous requests wherein
a request is initiated and JavaScript doesn't have to wait for the response,
which at times blocks the request processing. Also starting from ES8, Async
functions are also supported in JavaScript, these functions don't execute
one by one, rather they are processed parallelly which has a positive effect
on the processing time, reducing it to a great extent.
9. Client-side Validations
This is a feature which is available in JavaScript since forever and is still
widely used because every website has a form in which users enter values,
and to make sure that users enter the correct value, we must put proper
validations in place, both on the client-side and on the server-side.
JavaScript is used for implementing client-side validations.
10. More control in Browser
JavaScript being a client-side language provides many features that help

developers to divide processing between browser and server hence
reducing the load on servers by having basic processing, validations,
temporary data saving using cookies, etc on the browser itself.
Along with all these features, JavaScript provides the following useful
features too:
1. Detecting browser type, name OS version, etc information of the client for
analysis.
2. Extensive in-built library with many useful functions for validation, data
type conversion, string operations, etc.
3. It is an object-centered language with Window Object being the most

important object in JavaScript and it also supports Polymorphism.
4. Support for commonly used complex data types like array, Maps, List, etc.
with support of in-built functions to operate on them.
4.4.php
PHP (Hypertext Preprocessor) is a popular open-source scripting language
used for web development. It is often used in combination with HTML and
CSS to create dynamic web pages and web applications.
PHP code is executed on the server-side, which means that it is processed
by the web server before being sent to the user's browser.
PHP was originally created in 1994 by Rasmus Lerdorf as a set of Common

Gateway Interface (CGI) scripts to track visitors to his website. Over time, it
evolved into a powerful and versatile programming language, with a large
community of developers contributing to its development and creating
many useful frameworks and libraries.
 Some of the key features of PHP include:
 Simple syntax: PHP has a relatively easy-to-learn syntax that is similar

to C and Java.
 Wide range of database support: PHP has built-in support for many
popular databases, including MySQL, PostgreSQL, Oracle, and more.
 Interactivity: PHP can interact with the user, allowing for the creation
of interactive web pages and web applications.
 Platform independence: PHP code can be run on a variety of

platforms, including Windows, Linux, and macOS.
 Large developer community: PHP has a large and active community of

developers who contribute to the language's development, create
libraries and frameworks, and offer support to new developers.
PHP is used by many popular websites and applications, including Facebook,

WordPress, and Wikipedia. It is a popular choice for web developers due to
its ease of use, versatility, and large community of developers.
 ADVANTAGES:
PHP has several advantages that make it a popular choice for web
development. Here are some of the main advantages of PHP:
 Open-source: PHP is an open-source scripting language, which means

that it is freely available for use and can be customized to suit
individual needs. This makes it an affordable choice for businesses and
individuals who want to create web applications without having to pay
for licensing fees.
 Easy to learn: PHP has a relatively easy-to-learn syntax that is similar

to C and Java. This makes it accessible to developers with a
background in those languages, as well as those who are new to
programming.
 Large developer community: PHP has a large and active community of

developers who contribute to the language's development, create
libraries and frameworks, and offer support to new developers. This
means that there is a wealth of resources available for developers who
need help or want to learn more about PHP.
 Wide range of database support: PHP has built-in support for many
popular databases, including MySQL, PostgreSQL, Oracle, and more.
This makes it easy to integrate PHP with databases and create dynamic
web applications that interact with data.
 Cross-platform compatibility: PHP code can be run on a variety of

platforms, including Windows, Linux, and macOS. This means that
developers can create web applications that can be run on multiple
platforms without having to modify the code.
4.5.How HTML, CSS, PHP and Javascript Related

HTML, CSS, JavaScript, and PHP are all related to web development, and
each language serves a specific purpose in creating web pages and web
applications.
HTML provides the structure and content of a web page, CSS provides the
styling and presentation, JavaScript provides the interactivity and
functionality, and PHP provides the server-side processing and dynamic
content generation. Together, these languages form the foundation of
modern web development.
4.5.XAMPP
We have used XAMPP for creating database. XAMPP is one of the widely
used cross-platform web servers, which helps developers to create and test
their programs on a local webserver. It was developed by the Apache
Friends, and its native source code can be revised or modified by the
audience. It consists of Apache HTTP Server, MariaDB, and interpreter for
the different programming languages like PHP and Perl. It is available in 11
languages and supported by different platforms such as the IA-32 package of
Windows & x64 package of macOS and Linux.
FIG 1: XAMPP CONTROL PANEL
4.5.1. INSTALLATION
Installing XAMPP
Our XAMPP tutorial will take you through the installation process for the
software package on Windows. If you’re using Linux or Mac OS X, then the
steps listed below for the installation process may differ.
 Step 1: Download
XAMPP is a release made available by the non-profit project Apache Friends.
Versions with PHP 5.5, 5.6, or 7 are available for download on the Apache
Friends website.
 Step 2: Run .exe file

Once the software bundle has been downloaded, you can start the
installation by double clicking on the file with the ending .exe.
 Step 3: Deactivate any antivirus software

Since an active antivirus program can negatively affect the installation
process, it’s recommended to temporarily pause any antivirus software
until all XAMPP components have successfully been installed.
 Step 4: Deactivate UAC

User Account Control (UAC) can interfere with the XAMPP installation
because it limits writing access to the C: drive, so we recommend you
deactivate this too for the duration of the installation process.
 Step 5: Start the setup wizard
After you’ve opened the .exe file (after deactivating your antivirus
program(s) and taken note of the User Account Control, the start screen of
the XAMPP setup wizard should appear automatically. Click on ‘Next’ to
configure the installation settings.
4.5.2.PHP MY ADMIN
phpMyAdmin is a free and open-source web-based tool that is used to
manage and administer MySQL databases. It is written in PHP and provides
an easy-to-use graphical interface for managing databases, tables, columns,
and relationships.
With phpMyAdmin, users can perform a wide range of database
management tasks, such as creating, modifying, and deleting databases,
tables, and columns, importing and exporting data, and running SQL queries.
It also provides tools for managing users and permissions, as well as for
optimizing database performance.
PhpMyAdmin is a popular tool for managing MySQL databases, and it is
often used by web developers, system administrators, and database
administrators. It is included in many web hosting packages and is also
available as a standalone application that can be installed on a local
machine.
Some of the key features of phpMyAdmin include:
 User-friendly graphical interface

 Multi-language support
 Support for a wide range of MySQL versions and configurations
 Import and export of data in various formats, including CSV and SQL
 Management of users, permissions, and security
 Query builder and SQL editor

 Database backup and restore functionality
 Tools for optimizing database performance
Overall, phpMyAdmin is a powerful and flexible tool that simplifies the task
of managing MySQL databases, making it a valuable tool for anyone working
with MySQL databases.
5.REAL LIFE DEMAND
REAL LIFE DEMAND

Wedding planner websites are in high demand in the real world, as they
provide a range of valuable services for couples who are planning their
wedding. Here are some reasons why wedding planner websites are in
demand:
 Convenience: Wedding planner websites offer a convenient way for

couples to plan their wedding from the comfort of their own homes.
They can browse vendors, compare prices, and make bookings all in
one place, without the need to visit different locations or make
multiple phone calls.
 Time-saving: Planning a wedding can be a time-consuming process,

and wedding planner websites can save couples a lot of time by
streamlining the planning process. They can quickly find and book
vendors, manage their budget, and keep track of important dates and
deadlines.
 Cost-effective: Wedding planner websites often offer discounts and

package deals for vendors, which can save couples money on their
wedding expenses. They also provide tools for managing budgets and
tracking expenses, which can help couples stay within their budget.
 Personalization: Wedding planner websites offer a range of

customization options, allowing couples to personalize their wedding
to their own tastes and preferences. They can choose from a variety of
themes, colors, and styles, and customize their invitations,
decorations, and other wedding details.
 Peace of mind: Wedding planner websites provide couples with peace

of mind, knowing that their wedding planning is in the hands of
experienced professionals. They can rely on the expertise of wedding
planners and vendors, and trust that their wedding day will be a
success.
Overall, the demand for wedding planner websites is high because they
provide a convenient, time-saving, cost-effective, personalized, and stress-
free way for couples to plan their wedding.
6.FUTURE SCOPE
FUTURE SCOPE
The future scope of the wedding planner website is promising, as the
wedding industry is growing rapidly and becoming more digitalized. Here
are some potential future developments and opportunities for wedding
planner websites:
 Increased personalization:
With advancements in technology, wedding planner websites can
provide even more personalized experiences for couples. This can
include using artificial intelligence and machine learning to suggest
vendors and ideas based on the couple's preferences and past
behavior.
 Augmented Reality and Virtual Reality:

With the help of AR and VR, wedding planner websites can provide
virtual venue tours, virtual dress fittings, and virtual makeup trials to
help couples make informed decisions.
 Integration with other platforms:

Wedding planner websites can integrate with other platforms such as
social media, e-commerce, and travel websites to provide a seamless
experience for couples. This can include offering travel and
accommodation recommendations, allowing guests to RSVP on the
website, and even selling wedding-related products.
 Sustainability and Eco-Friendliness:

With increasing concern for the environment, wedding planner
websites can offer eco-friendly options and promote sustainable
practices. This can include suggesting eco-friendly venues, vendors,
and decorations, and providing tips for reducing waste.
 Online communities and social engagement:

Wedding planner websites can build online communities for couples to
connect and share ideas with each other. This can include forums, chat
rooms, and social media integration. Wedding planner websites can
also provide social media marketing services to promote weddings and
vendors on social media platforms.
Hence, the future of wedding planner websites is bright and full of potential.
With the help of technology and innovation, wedding planner websites can
continue to provide valuable services to couples and help them create the
wedding of their dreams.
7.Progress work
HOME AND HEADER PAGE
FOOTER
MOBILE VIEW
CONTACT Page
phpmyadmin database
Database. Mysql.
ADMIN PANEL G&R WEDDING
LOGIN
<!doctype
html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Administrator Login Your Account</title>

<link href="../css/bootstrap.min.css" rel="stylesheet">

<link href="../css/signin.css" rel="stylesheet">
<style>
body {
background: url("../bgw.jpg");
/* background-color: black; */
background-size: 100%;
}
.form-signin {
background: rgba(255, 255,255, 0.4);
}
</style>
</head>
<body class="text-center">
<form class="form-signin" action="" method="post">
<a href="index.php"><img class="mb-4" src="../images/logo/WPMSlogo.png"
width="190" ></a>
<h5 class="h5 mb-3 font-weight-normal" style="color:#222">Login As
Administrator</h5>
<label for="inputEmail" class="sr-only">Email address</label>
<input type="text" id="inputEmail" name="input_email" class="form-control"
placeholder="Email Address" required autofocus>
<label for="inputPassword" class="sr-only">Password</label>
<input type="password" id="inputPassword" name="input_password" class="form-
control" placeholder="Password" required>
<button class="btn btn-md btn-danger btn-block" type="submit" name="login">Log
In</button>
<p class="mt-5 mb-3 text-muted">© 2023</p>
</form>
<script src="js/jquery-3.2.1.slim.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
$('.your-checkbox').prop('indeterminate', true);
</script>
</body>
</html>
DASHBOARD
<!doctype
html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Dashboard - Administrator</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/dashboard.css" rel="stylesheet">
<link href="css/dataTables.bootstrap4.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/font-awesome.min.css">

<link rel="stylesheet" type="text/css"
href="https://cdn.materialdesignicons.com/2.1.19/css/materialdesignicons.min.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700"
rel="stylesheet">
<style>
table.table.table-striped.table-bordered.table-sm {
font-size:12px;
}
.tooltip {
font-size: 12px;
}
td.special {
padding: 0;
padding-top: 8px;
padding-left:6px;
padding-bottom:6px;
margin-top:5px;
text-transform: capitalize;
}
.datepicker {
font-size: 12px;
}
.alert-success {
color: #fff;
background-color: #49C8AE;
border-color: none;
}
div.dataTables_wrapper div.dataTables_paginate {
font-size: 11px;
}
.card-counter{
box-shadow: 2px 2px 10px #DADADA;
margin: 5px;
padding: 0px 9px;
background-color: #fff;
height: 100px;
border-radius: 5px;
transition: .3s linear all;
}
.card-counter:hover{
box-shadow: 4px 4px 20px #DADADA;
transition: .3s linear all;
}
.card-counter.primary{
background-color: #007bff;
color: #FFF;
}
.card-counter.danger{
background-color: #ef5350;
color: #FFF;
}
.card-counter.success{
background-color: #66bb6a;
color: #FFF;
}
.card-counter.info{
background-color: #26c6da;
color: #FFF;
}
.card-counter i{
font-size: 5em;
opacity: 0.9;
}
.card-counter .count-numbers{
position: absolute;
right: 35px;
top: 20px;
font-size: 32px;
display: block;
}
.card-counter .count-name{
position: absolute;
right: 35px;
top: 65px;
opacity: 0.8;
display: block;
font-size: 16px;
}
</style>
</head>
<body>
<style type="text/css">

</style>
<nav class="navbar sticky-top p-0" style="width: 16.7%;background-color: #f44336;">
<a class="navbar-brand col-sm-3 col-md-2 mr-0" style="color:white;"
href="dashboard.php">

<span class="style3">G&R Wedding Admin Panel</span> </a></nav>
<div class="container-fluid">
<div class="row">
<nav class="col-md-2 d-none d-md-block bg-light sidebar">
<div class="sidebar-sticky">
<ul class="nav flex-column">
<li class="nav-item mt-3">
<div class="text-center">
<a href="users_profile.php" class="user-button">
<img src="upload/users/service-2.jpg" class="img-fluid rounded-circle" width="52"
height="52" alt="">
<div class="user-profile">gurbir kaur</div>
</a>
<div class="text-center mt-0" style="font-size: 11px;color:#72777a;">
Administrator </div>
</div>
</li>
<li class="nav-item"><div class="dropdown-divider"></div></li>
<li class="nav-item">
<a class="nav-link" href="dashboard.php">
<i class="mdi mdi-home mr-3" style="color:#242424;"></i>
Dashboard <span class="sr-only">(current)</span>
</a>
</li>
<a class="nav-link" href="blog_events.php">
<i class="mdi mdi-comment-text mr-3" style="color:#795548;"></i>
Blogs & Events
</a>
</li>
<a class="nav-link" href="client.php" >
<i class="mdi mdi-account-multiple mr-3" style="color: #2196f3"></i>
Clients
</a>
</li>
<a class="nav-link" href="service_list.php">
<i class="mdi mdi-verified mr-3" style="color: #4caf50;"></i>
Services
</a>
</li>
<a class="nav-link" href="photos_view.php">
<i class="mdi mdi-image-multiple mr-3" style="color:#673ab7!important"></i>
Gallery
</a>
</li>
<a class="nav-link" href="photos_add.php">
<i class="mdi mdi-upload-multiple mr-3" style="color: #e91e63!important"></i>
Upload Photos
</a>
</li>
<a class="nav-link" href="users.php">
<i class="mdi mdi-account-card-details mr-3" style=" color: #03a9f4!important;"></i>
User Management
</a>
</li>
<a class="nav-link" href="task_all_calendar.php">
<i class="mdi mdi-calendar-text mr-3" style="color: #f44336!important;"></i>
Task Calendar
</a>
</li>
</ul>
</div>
</nav>
<main role="main" class="col-md-9 ml-sm-auto col-lg-10" style="margin-top: -40px;z-
index: 999">
<nav class="navbar navbar-expand-lg navbar-light bg-light" style="margin-left:-
15px;margin-right: -15px;">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle
navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
</ul>
</div>
<div class="form-inline my-2 my-lg-0">
<a class="nav-link" href="users_profile.php"><b>Gurbir Kaur</b></a>
<a class="nav-link" href="logout.php"><b><i class="mdi mdi-logout" style="color:
#f44336!important;"></i> Logout</b></a>
</div>
</nav>
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-
2 mb-3 border-bottom">
<h4 class="h4 mt-4">WELCOME, Gurbir Kaur</h4>
</div>

<div class="row">
<div class="card-counter primary">
<i class="mdi mdi-account-multiple"></i>
<span class="count-numbers">14</span>
<span class="count-name">Total Customers</span>
</div>
</div>
<div class="card-counter success">
<i class="mdi mdi-book-open-page-variant"></i>
<span class="count-name">Total Bookings</span>
</div>
</div>
<div class="card-counter danger">
<i class="mdi mdi-image-multiple"></i>
<span class="count-name">Photos</span>
</div>
</div>
<div class="card-counter info">
<i class="mdi mdi-comment-text"></i>
<span class="count-name">Blogs</span>
</div>
</div>
</div>
</main>
</div>
</div>


<script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-
slim.min.js"><\/script>')</script>
<script src="../js/jquery.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap4.min.js"></script>
<script src="js/dropzone.js"></script>
<script>
$(document).ready(function() {
$('#wedding_date').datepicker();
$('#example').DataTable();
$('#features').DataTable();
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>
<div id="dataModal" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Employee Details</h4>
</div>
<div class="modal-body" id="package_detail">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Closes</button>
</div>
</div>
</div>
</div>
<script>
$(document).on('click', '.view_data', function(){
var id = $(this).attr("id");
if(id != '')
{
$.ajax({
url:"select.php",
method:"POST",
data:{id:id},
success:function(data){
$('#package_detail').html(data);
$('#dataModal').modal('show');
}
});
}
});
</script>
<script>
document.getElementById('links').onclick = function (event) {
event = event || window.event;
var target = event.target || event.srcElement,
link = target.src ? target.parentNode : target,
options = {index: link, event: event},
links = this.getElementsByTagName('a');
blueimp.Gallery(links, options);
};
</script>
BLOG & EVENT
<!doctype
html>
<html lang="en">
<head>
<title>Articles - Administrator</title>
rel="stylesheet">
<style>
font-size:12px;
}
.tooltip {
font-size: 12px;
}
td.special {
padding: 0;
padding-top: 8px;
padding-left:6px;
padding-bottom:6px;
padding-right:6px;
margin-top:5px;
}
font-size: 11px;
}
</style>
</head>
<body>

</style>
<div class="row">
height="52" alt="">
</a>
</div>
</li>
</a>
</li>
Blogs & Events
</a>
</li>
Clients
</a>
</li>
Services
</a>
</li>
Gallery
</a>
</li>
Upload Photos
</a>
</li>
User Management
</a>
</li>
Task Calendar
</a>
</li>
</ul>
</div>
</nav>
index: 999">
navigation">
</button>
</ul>
</div>
</div>
</nav>
<h4 class="h4 mt-4 ml-3">Events And Wedding's Information Section</h4>
<div class="btn-toolbar mb-2 mb-md-0">
<div class="btn-group mr-2">
<a class="btn btn-md btn-success" style="font-size: 12px;" href="blog_events_add.php"><i
class="mdi mdi-account-plus mr-2"></i> Add New Info.</a>
</div>
</div>
</div>
<table id="example" class="table table-striped table-hover table-bordered table-sm"
cellspacing="0" width="100%" style="background: white;padding: 0 5px;">
<thead>
<tr>
<th>Title</th>
<th>Description</th>
<th>Location</th>
<th>Status</th>
<th>Wedding Date</th>
<th>Date Created</th>
<th>Date Published</th>
<th>Tools</th>
</tr>
</thead>
<tbody>
<tr>
<td class="special">MR. & MRS. Johal</td>
<td class="special">Having fun at...</td>
<td class="special">Hyatt Regency...</td>
<td class="special">Published</td>
<td class="special"> 04/05/2022</td>
<td class="special">March 4, 2022, 11:44 am</td>
<td class="special">March 23, 2023, 2:28 pm</td>
<td>
<a href="blog_events_edit.php?id=65" class="btn btn-info btn-sm active"><i class="mdi
mdi-account-edit"></i></a>
<a href="blog_events_delete.php?id=65" class="btn btn-danger btn-sm active"><i
class="mdi mdi-delete"></i></a>
<a href="../wedding_details.php?id=65" target="_blank" class="btn btn-warning btn-sm
active"><i class="mdi mdi-eye"></i></a>
</td>
</tr>
<tr>
<td class="special">MR. & MRS. Sdique</td>
<td class="special">Working with...</td>
<td class="special">Terranea Resort</td>
<td>
</td>
</tr>
<tr>
<td class="special">MR. & MRS. Atwal</td>
<td class="special">Exchange vows in...</td>
<td class="special">Blue Moon Rising</td>
<td>
</td>
</tr>
<tr>
<td class="special">MR. & MRS. Puri</td>
<td class="special">Thank you from...</td>
<td class="special">Beauregard-Keyes...</td>
<td>
</td>
</tr>
<tr>
<td class="special">MR. MRS. modi</td>
<td class="special">Fairy-tale Tudor...</td>
<td class="special">The Skylands Manor</td>
<td>
</td>
</tr>
<tr>
<td class="special">MR. & MRS. seth</td>
<td class="special">We do not have...</td>
<td class="special">Haveli resort</td>
<td>
</td>
</tr>
<tr>
<td class="special">MR. MRS Redmond</td>
<td class="special">Mountain beauty...</td>
<td class="special">Crystal Springs...</td>
<td class="special">April 13, 2022, 6:10 pm</td>
<td>
</td>
</tr>
<tr>
<td class="special">MR. & MRS. Kapoor</td>
<td class="special">Getting married...</td>
<td class="special">Vintners Resort goa</td>
<td>
</td>
</tr>
</tbody>
</table>
</main>
</div>
</div>
================================================== -->
<script>
});
</script>
</body>
</html>
CLIENT
<!doctype
html>
<html lang="en">
<head>
<title>Dashboard - Administrator</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
<style>
body {
margin-bottom: 3%;
}
font-size:12px;
}
.tooltip {
font-size: 12px;
}
td.special {
padding: 0;
padding-top: 8px;
padding-left:6px;
padding-bottom:6px;
margin-top:5px;
}
.datepicker {
font-size: 12px;
}
font-size: 11px;
}
.btn.btn-sm.btn-light.active:hover {
background: white;
}
</style>
</head>
<body>

</style>
<div class="row">
height="52" alt="">
</a>
</div>
</li>
</a>
</li>
Blogs & Events
</a>
</li>
Clients
</a>
</li>
Services
</a>
</li>
Gallery
</a>
</li>
Upload Photos
</a>
</li>
User Management
</a>
</li>
Task Calendar
</a>
</li>
</ul>
</div>
</nav>
index: 999">
navigation">
</button>
</ul>
</div>
</div>
</nav>
<h6 class="h4 mt-4 ml-3">Pending Client</h6>
<div class="btn-toolbar mb-md-0">
<a class="btn btn-md btn-success" style="font-size: 12px;" href="client_add.php"><i
class="mdi mdi-account-plus mr-2"></i> Add New Client</a>
</div>
</div>
</div>
<table id="pending" class="table table-striped table-bordered table-hover table-sm"
<thead>
<tr>
<th>Primary Contact</th>
<th>Bride's Name</th>
<th>Groom's Name</th>
<th>Primary Email</th>
<th>Contact</th>
<th>Tools</th>
</tr>
</thead>

<tbody>
<tr>
<td class="">test kumar</td>
<td class="">
Need to fill </td>
<td class="">Need to fill</td>
<td class="">[email protected]</td>
<td class=""> 8889990877</td>
<td class="">04/26/2023</td>
<td>
<a href="client_assign.php?booking=36&user_id=37" class="btn btn-primary btn-sm" data-
toggle="tooltip" data-placement="top" title="Assign user to weddings"><i class="mdi mdi-
clipboard-account"></i></a>
<a href="client_edit.php?booking=36&user_id=37" class="btn btn-secondary btn-sm" data-
toggle="tooltip" data-placement="top" title="Edit client account information"><i
class="mdi mdi-account-edit"></i></a>
</td>
</tr>
</tbody>
</table>
<h6 class="h4 mt-4 ml-3">Confirmed Client</h6>
</div>
<table id="confirmed" class="table table-striped table-hover table-bordered table-sm"
<thead>
<tr>
<th>Contact</th>
<th>Tools</th>
</tr>
</thead>

<tbody>
<tr>
<td class="">manish kumar</td>
<td class="">
Need to fill </td>
<td class=""> 8889990877</td>
<td class="">04/12/2023</td>
<td>
<a href="client_manage_account_details.php?booking_id=35&user_id=36" class="btn btn-
warning btn-sm" data-toggle="tooltip" data-placement="top" title="Enter client workbook to
manage all wedding details"><i class="mdi mdi-account-card-details"></i></a>
</td>
</tr>
<tr>
<td class="">manish181 kumar</td>
<td class="">
Need to fill </td>
<td class=""> 8889990877</td>
<td class="">05/25/2023</td>
<td>
</td>
</tr>
<tr>
<td class="">gurbir kaur</td>
<td class="">
gurbir </td>
<td class="">sukhdev</td>
<td class=""> 87878877878</td>
<td class="">04/21/2023</td>
<td>
</td>
</tr>
</tbody>
</table>
</main>
</div>
</div>
<script>
$('#pending').DataTable();
$('#confirmed').DataTable();
});
</script>
</body>
</html>
SERVICES
<!doctype
html>
<html lang="en">
<head>
<title>Services And Modules - Administrator</title>
rel="stylesheet">
<style>
font-size:12px;
}
.tooltip {
font-size: 12px;
}
td.special {
/*padding: 0;*/
padding-top: 10px;
/*padding-left:6px;*/
/*padding-bottom:6px;*/
/*margin-top:5px;*/
}
font-size: 11px;
}
</style>
</head>
<body>

</style>
<div class="row">
height="52" alt="">
</a>
</div>
</li>
</a>
</li>
Blogs & Events
</a>
</li>
Clients
</a>
</li>
Services
</a>
</li>
Gallery
</a>
</li>
Upload Photos
</a>
</li>
User Management
</a>
</li>
Task Calendar
</a>
</li>
</ul>
</div>
</nav>
index: 999">
navigation">
</button>
</ul>
</div>
</div>
</nav>
<h4 class="h4 mt-4 ml-3">Services And Packages</h4>
<a class="btn btn-md btn-success mr-2" style="font-size: 12px;"
href="package_add.php"><i class="mdi mdi-buffer mr-2"></i> Add New Package</a>
</div>
</div>
</div>
<div class="col-md-12">
<table id="example" class="table table-striped table-hover table-bordered table-sm"
cellspacing="0" width="100%" style="background: white;padding: 5px">
<thead>
<tr>
<th>Wedding Category</th>
<th>Price</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td class="special"><b>Elite Wedding Package</b></td>
<td class="special"><b>1,252,000.00</b></td>
<td>
<a href="package_edit.php?id=5" class="btn btn-secondary btn-sm" data-toggle="tooltip"
data-placement="top" title="Edit This Package">
<i class="mdi mdi-pen"></i></a>
<a href="package_delete.php?id=5" class="btn btn-danger btn-sm" data-toggle="tooltip"
data-placement="top" title="Delete This Package"><i class="mdi mdi-delete"></i></a>
<button type="button" name="view" value="view" id="5" class="btn btn-info btn-sm
view_data">
<i class="mdi mdi-eye-outline"></i>
</button>
</td>
</tr>
<tr>
<td class="special"><b>Gold Wedding Package</b></td>
<td class="special"><b>939,500.00</b></td>
<td>
view_data">
</button>
</td>
</tr>
<tr>
<td class="special"><b>Premier Wedding Package</b></td>
<td>
view_data">
</button>
</td>
</tr>
<tr>
<td class="special"><b>Elegant Wedding Package</b></td>
<td>
view_data">
</button>
</td>
</tr>
<tr>
<td class="special"><b>Classic Wedding Package</b></td>
<td>
view_data">
</button>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-12 mt-4">
<h4 class="h4 mt-4 ml-3">Wedding Features</h4>
<a class="btn btn-md btn-success mr-2" style="font-size: 12px;" href="feature_add.php"><i
class="mdi mdi-clipboard-outline mr-2"></i> Add New Feature</a>
</div>
</div>
</div>
<table id="features" class="table table-striped table-hover table-bordered table-sm"
cellspacing="0" width="100%" style="background: white;padding: 5px;">
<thead>
<tr>
<th>Wedding Type</th>
<th>Title</th>
<th>Description</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td class="special">Classic</td>
<td class="special">Hair And Make Up</td>
<td class="special">Our own professional worker</td>
<td>
<a href="feature_edit.php?id=8" class="btn btn-secondary btn-sm" data-toggle="tooltip"
data-placement="top" title="Edit This feature">
<a href="feature_delete.php?id=8" class="btn btn-danger btn-sm" data-toggle="tooltip"
data-placement="top" title="Delete This feature"><i class="mdi mdi-delete"></i></a>
</td>
</tr>
<tr>
<td class="special">Appetizers</td>
<td class="special">Vegetable & Cheese...</td>
<td>
</td>
</tr>
<tr>
<td class="special">DJ Services</td>
<td class="special">DJ Services</td>
<td>
</td>
</tr>
<tr>
<td class="special">Elegant</td>
<td class="special">Hair and Make Up</td>
<td class="special">none</td>
<td>
</td>
</tr>
<tr>
<td class="special">Photographer</td>
<td class="special">unlimited...</td>
<td>
</td>
</tr>
<tr>
<td class="special">Appetizers</td>
<td class="special">Vegetable & Cheese...</td>
<td>
</td>
</tr>
<tr>
<td class="special">Decorations</td>
<td class="special">Stage Decorations</td>
<td>
</td>
</tr>
<tr>
<td class="special">Premier</td>
<td class="special">unlimited shot</td>
<td>
</td>
</tr>
<tr>
<td class="special">Appetizers and Meal Services</td>
<td class="special">Choice Six Hot/Cold,...</td>
<td>
</td>
</tr>
<tr>
<td class="special">Invitations & Accessories</td>
<td>
</td>
</tr>
<tr>
<td class="special">DJ & MC Services</td>
<td>
</td>
</tr>
<tr>
<td class="special">Wedding Cake</td>
<td class="special">Custom Wedding Cake</td>
<td>
</td>
</tr>
<tr>
<td class="special">Gold</td>
<td class="special">Appetizers and Meal Service</td>
<td>
</td>
</tr>
<tr>
<td class="special">hair cut that will change...</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td class="special">Photographer</td>
<td>
</td>
</tr>
<tr>
<td class="special">Bar Service</td>
<td class="special">Beer, Wine</td>
<td>
</td>
</tr>
<tr>
<td class="special">Reception Decor</td>
<td class="special">Stage Decor</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td class="special">Centerpieces</td>
<td class="special">Standard</td>
<td>
</td>
</tr>
<tr>
<td class="special">Elite</td>
<td>
</td>
</tr>
<tr>
<td class="special">Appetizers and Meal Service</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td class="special">Champagne & Cider Toast</td>
<td class="special">Champagne & Cider Toast</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td class="special">Chairs & Linens</td>
<td class="special">Chairs & Linens</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td class="special">Photobooth</td>
<td class="special">Photobooth</td>
<td>
</td>
</tr>
<tr>
<td class="special">Grand Sparklers</td>
<td class="special">Grand Sparklers</td>
<td>
</td>
</tr>
<tr>
<td class="special">Specialty Lighting</td>
<td class="special">Specialty Lighting</td>
<td>
</td>
</tr>
</tbody>
</table>
</main>
</div>
</div>
================================================== -->
<script>
$('#features').DataTable();
});
</script>
<div id="dataModal" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Package Features Details</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body" id="package_detail">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn-sm"
data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script>
$(document).on('click', '.view_data', function(){
var id = $(this).attr("id");
if(id != '')
{
$.ajax({
url:"select.php",
method:"POST",
data:{id:id},
success:function(data){
$('#package_detail').html(data);
$('#dataModal').modal('show');
}
});
}
});
</script>
</body>
</html>
GALLERY
<!doctype
html>
<html lang="en">
<head>
<title>Gallery Photos - Administrator</title>
rel="stylesheet">
<link rel="stylesheet" href="../lightbox/css/lightbox.css">
<style>
p.card-text a {
font-size: 12px;
}
p.card-text {
line-height: 16px;
}
.btn.btn-light.mr-2.text-uppercase {
background-color: #e2e6ea;
}
.card {
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.card img {
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
</style>
</head>
<body>

</style>
<div class="row">
height="52" alt="">
</a>
</div>
</li>
</a>
</li>
Blogs & Events
</a>
</li>
Clients
</a>
</li>
Services
</a>
</li>
Gallery
</a>
</li>
Upload Photos
</a>
</li>
User Management
</a>
</li>
Task Calendar
</a>
</li>
</ul>
</div>
</nav>
index: 999">
navigation">
</button>
</ul>
</div>
</div>
</nav>
<h4 class="h4 mt-4">Gallery </h4>
<a class="btn btn-primary mr-2 text-uppercase" style="font-size: 12px;font-weight: bold;"
href="photos_add.php"><i class="mdi mdi-upload mr-2"></i> Upload Image</a>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card-columns">
<div class="card" style="position: relative;">
<a href="upload/gallery/venue-1.jpg" data-lightbox="gallery-group-4">
<img class="card-img-top" src="upload/gallery/venue-1.jpg" alt="Card image cap">
</a>
<div class="card-body" style="position: absolute;bottom: 0;left:0; width: 100%;background:
rgba(0,0,0, 0.5);color:white;padding: 10px 10px 0 10px;">
<p class="card-title text-capitalize" style="font-size:14px;">
wedding location <span class="float-right pb-2">
<a href="photos_edit.php?id=53" class="btn btn-info btn-sm" data-toggle="tooltip"
title="Edit This Picture"><i class="mdi mdi-pencil"></i></a>
<a href="photo_delete.php?id=53" class="btn btn-danger btn-sm" data-toggle="tooltip"
title="Delete This Picture"><i class="mdi mdi-delete"></i></a>
</span>
</p>
</div>
</div>
<a href="upload/gallery/back-2.jpg" data-lightbox="gallery-group-4">
<img class="card-img-top" src="upload/gallery/back-2.jpg" alt="Card image cap">
</a>
wedding <span class="float-right pb-2">
</span>
</p>
</div>
<a href="upload/gallery/zelle-duda-365988-unsplash.jpg" data-lightbox="gallery-group-4">
<img class="card-img-top" src="upload/gallery/zelle-duda-365988-unsplash.jpg" alt="Card
image cap">
</a>
bride <span class="float-right pb-2">
</span>
</p>
</div>
<a href="upload/gallery/daniel-suarez-photography-107973-unsplash.jpg" data-
lightbox="gallery-group-4">
<img class="card-img-top" src="upload/gallery/daniel-suarez-photography-107973-
unsplash.jpg" alt="Card image cap">
</a>
No Title <span class="float-right pb-2">
</span>
</p>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
<script src="../lightbox/js/lightbox-2.6.min.js"></script>
</body>
</html>
8)Conclusion
CONCLUSION
As this wedding planner website project comes to its conclusion, it is

important to reflect on the process and outcome of the project. In this
project, we aimed to create a user-friendly and efficient website for couples
to plan their weddings with ease.
Throughout the project, we conducted extensive research on the market

and the target audience to ensure that the website meets the needs and
preferences of our users. We also designed a user interface that is both
visually appealing and easy to navigate.
The website includes several features such as a venue selection,

photography, e-invites, different budgets, vendor recommendations, and a
wedding checklist, which will help couples plan their weddings efficiently.
We also provide our customers with different budget plans they can choose
from.
Overall, we are pleased with the final product, and we believe that it will
provide an excellent user experience for couples planning their weddings.
We hope that this website will be a valuable resource for our users and will
contribute to making their special day as stress-free and enjoyable as
possible.

PROJECT REPORTgr

Uploaded by

Copyright:

Available Formats

PROJECT REPORTgr

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

PROJECT REPORTgr

Uploaded by

Copyright:

Available Formats

PROJECT REPORT

G&R-(Grand & Royal) WEDDING PLANNER WEBSITE

SUBMITTED TO: Lyallpur khalsa college for partial fulfillment of

SUPERVISED BY: Mr. ……………………..

SUBMITTED BY: …………………

Department of Computer Science,

4.5HOW HTML, CSS,PHP AND JS RELATED

5 VISUAL STUDIO CODE(VS CODE)

5.1 WHY VS CODE?

6 REAL LIFE DEMAND

This is certify that the project report entitled “WEDDINGSBY G&R-Wedding

A student is made to work in the exact environment that he would be

DAV COLLEGE, JALANDHAR has provided us with very comfortable working

First, we want to give thanks to ………………………………………………………………

Wedding planner websites serve as a valuable resource for individuals who

1. Convenience: Wedding planner websites provide a convenient

2. Time-saving: Planning a wedding event can be time-consuming,

3. Cost-effective: Wedding planner websites can help users save money

5. Personalization: Wedding planner websites can help users personalize

WEDDINGSBYG&R, the wedding planner website, can leads to error free,

 To provide users with a platform to search for wedding vendors and

 To help users plan and manage their wedding budget by providing

 To provide users with a user-friendly and intuitive interface that is easy

Overall, the main objective of creating a wedding planner website is to make

Wedding planner websites provide a range of functionalities that can help

1. It provides the searching facility based on various factors such as

Markup language: A markup language is a computer language that is used

Description of HTML Example

<p>: Text between <p>tag describes the paragraph of the webpage.

HTML5: HTML5 is the newest version of HyperText Markup language. The

2) It is very easy to make an effective presentation with HTML because it

3) It is a markup language, so it provides a flexible way to design web pages

5) It is platform-independent because it can be displayed on any platform

6) It facilitates the programmer to add Graphics, Videos, and Sound to the

7) HTML is a case-insensitive language, which means we can use tags either

o Web Control: CSS has controlling power on the documents of HTML,

o Other Languages: Once we have knowledge of some basics of CSS and

o Easy maintenance − To make a global change, simply change the style,

o Multiple Device Compatibility − Style sheets allow content to be

1. Light Weight Scripting Language

3. Object-Oriented Programming Support

10. More control in Browser

JavaScript being a client-side language provides many features that help

3. It is an object-centered language with Window Object being the most

PHP was originally created in 1994 by Rasmus Lerdorf as a set of Common

 Some of the key features of PHP include:

 Simple syntax: PHP has a relatively easy-to-learn syntax that is similar

 Platform independence: PHP code can be run on a variety of

 Large developer community: PHP has a large and active community of

PHP is used by many popular websites and applications, including Facebook,

 Open-source: PHP is an open-source scripting language, which means

 Easy to learn: PHP has a relatively easy-to-learn syntax that is similar

 Large developer community: PHP has a large and active community of

 Cross-platform compatibility: PHP code can be run on a variety of

4.5.How HTML, CSS, PHP and Javascript Related

FIG 1: XAMPP CONTROL PANEL

 Step 2: Run .exe file

 Step 3: Deactivate any antivirus software

 Step 4: Deactivate UAC