Sie sind auf Seite 1von 34

NIKHIL BAJAJ (BCA 5A)

04290202017

A PROJECT REPORT

ON

“WEB DEVELOPMENT”

FOR

“THE RAPTOR BAND”

BY

NIKHIL BAJAJ

Roll No.-04290202017

SHRI GURU TEGH BAHADUR INSTITUTE OF MANGEMENT


AND INFORMATION TECHNOLOGY
[2017-2020]

1
NIKHIL BAJAJ (BCA 5A)
04290202017

DECLARATION

This web development project titled “THE RAPTOR BAND” towards the
completion of my course requirements for Semester IV is my original work
and has been carried out under the guidance of Mr Jay Prakash.

The material borrowed from other sources and incorporated in the report has
been duly acknowledged and referenced.

I understand that I will be held liable and accountable for my project, it is


all done by me without having any copyright(s) of any of the organisation.
I further declare that the work reported in this project has not been submitted
and will not be submitted, either in part or in full, for the award of any other
degree or diploma in this institute or any other institute or university.

2
NIKHIL BAJAJ (BCA 5A)
04290202017

ACKNOWLEDGEMENT

We would like to express our heartfelt gratitude to Vtech Academy and Ms


Summit Kaur for giving us the opportunity to work under their guidance and help
us gain immensely enriching professional experience. Our sincere thanks to
Project in-charge, Mr Jay Prakash for giving us valuable inputs and ideas right
from the selection of topic for project till its successful completion.

We thank Mrs Harshita Tulli (HOD) for her ongoing support and encouragement
in every aspect.

The successful completion of our project would not have been possible without
the dedicated support from all our mentors, family, and friends.

3
NIKHIL BAJAJ (BCA 5A)
04290202017

Abstract

A web page is a selection of website, pictures, video clips and other electronic
resources that is organized on one or several web hosting server, usually available
via the Internet, Mobile phone or a LAN.

The project on web development is made using net beans IDE platform and the
MySQL server. The front end is designed using HTML5, CSS, BOOTSTRAP,
and the back end is designed using JQUERY, JAVASCRIPT, PHP and SQL
DATABASE.

It follows PHP for offering the sessions for the data source connection.
BOOTSTRAP is used for dynamic design of the website. Some frameworks are
used in the project that are available in the internet and are provided the source
code of the project.
The project is e-commerce website for concert ticket booking and merchandise.
User can purchase any merchandise or musical instruments offered by the band
and can book tickets.

4
NIKHIL BAJAJ (BCA 5A)
04290202017

Contents
Chapters Page No
Chapter 1 -Introduction
 Introduction 6-7

Chapter 2 -Requirement Analysis 8-9


 Use Case 10

Chapter 3 –Software Design


 DFD level 0 11
 DFD level 1 12

Chapter 4 –Database Design


 ER DIAGRAM 13

Chapter 5 -Testing
 Test Plans 14

Chapter 6- Conclusion
 Conclusion 15

5
NIKHIL BAJAJ (BCA 5A)
04290202017

INTRODUCTION
Introduction consists of the following sub-categories:
Existing System
The existing website is designed only to show information about concerts and book tickets
through third-party apps. For merchandise and products category, it shows only the
availability in the nearest stores that the band has in few locations of the world.
The existing system has following disadvantages:

 No online booking of tickets.


 No online purchases of the products.
 No user or admin login.
 No proper data management.
 Just a front-end designed website.
 Uses a good-amount of bandwidth.

Proposed System
The proposed system is a proper data management system which handles all of the band’s
activities like upcoming concerts and ticket bookings, online availability of the merchandise
and products. The system also provides a safe and secure environment for making the
payments for the purchases.

The proposed system has following advantages over the existing system:

 Admin login: Admin can login and make any appropriate changes to the
website.
 User registration and login: Any new customer can register following which
he/she will be provided with an unique user id and password through which
user will be able to login.
 Online booking: The user can book the concert’s ticket on the web
application in couple of minutes instead of going on to any other third-party
apps.
 Online shopping: The user can access hundreds of products available on the
website and can buy them through the web application making any user on the
earth to have access to the products.
 Online Payment: The website provides a safe and secure payment gateway to
make payments for all of the purchases.
 Uses comparatively less bandwidth.
 Look and feel is better.

6
NIKHIL BAJAJ (BCA 5A)
04290202017

Advantages for users:

 User can easily book tickets.


 User can purchase any product instead of going to the store.
 Thus, saves a lot of time.
 User can manage or cancel any or all of the orders through their account.

Advantages for admin:

 Admin can manage all users.


 Admin can make any changes to the website.
 Admin can manage or modify the orders placed by the user.

7
NIKHIL BAJAJ (BCA 5A)
04290202017

REQUIREMENT ANALYSIS
PROJECT TITLE – THE RAPTOR BAND

CATEGORY
Web Application.

PURPOSE
The purpose of developing this web application titled ‘THE RAPTOR BAND’ is an effort
made by the renowned band to provide their massive fan following an application that
provides information about their upcoming concerts, ticket bookings, albums, singles and
their highly demanded merchandise and musical products all at one time, one place.

SCOPE
The purpose of the online management system of the band’s activity is to provide a
convenient and user-friendly application that helps them to book tickets, buy products,
albums and make payments in a safe and secure environment. The system is based on a
relational database with its data management and payment functions. Above all, we hope to
provide a comfortable user experience along with the best pricing available.

FUNCTIONAL REQUIREMENTS
"Functional requirement describe what a system should do." Functional requirements of our
system are explained below:

 User must have valid User Id and password to login, thus creating their individual
profiles.
 Administration can register new products.
 User can choose products.
 User can book concert tickets.
 User can make a wish list of the products.
 All of the chosen products should be sent to the cart for further checking out.
 User could be able to make payments through his/her credit or debit card or internet
banking.
 User should be told about the successful placement of order and the estimated
delivery date.
 Admin can post new concert’s info and new arrival of products.

8
NIKHIL BAJAJ (BCA 5A)
04290202017

NON-FUNCTIONAL REQUIREMENTS
Requirement that specifies criteria that can be used to judge the operation of a system are
called non-functional requirements. Non-functional requirements of our system are
mentioned below:

 Secure access of confidential data (user’s details).


 Maximum time availability.
 Better component design to get efficiency at peak time.
 Flexible service based architecture will be highly desirable for future extension.
 Product registration and updating facility is accessible by admin only.

SOFTWARE TOOLS
DATABASE SERVER: Microsoft SQL Server.
CLIENT: Microsoft Internet Explorer or any other web browser.
DEVELOPMENT TOOLS: Apache Net beans 11.0
PROGRAMMING LANGUAGE: HTML, CSS, Java script, bootstrap, PHP.

DEPLOYEMENT
Operating System Server: Windows 8, LINUX, UNIX.

HARDWARE TOOLS
Processor: Intel Core i5.
RAM: 4GB RAM.
Hard Disk: 1TB.

9
NIKHIL BAJAJ (BCA 5A)
04290202017

USE CASE DIAGRAM

SIGN UP

LOGIN

UPLOAD/
MODIFY
USER
PRODUCT ADMIN

MANAGE
PROFILE

ORDER
PLACING
AND
PAYMEN
TS

MANAGE
ORDERS

MANAGE
USERS
10
NIKHIL BAJAJ (BCA 5A)
04290202017

SOFTWARE DESIGN

DFD LEVEL 0

BROWSE ITEM / TICKET BOOKINGS GUEST/USE


ADMIN R

APPROVES
REGISTRATION
GET USER
DETAILS MANA-
GES
WEBSITE
THE RAPTOR
BAND ADD TO CART

PURCHASE
ITEM

REG / PAYMENT

USER

11
NIKHIL BAJAJ (BCA 5A)
04290202017
ADMIN
DFD LEVEL 1 MANAGES
DATABASE

STOCK CHECK SEAT CHECK

RESULT RESULT

RETRIEVE TOTAL
AVAILABLE COST SEAT
PRODUCTS PRODUCTS CALCULATE SEATS

PRODUCTS COST NO. OF SEATS

AUTHENTICATION

LOGIN USER
MANAGES

MANAGES

PAYMENT
E-TICKET & ID CONFIRMATION
MAIL

MANAGE
TICKET ORDERS
GENERATION

CHANGES MODIFY PRODUCTS


AND WEBSITE

12
EMAIL
NIKHIL BAJAJ (BCA 5A)
PHONE
ADDRESS 04290202017

ER DIAGRAM
NAME CART
PASS _ID
USERID

USER HAS PROFILE

ORDERS

SEARCHES
CART_ID PROD_ID

ADDS CART
PRODUCTS TO
PROD_ID
PROD_PRICE

PROD_NAME
PROD_DETAILS

PROD_IMG
MAKES

AMOUNT

PAYMENT
PAY_TIME

ORDER_ID
PAY_MOD
E PAY_DATE

13
NIKHIL BAJAJ (BCA 5A)
04290202017

TESTING

TEST CASE: ADMIN LOGIN


PURPOSE: TO ACCESS DATABASE
EXPECTED OUTPUT: LIST PAGE APPEARS

TEST CASE: ADD PRODUCT


PURPOSE: TO ACCESS AND ADD PRODUCTS IN DATABASE
EXPECTED OUTPUT: ADDED PRODUCT PAGE APPEARS

TEST CASE: UPDATE PRODUCT


PURPOSE: TO ACCESS AND UPDATE PRODUCTS IN DATABASE
EXPECTED OUTPUT: UPDATED PRODUCT PAGE APPEARS

TEST CASE: DELETE PRODUCT


PURPOSE: TO ACCESS AND DELETE PRODUCTS IN DATABASE
EXPECTED OUTPUT: DELETED PRODUCT PAGE APPEARS

TEST CASE: USER LOGIN/ REGISTRATION


PURPOSE: TO ACCESS WEBSITE
EXPECTED OUTPUT: LOGIN/REGISTRATION SUCCESSFUL.

14
NIKHIL BAJAJ (BCA 5A)
04290202017

CONCLUSION

“THE RAPTOR BAND” Software has been designed to purchase


or display different products with their specifications. It is designed to
replace an existing system thereby making it more efficient and easily
approachable.
The System Is Strong Enough To Withstand Regressive Daily
Operations Under Conditions Where The Database Is Maintained And
Cleared Over A Certain Time Of Span. The Implementation Of The
System In The Organization Will Considerably Reduce manual
generation of tickets and payments, Time And Also Provide Readily
Calculated Reports.
The Project From A Personal Point Of View Also Helped Us In
Understanding The Following Aspects Of Project Development:

1. The Planning That Goes Into Implementing a Project.


2. The Importance of Proper Planning And An Organized
Methodology.
3. The Key Element of Team Spirit And Co-Ordination In A
Successful Project.

15
NIKHIL BAJAJ (BCA 5A)
04290202017

APPENDICES

16
NIKHIL BAJAJ (BCA 5A)
04290202017

17
NIKHIL BAJAJ (BCA 5A)
04290202017

18
NIKHIL BAJAJ (BCA 5A)
04290202017

19
NIKHIL BAJAJ (BCA 5A)
04290202017

DATABASE FILES ?>


CHANGE_IMAGE.PHP <script>
alert("Logged In Successfully");
<?php $u=$_SESSION['user_session']; window.location.href='index.php';
$con=new </script>
mysqli("localhost","root","","myproject"); <?php
if(isset($_POST['submit'])){ }
if(isset($_FILES['image'])){ }
$img=$_FILES['image']['name']; else
$img_tmp=$_FILES['image']['tmp_name']; {
$sql="update profile set image='".$img."' $err= "Wrong UserId or Password";
where user='$u'";
}
$result=$con->query($sql);
}
if($result==true){

if(move_uploaded_file($img_tmp,"profile_images/
".$img)){ REGISTRATION.PHP
?> <?php
<script> $con=new
alert("Profile Image changed successfully"); mysqli("localhost","root","","myproject");
window.location.href='profile.php'; if(isset($_POST['submit'])){
</script> $name=$_POST['name'];
<?php $mobile=$_POST['Mobile'];
} $address=$_POST['Address'];
} $pin=$_POST['Pin'];
} $email=$_POST['mail'];
} $gender=$_POST['gender'];
$userid=$_POST['user_name'];
$password=$_POST['Password'];
$sql="insert into login(user,pass)
LOGIN.PHP
values('".$userid."','".$password."')";
<?php
$sql1="insert into
$msg=""; profile(user,name,address,pin_code,mobile,email,g
$con=new ender)
mysqli("localhost","root","","myproject"); values('".$userid."','".$name."','".$address."','".$pin.
"','".$mobile."','".$email."','".$gender."')";
if(isset($_POST['submit']))
$result=$con->query($sql);
{
$result1=$con->query($sql1);
$userid=$_POST['User'];
if($result && $result1){
$password=$_POST['Password'];
?>
$sql="select * from login where user='"
<script>
.$userid."' and pass='".$password."'";
alert("Registered Successfully");
$result=$con->query($sql);
window.location.href='./login.php';
if($row= mysqli_fetch_array($result))
</script>
{
<?php
if($row['user']==$userid &&
$row['pass']==$password){ }
$_SESSION['user_session']=$userid; }

20
NIKHIL BAJAJ (BCA 5A)
04290202017
SEARCH.PHP ?>
<?php <tr>
include_once 'header.php'; <td><img src="images/<?php echo
$con=new $row['product_image'];?>" alt="" width="50"
mysqli("localhost","root","","myproject"); height="50"><br>
if(isset($_POST['bt'])){ <?php echo $row['product_name']; ?>
$srch=$_POST['search']; </td>
$sql="select * from uploaded_product where <td>
product_details like '$srch'%"; <?php echo
$result=$con->query($sql); $row['product_details']; ?>
if($result){ </td>
$row= mysqli_fetch_array($result); <td><?php echo
$row['product_price']; ?></td>
}
<td><a
$sql1="select * from guitar where href="update.php?product_id=<?php echo
product_details like '$srch'%"; $row['product_id']; ?>"><button type="button"
$result1=$con->query($sql1); class="btn btn-
if($result1){ primary">UPDATE</button></a></td>

$row= mysqli_fetch_array($result1); </tr>

} <?php

$sql2="select * from piano where }


product_details like '$srch'%"; ?>
$result2=$con->query($sql2); </table>
if($result2){ </div>
$row= mysqli_fetch_array($result2); </div>
} <?php
$sql3="select * from drum where }
product_details like '$srch'%"; }
$result3=$con->query($sql3); include_once 'footer.php';
if($result3){
$row= mysqli_fetch_array($result3);
}
UPDATE.PHP
if($row){
<?php $con=new
?> mysqli("localhost","root","","myproject");
<div class="container-fluid"> $prod_id=$_GET['product_id'];
<div class="row"> if(isset($_POST['submit'])){
<table class="table table-bordered"> $im_name=$_POST['image_name'];
$name=$_POST['name'];
<tr> $im_details=$_POST['image_details'];
<th>PRODUCT</th> $im_price=$_POST['image_price'];
<th>DETAILS</th> if($prod_id>'0' && $prod_id<'1000'){
<th>PRICE</th> $sql="update uploaded_product set
<th>UPDATE</th> product_image='".$im_name."',product_name='".$
name."',product_details='".$im_details."',product_p
</tr> rice='".$im_price."' where
<?php product_id='".$prod_id."'";
while($row) }
{

21
NIKHIL BAJAJ (BCA 5A)
04290202017
else if($prod_id>'1000' && $sql="insert into
$prod_id<'2000'){ uploaded_product(product_id,product_name,produ
$sql="update guitar set ct_price,product_details,product_image)
product_image='".$im_name."',product_name='".$ values('".$id."','".$name."','".$price."','".$details."','"
name."',product_details='".$im_details."',product_p .$img."')";
rice='".$im_price."' where $result=$con->query($sql);
product_id='".$prod_id."'";
} if($result==true){
else if($prod_id>'2000' &&
$prod_id<'3000'){
if(move_uploaded_file($img_tmp,
$sql="update drum set "images/".$img)){
product_image='".$im_name."',product_name='".$
name."',product_details='".$im_details."',product_p echo"<link rel='stylesheet'
rice='".$im_price."' where href='https://maxcdn.bootstrapcdn.com/bootstrap/4.
product_id='".$prod_id."'"; 3.1/css/bootstrap.min.css'>"
} . "<div class='container-fluid'>"
else if($prod_id>'3000' && . "<div class='alert alert-success text-
$prod_id<'4000'){ center'>"
$sql="update piano set . "<strong>DATA UPLOADED
product_image='".$im_name."',product_name='".$ SUCCESSFULLY</strong>"
name."',product_details='".$im_details."',product_p . "</div>"
rice='".$im_price."' where . "</div>";
product_id='".$prod_id."'";
}
}
}
$result=$con->query($sql);
else{
if($result){
echo" <link rel='stylesheet'
?> href='https://maxcdn.bootstrapcdn.com/bootstrap/4.
<script> 3.1/css/bootstrap.min.css'>
alert("Updated Successfully"); "
window.location.href='show_all.php'; . "<div class='container-fluid'>"
</script> . "<div class='alert alert-danger text-
<?php center'>"
} . "<strong>DATA UPLOADING
FAILED</strong>"
}
. "</div>"
. "</div>";
}
UPLOAD_ADMIN.PHP
}
<?php
else if($id>'1000' && $id<'2000'){
$con=new
$sql="insert into
mysqli("localhost","root","","myproject");
guitar(product_id,product_name,product_price,pro
if(isset($_POST['submit'])){ duct_details,product_image)
if(isset($_FILES['image'])){ values('".$id."','".$name."','".$price."','".$details."','"
.$img."')";
$id=$_POST['image_id'];
$result=$con->query($sql);
$name=$_POST['name'];
$price=$_POST['price'];
if($result==true){
$details=$_POST['details'];
$img=$_FILES['image']['name'];
if(move_uploaded_file($img_tmp,
$img_tmp=$_FILES['image']['tmp_name'];
"Guitars/".$img)){
if($id>'0' && $id<'1000'){

22
NIKHIL BAJAJ (BCA 5A)
04290202017
echo"<link rel='stylesheet' }
href='https://maxcdn.bootstrapcdn.com/bootstrap/4. else{
3.1/css/bootstrap.min.css'>"
echo" <link rel='stylesheet'
. "<div class='container-fluid'>" href='https://maxcdn.bootstrapcdn.com/bootstrap/4.
. "<div class='alert alert-success text- 3.1/css/bootstrap.min.css'>
center'>" "
. "<strong>DATA UPLOADED . "<div class='container-fluid'>"
SUCCESSFULLY</strong>"
. "<div class='alert alert-danger text-
. "</div>" center'>"
. "</div>"; . "<strong>DATA UPLOADING
} FAILED</strong>"
} . "</div>"
else{ . "</div>";
echo" <link rel='stylesheet' }
href='https://maxcdn.bootstrapcdn.com/bootstrap/4. }
3.1/css/bootstrap.min.css'>
else if($id>'3000' && $id<'4000'){
"
$sql="insert into
. "<div class='container-fluid'>" piano(product_id,product_name,product_price,prod
. "<div class='alert alert-danger text- uct_details,product_image)
center'>" values('".$id."','".$name."','".$price."','".$details."','"
. "<strong>DATA UPLOADING .$img."')";
FAILED</strong>" $result=$con->query($sql);
. "</div>"
. "</div>"; if($result==true){
}
} if(move_uploaded_file($img_tmp,
else if($id>'2000' && $id<'3000'){ "Piano/".$img)){
$sql="insert into echo"<link rel='stylesheet'
drum(product_id,product_name,product_price,prod href='https://maxcdn.bootstrapcdn.com/bootstrap/4.
uct_details,product_image) 3.1/css/bootstrap.min.css'>"
values('".$id."','".$name."','".$price."','".$details."','" . "<div class='container-fluid'>"
.$img."')"; . "<div class='alert alert-success text-
$result=$con->query($sql); center'>"
. "<strong>DATA UPLOADED
if($result==true){ SUCCESSFULLY</strong>"
. "</div>"
if(move_uploaded_file($img_tmp, . "</div>";
"Drums/".$img)){ }
echo"<link rel='stylesheet' }
href='https://maxcdn.bootstrapcdn.com/bootstrap/4. else{
3.1/css/bootstrap.min.css'>"
echo" <link rel='stylesheet'
. "<div class='container-fluid'>" href='https://maxcdn.bootstrapcdn.com/bootstrap/4.
. "<div class='alert alert-success text- 3.1/css/bootstrap.min.css'>
center'>" "
. "<strong>DATA UPLOADED . "<div class='container-fluid'>"
SUCCESSFULLY</strong>"
. "<div class='alert alert-danger text-
. "</div>" center'>"
. "</div>"; . "<strong>DATA UPLOADING
} FAILED</strong>"

23
NIKHIL BAJAJ (BCA 5A)
04290202017
. "</div>" if($result2){
. "</div>"; ?>
} <script>
} alert("ITEM ADDED TO CART");
} window.location.href='our_products.php';
} </script>
<?php
}
ATC.PHP }
<?php ?>
$a=$b=1;
session_start();
$con=new HEADER.PHP
mysqli("localhost","root","","myproject"); <?php session_start();
$cartid=$_SESSION['cartid']; ?>
$prod_id=$_GET['product_id']; <!DOCTYPE html>
$order_date=date('y-m-d'); <html>
$sql="select * from atc"; <head>
$result=$con->query($sql); <meta charset="UTF-8">
while($row= mysqli_fetch_array($result)) <title></title>
{ $a=$a+1; <meta name="viewport"
if($row['product_id']==$prod_id){ content="width=device-width, initial-scale=1">
$inc=""; <script
$inc=$row['qty']; src="https://ajax.googleapis.com/ajax/libs/jquery/3.
4.1/jquery.min.js"></script>
$inc=$inc+'1';
<script
$sql1="update atc set qty='$inc' where src="https://cdnjs.cloudflare.com/ajax/libs/popper.j
product_id='$prod_id'"; s/1.14.7/umd/popper.min.js"></script>
$result1=$con->query($sql1); <script
if($result1){ src="https://maxcdn.bootstrapcdn.com/bootstrap/4.
?> 3.1/js/bootstrap.min.js"></script>

<script> <link rel="stylesheet"


href="https://maxcdn.bootstrapcdn.com/bootstrap/4
alert("ITEM ADDED TO CART"); .3.1/css/bootstrap.min.css">
window.location.href='our_products.php'; <link rel="stylesheet"
</script> href="https://cdnjs.cloudflare.com/ajax/libs/font-
<?php awesome/4.7.0/css/font-awesome.min.css">
<link href="css/mycss.css" rel="stylesheet"
}
type="text/css"/>
}
<link href="css/footercss.css" rel="stylesheet"
else{ type="text/css"/>
$b=$b+1; <link href="css/modalcss.css" rel="stylesheet"
} type="text/css"/>
} <style>
if(($a-$b)==0){ /*jssor slider loading skin spin css*/
$sql2="insert into .jssorl-009-spin img {
atc(cart_id,product_id,qty,order_date)values('".$car animation-name: jssorl-009-spin;
tid."','".$prod_id."','1','".$order_date."')";
animation-duration: 1.6s;
$result2=$con->query($sql2);

24
NIKHIL BAJAJ (BCA 5A)
04290202017
animation-iteration-count: infinite; $Class: $JssorArrowNavigator$
animation-timing-function: linear; },
} $BulletNavigatorOptions: {
@keyframes jssorl-009-spin { $Class: $JssorBulletNavigator$
from { transform: rotate(0deg); } }
to { transform: rotate(360deg); } };
}
var jssor_1_slider = new
/*jssor slider bullet skin 032 css*/ $JssorSlider$("jssor_1", jssor_1_options);
.jssorb032 {position:absolute;}
.jssorb032 .i /*#region responsive code begin*/
{position:absolute;cursor:pointer;}
.jssorb032 .i .b {fill:#fff;fill- var MAX_WIDTH = 3000;
opacity:0.7;stroke:#000;stroke-width:1200;stroke-
miterlimit:10;stroke-opacity:0.25;}
function ScaleSlider() {
.jssorb032 .i:hover .b {fill:#000;fill-
opacity:.6;stroke:#fff;stroke-opacity:.35;} var containerElement =
jssor_1_slider.$Elmt.parentNode;
.jssorb032 .iav .b {fill:#000;fill-
opacity:1;stroke:#fff;stroke-opacity:.35;} var containerWidth =
containerElement.clientWidth;
.jssorb032 .i.idn {opacity:.3;}

if (containerWidth) {
/*jssor slider arrow skin 051 css*/
.jssora051
{display:block;position:absolute;cursor:pointer;} var expectedWidth =
Math.min(MAX_WIDTH || containerWidth,
.jssora051 .a {fill:none;stroke:#fff;stroke- containerWidth);
width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;} jssor_1_slider.$ScaleWidth(expectedWidth);
.jssora051.jssora051ds {opacity:.3;pointer- }
events:none;}
else {
window.setTimeout(ScaleSlider, 30);
</style>
}
</head>
}
<body>
<script src="js/jssor.slider.min.js"
type="text/javascript"></script> ScaleSlider();
<!-- #region Jssor Slider Begin -->
<!-- Generator: Jssor Slider Maker --> $Jssor$.$AddEvent(window, "load",
ScaleSlider);
<!-- Source: https://www.jssor.com -->
$Jssor$.$AddEvent(window, "resize",
<script type="text/javascript"> ScaleSlider);
jssor_1_slider_init = function() { $Jssor$.$AddEvent(window,
"orientationchange", ScaleSlider);
var jssor_1_options = { /*#endregion responsive code end*/
$AutoPlay: 1, };
$SlideDuration: 800, </script>
$SlideEasing: $Jease$.$OutQuint, <div id="jssor_1"
$ArrowNavigatorOptions: { style="position:relative;margin:0

25
NIKHIL BAJAJ (BCA 5A)
04290202017
auto;top:0px;left:0px;width:1300px;height:500px;o </svg>
verflow:hidden;visibility:hidden;"> </div>
<!-- Loading Screen --> </div>
<div data-u="loading" class="jssorl-009-spin" <!-- Arrow Navigator -->
style="position:absolute;top:0px;left:0px;width:100
%;height:100%;text-align:center;background- <div data-u="arrowleft" class="jssora051"
color:rgba(0,0,0,0.7);"> style="width:65px;height:65px;top:0px;left:25px;"
data-autocenter="2" data-scale="0.75" data-scale-
<img style="margin-top:- left="0.75">
19px;position:relative;top:50%;width:38px;height:
38px;" src="../svg/loading/static-svg/spin.svg" /> <svg viewBox="0 0 16000 16000"
style="position:absolute;top:0;left:0;width:100%;h
</div> eight:100%;">
<div data-u="slides" <polyline class="a" points="11040,1920
style="cursor:default;position:relative;top:0px;left: 4960,8000 11040,14080 "></polyline>
0px;width:1300px;height:500px;overflow:hidden;"
> </svg>
<div> </div>
<img data-u="image" <div data-u="arrowright" class="jssora051"
src="img/gallery/1300x500/banner.jpg" /> style="width:65px;height:65px;top:0px;right:25px;
" data-autocenter="2" data-scale="0.75" data-scale-
</div> right="0.75">
<div> <svg viewBox="0 0 16000 16000"
<img data-u="image" style="position:absolute;top:0;left:0;width:100%;h
src="img/gallery/1300x500/summer-concerts-in- eight:100%;">
amsterdam.jpg" /> <polyline class="a" points="4960,1920
</div> 11040,8000 4960,14080 "></polyline>
<div> </svg>
<img data-u="image" </div>
src="img/gallery/1300x500/menuid_3_201821955. </div>
jpg" />
<script
</div> type="text/javascript">jssor_1_slider_init();</script
<div> >
<img data-u="image" <!-- #endregion Jssor Slider End -->
src="img/gallery/1300x500/default_featurerotator.p <nav class="navbar navbar-expand-sm
ng" /> navbar-dark sticky-top" style="background-color:
</div> #000;">
<div> <button class="navbar-toggler border-0"
<img data-u="image" data-toggle="collapse" data-
src="img/gallery/1300x500/rockconcert1.jpg" /> target="#collapse_target">
</div> <span class="navbar-toggler-
icon"></span>
</div>
</button>
<!-- Bullet Navigator -->
<a href="#" class="navbar-brand"><img
<div data-u="navigator" class="jssorb032" src="https://cdn-images-
style="position:absolute;bottom:12px;right:12px;" w3.rrr.org.au/ZGKuY098WGQVhZ1UIZ8-
data-autocenter="1" data-scale="0.5" data-scale- KavVFv4=/1200x800/smart/https://s3.ap-
bottom="0.75"> southeast-2.amazonaws.com/assets-
<div data-u="prototype" class="i" w3.rrr.org.au/assets/8bd/b24/2fa/8bdb242fa5e8159
style="width:16px;height:16px;"> 2af893b6b672b397e38bf7a16/The%20Rap.jpg"
<svg viewBox="0 0 16000 16000" class="img-fluid rounded" width="50"
style="position:absolute;top:0;left:0;width:100%;h height="50"></a>
eight:100%;"> <a href="#jssor_1"><span class="navbar-
<circle class="b" cx="8000" text navbar-brand">RAPTORS </span></a>
cy="8000" r="5800"></circle>

26
NIKHIL BAJAJ (BCA 5A)
04290202017
<div class="collapse navbar-collapse" <?php
id="collapse_target"> }
else
<ul class="navbar-nav"> if($_SESSION['user_session']=="Admin"){
<li class="nav-item"> ?>
<a class="nav-link" <a href="upload_admin.php"
href="index.php">HOME</a> class="nav-link">Welcome <?php echo
</li> $_SESSION['user_session']; ?><i class="fa fa-
smile-o"></i></a>
<li class="nav-item">
<?php
<a class="nav-link"
href="tickets.php">TICKETS</a> }
</li> else{
<li class="nav-item">
$userid=$_SESSION['user_session'];
<a class="nav-link"
href="our_products.php">OUR PRODUCTS</a> $con=new
mysqli("localhost","root","","myproject");
</li>
$sql="select * from profile where
<li class="nav-item dropdown"> user='".$userid."'";
<a class="nav-link dropdown-toggle" $result=$con->query($sql);
data-toggle="dropdown" data-
target="dropdown_target" href="#"> $row=
mysqli_fetch_array($result);
MORE
?>
<span class="caret"></span>
<a href="profile.php"
</a> class="nav-link">Welcome <?php echo
<div class="dropdown-menu" aria- $row['name']; ?><i class="fa fa-smile-o"></i></a>
labelledby="dropdown_target" style="background- <?php
color: #000; color: white;">
}
<a href="guitars.php"
class="dropdown-item text-white">Guitars</a> }
<a href="drums.php" else
class="dropdown-item text-white">Drums</a> if(!isset($_SESSION['user_session'])){
<a href="keyboard.php" ?>
class="dropdown-item text-white">Keyboards</a> <a href="login.php" class="nav-
</div> link"><?php echo "Sign up/Login"; ?><i class="fa
fa-smile-o"></i></a>
</li>
<?php
</ul>
}
?>
</div>
<ul class="navbar-nav ml-sm-auto">
</li>
<li class="nav-item">
<li class="nav-item">
<a href="cart_details.php"
<?php class="nav-link">Cart<i class="fa fa-cart-
plus"></i></a>
if(isset($_SESSION['user_session'])){ </li>
<?php
if($_SESSION['user_session']==""){
?> if(!isset($_SESSION['user_session'])){
<a href="login.php" class="nav-
link"><?php echo "Sign up/Login"; ?><i class="fa
fa-smile-o"></i></a> }

27
NIKHIL BAJAJ (BCA 5A)
04290202017
else Intent on pursuing a career in music, he left
if($_SESSION['user_session']==""){ the series in 2007 after releasing his debut mixtape,
Room for Improvement.
} He released two further independent projects,
Comeback Season and So Far Gone, before signing
else to Lil Wayne's Young Money Entertainment in
if(isset($_SESSION['user_session'])){ June 2009.
?> Drake released his debut studio album Thank
<li class="nav-item"> Me Later in 2010, which debuted at number one on
<a href="logout.php" class="nav- the US Billboard 200 and was soon certified
link">Logout</a> platinum.

</li> His next two releases, 2011's Take Care and


2013's Nothing Was the Same, were critically and
<?php commercially successful; the former earned him his
} first Grammy Award for Best Rap Album.
?> In 2015, he released two mixtapes—the trap-
influenced If You're Reading This It's Too Late and
</ul>
a collaboration with Future titled What a Time to
</nav> Be Alive—both of which earned platinum
certification in the U.S.
His fourth album, Views (2016), broke
several chart records.
INDEX.PHP
</div>
<?php
</div><br>
include_once 'header.php';
<div class="row" id="brdr">
?><br>
<div class="col-lg-8" style="padding-top:
<div class="container-fluid text-center bg-white" 12px; opacity: 0.5;">
style="border-radius:0;" id="fnt">
Jarad Higgins (born December 2, 1998),
<span class="display-4" style="font-weight: better known by his stage name Juice Wrld
bold;">THE RAPTORS</span> (pronounced as "Juice World"), is an American
</div> rapper, singer, and songwriter. He is best known
<div class="container"> for his singles "All Girls Are the Same", "Lucid
Dreams", and "Without Me".
<div class="row" id="brdr">
<div class="col-lg-4">
Born in Chicago, Illinois, Juice Wrld gained
<img mainstream recognition after the release of the
src="https://pixel.nymag.com/imgs/daily/vulture/20 single "Lucid Dreams" in 2018, which peaked at
19/06/17/17-drake.w700.h700.jpg" class="img- number two on the Billboard Hot 100;[4] this
fluid" alt=""> helped him gain a recording contract with Lil
<center><h1>DRAKE</h1></center> Bibby's Grade A Productions and Interscope
</div> Records.[5] "Lucid Dreams" acted as the second
single for his debut studio album Goodbye & Good
<div class="col-lg-8" style="padding-top: Riddance (2018), which peaked at number six on
25px; opacity: 0.5;"> the Billboard 200, and was eventually certified
DRAKE! Aubrey Drake Graham (born platinum. The album enjoyed positive critical
October 24, 1986) is a Canadian rapper, singer, reception, and contained four other singles: "All
songwriter, record producer, actor, and Girls Are the Same", "Armed and Dangerous",
entrepreneur. "Lean wit Me", "Wasted", all of which charted on
As an entrepreneur, Drake has founded the the Hot 100.
OVO Sound record label with longtime
collaborator 40. After collaborating with Future on the mixtape
Drake gained recognition as an actor on the Wrld on Drugs, which was released later that year
teen drama television series Degrassi: The Next and peaked at number two on the Billboard 200,
Generation in the early 2000s. Juice Wrld released his second album, Death Race
for Love, in 2019. It was preceded by the singles

28
NIKHIL BAJAJ (BCA 5A)
04290202017
"Robbery" and "Hear Me Calling", with the former <br>
making its debut at number 27 on the Hot 100.
Death Race for Love debuted at number one on the
Billboard 200, and enjoyed generally positive <?php include_once 'footer.php';
critical reception. ?>
</div>
<div class="col-lg-4">
<img src="img/gallery/700x700/juice-wrld- FOOTER.PHP
getty-matt-jelonek.jpg" class="img-fluid" alt="">
<center><h1>Juice WRLD</h1></center>
<div class="main bg-dark">
</div>
<div class="head">
</div><br>
<div class="hunder">
<div class="row" >
<div class="container-fluid">
<div class="col-lg-4">
<div class="row">
<img src="img/gallery/700x700/Migos.jpg"
<div class="col-lg-7 s">
class="img-fluid" alt="">
Subscribe to recieve updates, news &
<center><h1>MIGOS</h1></center>
events!
</div>
</div>
<div class="col-lg-8" style="padding-top:
<div class="col-lg-5">
15px; opacity: 0.5;">
<input type="tel" name="email"
Migos /ˈmiːɡoʊs/ is an American hip hop
placeholder="Enter Email Address"
group from Lawrenceville, Georgia, founded in
value="">&nbsp;<button class="btn btn-
2008.[2] They are composed of three rappers
info">Join</button>
known by their stage names Takeoff, Offset and
Quavo. They are managed by Coach K, the former </div>
manager of Atlanta-based rappers Gucci Mane and </div>
Young Jeezy,[3] and frequently collaborate with
producers such as Zaytoven, DJ Durel, Murda </div>
Beatz, and Metro Boomin.[4][5] </div>
</div>
Migos released their commercial debut single <div class="middle">
"Versace" in 2013, taken from their mixtape <div class="munder">
Y.R.N. (Young Rich Niggas). They have gone on
to release several more singles, including "Fight <div class="container-fluid">
Night" (2014), "Look at My Dab" (2015), and their <div class="row">
four Billboard Hot 100 top 10 entries "Bad and <div class="col-lg-4 col-sm-12">
Boujee" (featuring Lil Uzi Vert) (2016), peaking at
number one, "MotorSport" (with Nicki Minaj and <ul id="mrgn">
Cardi B) (2017), peaking at six, "Stir Fry" (2017), <li style="color:
peaking at eight, and "Walk It Talk It" (featuring #00a3cc;"><h2>Company</h2></li>
Drake) (2018), peaking at ten. <li><a
Migos released their debut album Yung Rich href="index.php">About</a></li>
Nation in July 2015, through Quality Control <li><a
Music and 300 Entertainment. Their second album, href="index.php">Jobs</a></li>
Culture, was released in January 2017 also through
both record labels, and debuted atop the US <li><a href="index.php">For
Billboard 200 chart.[6][7] The group later signed a The Record</a></li>
deal with Motown and Capitol Records in February </ul>
2017,[8] and followed up the latter album with </div>
Culture II in January 2018, giving the group their
second number one album in the United States.[9] <div class="col-lg-4 col-sm-12">
</div> <ul id="mrgn">
</div><br> <li style="color:
#00a3cc;"><h2>Communities</h2></li>
</div>

29
NIKHIL BAJAJ (BCA 5A)
04290202017
<li><a href="index.php">For <img
Artists</a></li> src="https://shopily.s3.amazonaws.com/uploads/sto
<li><a res/1973/app-store-coupon.png" alt=""
href="index.php">Developers</a></li> width="200" height="70">
<li><a </div>
href="index.php">Brands</a></li> <div class="col-lg-2">
<li><a <img
href="index.php">Investors</a></li> src="https://play.google.com/intl/en_us/badges/ima
<li><a ges/generic/en_badge_web_generic.png" alt=""
href="index.php">Vendors</a></li> width="200" height="70">
</ul> </div>
</div> <div class="col-lg-3">
<div class="col-lg-4 col-sm-12"> <img
src="https://cdn4.iconfinder.com/data/icons/social-
<ul id="mrgn"> media-icons-the-circle-set/48/facebook_circle-
<li style="color: 512.png" alt="" width="50" height="50"
#00a3cc;"><h2>Useful Links</h2></li> style="border-radius: 50%;">
<li><a <img
href="index.php">Help</a></li> src="https://www.itsnicethat.com/system/files/0820
<li><a href="index.php">Web 17/59a68a737fa44c9e4d005b79/index_default/yout
Player</a></li> ube_logo_redesign_graphic_design_digital_itsnicet
hat4.gif?1504087327" alt="" width="50"
</ul> height="50" style="border-radius: 50%;">
</div> <img
</div> src="https://www.lifewire.com/thmb/IH_l1QnIcFd
dCFuviMJ7UuRJfko=/768x0/filters:no_upscale():
</div>
max_bytes(150000):strip_icc()/google-plus-
</div> 57d9e4d53df78c9cceedc5e1.png" alt=""
</div> width="50" height="50" style="border-radius:
50%;">
<div class="foot">
<img src="https://akns-
<div class="funder">
images.eonline.com/eol_images/Entire_Site/20137
<div class="container-fluid"> 7/rs_600x600-130807142437-
<div class="row"> 600.twitter2.cm.8713.jpg?fit=inside|900:auto&outp
ut-quality=90" alt="" width="50" height="50"
<div class="col-lg-3">
style="border-radius: 50%;">
<img id="mrgn"
<img
src="https://cdn-images-
src="https://cdn.worldvectorlogo.com/logos/pintere
w3.rrr.org.au/ZGKuY098WGQVhZ1UIZ8-
st-1.svg" alt="" width="50" height="50"
KavVFv4=/1200x800/smart/https://s3.ap-
style="border-radius: 50%;">
southeast-2.amazonaws.com/assets-
w3.rrr.org.au/assets/8bd/b24/2fa/8bdb242fa5e8159 </div>
2af893b6b672b397e38bf7a16/The%20Rap.jpg" </div>
width="100" height="100" style="border-radius:
</div>
50%; ">
</div>
</div>
</div>
<div class="col-lg-2"
style="color:white"> <div class="foot1">
Raptors<br> <div class="row" style="color:
white;">
123 Easy street<br>
<div class="col-lg-1">
Orlando,Florida,32801<br>
FAQ
Phone:(+1)4445781235
</div>
</div>
<div class="col-lg-1">
<div class="col-lg-2">
News

30
NIKHIL BAJAJ (BCA 5A)
04290202017
</div> if(x==""){
<div class="col-lg-1"> var y=$(this).attr("name");
Contact Us $("."+y).html("Please choose an
</div> image").css({"color":'red'});
<div class="col-lg-2"></div> e.preventDefault();
<div class="col-lg-4"> }
<p>Copyright © 2019 else{
Raptors.&nbsp;<a href="">Privacy Policy</a></p> var y=$(this).attr("name");
</div> $("."+y).html("").css({"color":''});
<div class="col-lg-3"> }
<p><a href="#" target="_blank">Web });
Design</a> by Nikhil Bajaj&nbsp;<a href="#" });
target="_blank">(Contact)</a></p>
</script>
<a
href="login.php">Admin<i class="fa fa-smile- </body>
o"></i></a> </html>

</div>
</div> TICKETS.PHP
</div> <?php
</div> include_once 'header.php';
?>
<script> <div class="container-fluid text-white"
$(".custom-file-input").on("change", function() { style="background-color: #111111;"><br>
var fileName = $(this).val().split("\\").pop(); <div class="row">
$(this).siblings(".custom-file- <div class="col-lg-12">
label").addClass("selected").html(fileName); <center><p>TOUR DATES</p></center>
}); </div>
$("#submit").submit(function(e){ </div>
$("input[type='text']").each(function() <div class="col-lg-12">
{ var x=$(this).val(); <center><p style="opacity: 0.5;">Don't Forget
if(x==""){ to book your tickets</p></center>
var y=$(this).attr("name"); </div>
$("."+y).html(y+" cannot be <div class="row">
blank").css({"color":'red'}); <div class="col-lg-3"></div>
$(this).css({"border":'1px solid red'}); <div class="col-lg-6">
e.preventDefault(); <table class="table table-bordered text-dark
} bg-white">
else{ <tr>
var y=$(this).attr("name"); <th>
$("."+y).html("").css({"color":""}); August&nbsp;&nbsp;&nbsp; <span
style="background-color: red; color:
$(this).css({"border":""});
white;">&nbsp;Sold Out&nbsp;</span>
}
</th>
});
</tr>
$("input[type='file']").each(function()
<tr>
{
<th>
var x=$(this).val();

31
NIKHIL BAJAJ (BCA 5A)
04290202017
September&nbsp;&nbsp;&nbsp; <button class="btn btn-primary"
<span style="background-color: red; color: onclick="document.getElementById('modal').style.
white;">&nbsp;Sold Out&nbsp;</span> display='block'">Buy Tickets</button>
</th> </div>
</tr> </div>
<tr> </div>
<th> <div class="col-lg-2">
October&nbsp;&nbsp;&nbsp; <div class="card">
<span style="background-color: black; color: <img class="card-img-top"
white; border-radius: src="https://www.frcblog.com/media/filer/2019/07/
50%;">&nbsp;3&nbsp;</span> 23/072319_hollywood_763x400.jpg" alt="Card
</th> image" style="width:100%; height:160px;">
</tr> <div class="card-body">
</table> <h4 class="card-title">Hollywoo</h4>
</div> <p class="card-text" style="opacity:
<div class="col-lg-3"></div> 0.5;">SUNDAY
22<sup>nd</sup>NOVEMBER</p>
</div>
<button class="btn btn-primary"
<div class="container"> onclick="document.getElementById('modal').style.
<div class="row text-dark"> display='block'">Buy Tickets</button>
<div class="col-lg-3"></div> </div>
<div class="col-lg-2"> </div>
<div class="card"> </div>
<img class="card-img-top" <div class="col-lg-3"></div>
src="https://www.nerdwallet.com/assets/blog/wp- </div><br>
content/uploads/2014/12/shutterstock_143241160.j
pg" alt="Card image" style="width:100%; </div><br>
height:160px;"> </div>
<div class="card-body"> <div id="modal" class="modal">
<h4 class="card-title">Tennessee</h4> <div class="modal-content animate-top card-4">
<p class="card-text" style="opacity: <header class="container blck padding-32">
0.5;">SUNDAY <span
22<sup>nd</sup>OCTOBER</p> onclick="document.getElementById('modal').style.
<button class="btn btn-primary" display='none'"
onclick="document.getElementById('modal').style. class="button blck xlarge display-
display='block'">Buy Tickets</button> topright">&times;</span>
</div> <h2 class="wide center"><i class="fa fa-
</div> suitcase margin-right"></i>Tickets</h2>
</div> </header>
<div class="col-lg-2"> <div class="container">
<div class="card"> <div class="row">
<img class="card-img-top" <div class="col-lg-3"></div>
src="https://www.legalsportsreport.com/wp- <div class="col-lg-6">
content/uploads/2017/06/Mississippi-and-sports-
betting-1.jpg" alt="Card image" <label><i class="fa fa-shopping-cart"></i>
style="width:100%; height:160px;"> Tickets, $15 per person</label><br>
<div class="card-body"> <input type="text" class="form-control"
placeholder="How many?">
<h4 class="card-title">Mississippi</h4>
<label><i class="fa fa-user"></i> Send
<p class="card-text" style="opacity: To</label><br>
0.5;">FRIDAY
2<sup>nd</sup>NOVEMBER</p>

32
NIKHIL BAJAJ (BCA 5A)
04290202017
<input type="text" class="form-control" <div class="col-lg-4">
placeholder="Enter email"><br> <form action="search_products.php"
<button class="blck btn">PAY <i class="fa method="post">
fa-check"></i></button> <input type="text"
<button class="btn" placeholder="Search..." name="search"
onclick="document.getElementById('modal').style. style="height: 40px; width:
display='none'">Close <i class="fa fa- 200px;">&nbsp;<button type="submit" class="btn
remove"></i></button> btn-primary" name="bt"><i class="fa fa-
<p class="right">Need <a href="#" search"></i></button>
style="color: black;">help?</a></p> </form>
</div> </div>
<div class="col-lg-3"></div> <div class="col-lg-4"></div>
</div> </div><br>
</div> <div class="row">
</div> <?php
</div> $con=new
<?php include_once 'footer.php'; mysqli("localhost","root","","myproject");
?> $sql="select * from uploaded_product";
$result=$con->query($sql);
while ($row = mysqli_fetch_array($result)) {
?>
OUR_PRODUCTS.PHP
<div class="col-lg-3 col-sm-6">
<?php
<?php echo $row['product_name']; ?><br>
include_once 'header.php';
<img src="images/<?php echo
$cartid="";
$row['product_image']; ?>" alt="" class="img-
if(isset($_SESSION['cartid'])){ fluid"><br>
if($_SESSION['cartid']!=""){ <?php echo $row['product_price']; ?><br>
$cartid=$_SESSION['cartid']; <?php echo $row['product_details']; ?><br>
} <a href="ATC.php?product_id=<?php echo
else { $row['product_id']; ?>">
$cartid= <input type="button" value="ADD TO
date('Y')."".date('M')."".date('d')."".date('h')."".date( CART" class="btn btn-primary" name="button">
'm')."".date('s'); </a><br><br>
$_SESSION['cartid']=$cartid; </div><br><br>
} <?php
} }
else{ ?>
$cartid= </div>
date('Y')."".date('M')."".date('d')."".date('h')."".date(
</div>
'm')."".date('s');
<div class="container">
$_SESSION['cartid']=$cartid;
<div class="row">
}
<?php
echo $cartid;
$sql1="select * from guitar";
?>
$result1=$con->query($sql1);
<br><br>
while ($row = mysqli_fetch_array($result1)) {
<div class="container"><br>
?>
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="col-lg-4"></div>
<?php echo $row['product_name']; ?><br>

33
NIKHIL BAJAJ (BCA 5A)
04290202017
<img src="Guitars/<?php echo ?>
$row['product_image']; ?>" alt="" class="img- <div class="col-lg-3 col-sm-6">
fluid"><br>
<?php echo $row['product_name']; ?><br>
<?php echo $row['product_price']; ?><br>
<img src="Piano/<?php echo
<?php echo $row['product_details']; ?><br> $row['product_image']; ?>" alt="" class="img-
<a href="ATC.php?product_id=<?php echo fluid"><br>
$row['product_id']; ?>"> <?php echo $row['product_price']; ?><br>
<input type="button" value="ADD TO <?php echo $row['product_details']; ?><br>
CART" class="btn btn-primary" name="button">
<a href="ATC.php?product_id=<?php echo
</a><br><br> $row['product_id']; ?>">
</div><br><br> <input type="button" value="ADD TO
<?php CART" class="btn btn-primary" name="button">
} </a><br><br>
?> </div><br><br>
</div><br><br> <?php
</div> }
<div class="container"> ?>
<div class="row"> </div><br><br>
<?php </div>
$sql2="select * from drum"; <?php include_once 'footer.php';
$result2=$con->query($sql2); ?>
while ($row = mysqli_fetch_array($result2)) {
?>
<div class="col-lg-3 col-sm-6">
<?php echo $row['product_name']; ?><br>
<img src="Drums/<?php echo
$row['product_image']; ?>" alt="" class="img-
fluid"><br>
<?php echo $row['product_price']; ?><br>
<?php echo $row['product_details']; ?><br>
<a href="ATC.php?product_id=<?php echo
$row['product_id']; ?>">
<input type="button" value="ADD TO
CART" class="btn btn-primary" name="button">
</a><br><br>
</div><br><br>
<?php
}
?>
</div><br><br>
</div>
<div class="container">
<div class="row">
<?php
$sql3="select * from piano";
$result3=$con->query($sql3);
while ($row = mysqli_fetch_array($result3)) {

34