You are on page 1of 125

A Project Report on

Ebook Buddy
Submitted in partial fulfillment of the

MASTER OF COMPUTER APPLICATIONS—IV

Submitted by

Mohammed Daver Khan

Under the Supervision of

Mohammad Islam

Associate Professor

Department of Computer Science


Maulana Azad University, Jodhpur

2022-2023
CERTIFICATE

Department of Computer Science


Maulana Azad University, Jodhpur

This is to certify that the Project entitled

Ebook Buddy

has been presented by

Mohammed Daver Khan

In partial fulfillment of the degree of MCA –IV Examination 2023, under my

Supervision and guidance.

Supervised by: Forwarded by :

Mohammad Islam Mr. Imran Khan Pathan


Associate Professor Dean
Department of Computer Science Faculty of Science
Faculty of Science
Acknowledgement

On behalf of the College we wish to extend our heartfelt gratitude to Mohammad Islam
(H.O.D) It is a great sense of satisfaction and a matter of privilege for me to study at
Maulana Azad University, Jodhpur (Raj). I feel profound happiness in forwarding this minor
project report as an image of sincere efforts. It is almost inevitable to ensure indebtedness
to all who generously helped by sharing their valuable experience & devoting their precious
time with us, without whom this report would have never been accomplished. First &
foremost we extend our thanks & gratitude to whole University fraternity and registrar Dr.
Imran Khan Pathan.

Mohammad Islam (H.O.D) whose guidance, teaching and inevitable suggestion provided us
the timely valuable inputs which enhanced our Knowledge and outlook towards IT industry.

All Computer Science Faculty to whom we owe a lot for allowing we to do project under
their guidance and helping in the projects with technical support, modalities and words of
encouragement.

Mohammed Daver Khan


Roll no - 200353580003
Enrollment no- 20035358100003
Index
Sr. No. TOPICS Page no.
1. ABSTRACT 1
2. INTRODUCTION 2
3. PROJECT/PROBLEM SELECTION 3
4. PROJECT MONITORING SYSTEM 5
4.1 Gantt Chart 5
4.2 Pert Chart 6
5. PROJECT MONITORING SYSTEM 7
5.1 Feasibility Study 7
6. SYSTEM ANALYSIS 9
6.1 Requirement Specifications 9
6.2 System Flow Chart 12
6.3 DFD’s 13
6.4 Source of Data 14
7. SYSTEM DESIGN 15
7.1 Database Design (Back End) 15
7.2 Database Back End Coding 17
7.3 Screen Design (Front End) 26
7.4 Screen Design Coding (Front End) 29
8. SYSTEM TESTING 116
8.1 Preparing of Test Data 116
8.2 Testing with Dummy Data 116
9. SYSTEM IMPLEMENTATION 117
9.1 Change Over 117
10. DOCUMENTATION 118
10.1 Operational Document 118
10.2 Usual Manual 118
11. CONCLUSION 119
12. SCOPE OF THE PROJECT 120
12.1 Deficiencies 120
12.2 Further Scope 120
13. REFERENCES 121
Abstract

The main objective of the project is to create an Ebook Buddy that allows users to search and
purchase a book online based on title, author and subject. The selected books are displayed
in a tabular format and the user can order their books online through credit card payment.
Using this Website, the user can purchase a book online instead of going out to a book store
and wasting time.

There are many Ebook Buddys like Powell’s, Amazon which were designed using Html. I want
to develop a similar website using Php and Mysql.

Ebook Buddy is an online web application where the customer can purchase books online.
Through a web browser the customers can search for a book by its title or author, later can
add to the shopping cart and finally purchase using credit card transaction. The user can login
using his account details or new customers can set up an account very quickly. They should
give the details of their name, contact number and shipping address. The user can also give
feedback to a book by giving ratings on a score of five. The books are divided into many
categories based on subject like Software, Database, English, Architecture etc.

The Ebook Buddy Website provides customers with online shopping through a web browser.
A customer can, create, sign in to his account, place items into a shopping cart and purchase
using his credit card details.

The Administrator will have additional functionalities when compared to the common user.
He can add, delete and update the book details, book categories, member information and
also confirm a placed order.

This application is developed using Php and Mysql are used to develop the Ebook Buddy.

1|Page
Introduction

The 1.1 Purpose and Motivation

The main objective of the project is to create an Ebook Buddy that allows users to search and
purchase a book based on title, author and subject. The selected books are displayed in a
tabular format and the user can order their books online through credit card payment. The
Administrator will have additional functionalities when compared to the common user.

The motivation to create this project has many sources

Interest to develop a good user friendly website with many online transactions using a
database.
To increase my knowledge horizon in technologies like Php, Mysql, CSS, HTML.
To gain good experience in. Php before joining in a full time job.

2. Project Overview

2.1 Background

There are many Ebook Buddys like Powell’s, Amazon which were designed using Html. I want
to develop a similar website using Php, Mysql.

Ebook Buddy is an online web application where the customer can purchase books online.
Through a web browser the customers can search for a book by its title or author, later can
add to the shopping cart and finally purchase using credit card transaction. The user can login
using his account details or new customers can set up an account very quickly. They should
give the details of their name, contact number and shipping address. The user can also give
feedback to a book by giving ratings on a score of five. The books are divided into many
categories based on subject Like Software, Database, English, Architecture etc.

This project has the following functionalities:

A Home page with product catalog


This is the page where the user will be navigated after a successful login. It will display all the
book categories and will have a search keyword option to search for the required book. It also
includes some special sections like recommended titles, weekly special books.

Book Description
If the user would like to know details about a book he can click on the title from where he will
be directed to a Book description page. It includes the notes on the book content and also a
link to Amazon.com to get the book review.

2|Page
Book Type
If the user would like to order Physical, Digital, Audiable book both variants are avaible.

Shopping Cart
The user can manage a shopping cart which will include all the books he selected. The user
can edit, delete and update his shopping cart. A final shopping cart summary is displayed
which includes all the items the user selected and the final total cost.

Managing user accounts


Each user should have an account to access all the functionalities of website. User can login
using login page and logout using the logout page. All the user sessions will be saved in the
database.

3|Page
PROJECT/PROBLEM SELECTION

Ebook Buddy is complicated Project for me but I have already learned PHP and web designing
in my academic course and also for future scope, I have learned Php, AJAX BOOTSTRAP,
MYSQL, JAVASCRIPT [1][2][3], etc. My Trainer told me that, “This Project will not be completed
in Given Project timeline”. Then I thought I will give my 100% and Positive ideas. when I
started this project, I face many data store and retrieve problems in database. I have also face
data submission errors with (PHP+MYSQL and AJAX+MYSQL) [4] at one time I need to submit
many data. Also, I have to Send Generate and Store PDF and CSV Files for All Users Billing
data and that was complicated for me but I have done it.

4|Page
PROJECT MONITORING SYSTEM

Project Monitoring is the practice of initiating, planning, executing, controlling, and closing
the work to achieve specific goals and meet specific success criteria at the specified time.

The primary challenge of project management is to achieve all of the project goals within the
given constraints. This information is usually described in project documentation, created at
the beginning of the development process. The primary constraints are scope, time, quality
and budget. The secondary – and more ambitious – challenge is to optimize the allocation of
necessary inputs and apply them to meet pre-defined objectives. The object of project
management is to produce a complete project, which complies with the client's objectives.

4.1 GANNT CHART

5|Page
4.2 PERT CHART [5]

6|Page
PROJECT MONITORING SYSTEM [G1]

5.1 Feasibility study


The feasibility study is a major factor which contributes to the analysis and development of
the system the decision of the system analyst whether to design a particular system or not
depends on its feasibility study.

Study of requirement analysis is don through different feasibility study. Feasibility study is
undertaken whenever a possibility of probability of improving the existing system or
designing new system. Feasibility study is undertaken whenever a possibility of probability of
improving the existing system or designing new system. Feasibility study helps to meet user
requirements.

It enables us to determine the potential of existing system and improving. It helps to develop
a technically and economically feasible system. It helps to know what should be embedded in
the new system. It also helps to develop a cost-effective system. I can make better utilization
of available resources.

The project concept is feasible because of the following:

Technical feasibility
Technical feasibility it is the study of hardware and software requirement on which the
application is to be used upon.it is important to consider the budget of the overall cost.

The proposed system is technically feasible as it has been developed with the help of available
technology. The proposed system requires PHP 7 or Greater and back-end tool is MySQL for
storing and maintaining database. No expert man poIr is required for this purpose.

7|Page
Economic feasibility
This area is concerned with cost for the development and implementation of the system. I
have looked into the maintenance of the system. I have looked into the maintenance of the
system post development. So, the actual cost of the system is important before designing a
new system which was perfectly estimated by me. All this is studied in economic feasibility
study. The designed system will provide tangible as Ill as intangible benefits to the
organization.

Operational feasibility
Automation makes lives easy. The proposed system is very user friendly and the user is much
easily able to interact with the system. Therefore, the users will readily accept the system and
data making queries can be easily done.

Legal feasibility
It includes the precaution that needs to be taken so that current software doesn’t get the
developers or the Business in legal problems under copyright acts or others. Utmost care has
been taken that the current software is free from all such legal troubles and the source code
is not copied from anyone. I have made sure that the project undertaken will meet all legal
and ethical requirement before the project is on the table.

8|Page
SYSTEM ANALYSIS
6.1 Requirement Specifications
 PHP
 HTML
 CSS
 AJAX
 BOOTSTRAP
 JAVASCRIPT
 MySQL / PhpMyAdmin
 Xampp Server

PHP
The PHP Hypertext Preprocessor (PHP) is a programming language that allows Web
developers to create dynamic content that interacts with databases. PHP is basically used for
developing web-based software applications.

PHP is a server-side scripting language that is embedded in HTML. It is used to manage


dynamic content, databases, session tracking, even build entire e-commerce sites. It is
integrated with a number of popular databases, including MySQL, PostgreSQL, Oracle, Sybase,
Informix, and Microsoft SQL Server. PHP is pleasingly zippy in its execution, especially when
compiled as an Apache module on the Unix side. The MySQL server, once started, executes
even very complex queries with huge result sets in record-setting time.

HTML
HTML stands for Hypertext Markup Language, and it is the most widely used language to write
web Pages. Hypertext refers to the way in which web pages are linked together. Thus, the link
available on a webpage is called Hypertext. As its name suggests, HTML is a Markup Language
which means you use HTML to simply "mark-up" a text document with tags that tell a web
browser how to structure it to display.

9|Page
CSS
Cascading Style Sheets, fondly referred to as CSS, is a simple design language intended to
simplify the process of making Webpages presentable.

CSS handles the look and feel part of a Webpage. Using CSS, you can control the color of the
text, the style of fonts, the spacing between paragraphs, how columns are sized and laid out,
what background images or colors are used, layout designs, and variations in display for
different devices and screen sizes as Ill as a variety of other effects. CSS is easy to learn and
understand but it provides powerful control over the presentation of an HTML document.
Most commonly, CSS is combined with the markup languages HTML or XHTML.

AJAX
AJAX = Asynchronous JavaScript and XML.

AJAX is a technique for creating fast and dynamic Webpages. AJAX allows Webpages to be
updated asynchronously by exchanging small amounts of data with the server behind the
scenes. This means that it is possible to update parts of a Webpage, without reloading the
whole page. Classic Webpages, (which do not use AJAX) must reload the entire page if the
content should change.

Examples of applications using AJAX: Google Maps, Gmail, Youtube, and Facebook tabs.

BOOTSTRAP
Bootstrap is an open-source project originally created by Twitter to enable creation of
responsive, mobile first Webpages. Bootstrap has a standard set of classes that allow
developers to quickly create applications that scale to devices of all sizes, and incorporate
common components such as dialog boxes and validation. Bootstrap has become a de facto
standard for Web design.

Faster and Easier Web-Development.


• It creates Platform-independent web-pages. It creates Responsive web-pages. It’s
designed to be responsive to mobile devices too. It’s Free! Available on
www.getbootstrap.com

10 | P a g e
JAVASCRIPT
JavaScript was initially created to “make Webpages alive”.

The programs in this language are called scripts. They can be written right in a Webpage’s
HTML and executed automatically as the page loads. Scripts are provided and executed as
plain text. They do not need special preparation or compilation to run. In this aspect,
JavaScript is very different from another language called Java. When JavaScript was created,
it initially had another name: “Live Script”. But Java was very popular at that time, so it was
decided that positioning a new language as a “younger brother” of Java would help.

But as it evolved, JavaScript became a fully independent language with its own specification
called ECMAScript, and now it has no relation to Java at all

MySQL
MySQL is the most popular Open-Source Relational SQL Database Management System.
MySQL is one of the best RDBMS being used for developing various Ib-based software
applications. MySQL is developed, marketed and supported by MySQL AB, which is a SIdish
company. This tutorial will give you a quick start to MySQL and make you comfortable with
MySQL programming.

A database is a separate application that stores a collection of data. Each database has one
or more distinct APIs for creating, accessing, managing, searching and replicating the data it
holds.

Other kinds of data stores can also be used, such as files on the file system or large hash tables
in memory but data fetching and writing would not be so fast and easy with those type of
systems.

Nowadays, I use relational database management systems (RDBMS) to store and manage
huge volume of data. This is called relational database because all the data is stored into
different tables and relations are established using primary keys or other keys known as
Foreign Keys.

11 | P a g e
6.2 System Flow Chart [5]

12 | P a g e
6.3 DFD’s [5]

13 | P a g e
6.4 Source of Data
There are Two Types of Data Primary Data and Secondary Data.

Primary Data: - Row Data and Primary data is a Term for Data Collected at Source. I
Created Dummy or Raw Data for Our Project. I Created Dummy Data with The Help of
MySQL.

Secondary Data: - It Refers to the Data Collected by Someone Other than User. i.e.,
The Data is Already available and analyzed by someone else but I Create Our Self data
then I analyzed our data. I Take some help to w3school website and finally Google is
Great!

14 | P a g e
SYSTEM DESIGN
7.1 Database Design (Back End)

BOOKS TABLE

15 | P a g e
CUSTOMER TABLE

ORDER TABLE

16 | P a g e
7.2 Database Back End Coding
-- phpMyAdmin SQL Dump
-- version 5.2.1
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Generation Time: Aug 24, 2023 at 01:34 AM
-- Server version: 10.4.28-MariaDB
-- PHP Version: 8.2.4

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";


START TRANSACTION;
SET time_zone = "+00:00";

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;


/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;

--
-- Database: `ebookbuddy`
--

-- --------------------------------------------------------

--
-- Table structure for table `admin`
--

17 | P a g e
CREATE TABLE `admin` (
`name` varchar(20) NOT NULL,
`pass` varchar(40) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

--
-- Dumping data for table `admin`
--

INSERT INTO `admin` (`name`, `pass`) VALUES


('admin', 'd033e22ae348aeb5660fc2140aec35850c4da997');

-- --------------------------------------------------------

--
-- Table structure for table `books`
--

CREATE TABLE `books` (


`book_isbn` varchar(20) NOT NULL,
`book_title` varchar(60) DEFAULT NULL,
`book_author` varchar(60) DEFAULT NULL,
`book_image` varchar(40) DEFAULT NULL,
`book_descr` text DEFAULT NULL,
`book_price` decimal(6,2) NOT NULL,
`publisherid` int(10) UNSIGNED NOT NULL,
`audio` text NOT NULL,
`pdf` text NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

--

18 | P a g e
-- Dumping data for table `books`
--

INSERT INTO `books` (`book_isbn`, `book_title`, `book_author`, `book_image`, `book_descr`,


`book_price`, `publisherid`, `audio`, `pdf`) VALUES
('978-0-321-94786-4', 'Learning Mobile App Development', 'Jakob Iversen, Michael Eierman',
'mobile_app.jpg', 'Now, one book can help you master mobile app development with both
market-leading platforms: Apple\'s iOS and Google\'s Android. Perfect for both students and
professionals, Learning Mobile App Development is the only tutorial with complete parallel
coverage of both iOS and Android. With this guide, you can master either platform, or both -
and gain a deeper understanding of the issues associated with developing mobile
apps.\r\n\r\nYou\'ll develop an actual working app on both iOS and Android, mastering the
entire mobile app development lifecycle, from planning through licensing and
distribution.\r\n\r\nEach tutorial in this book has been carefully designed to support readers
with widely varying backgrounds and has been extensively tested in live developer training
courses. If you\'re new to iOS, you\'ll also find an easy, practical introduction to Objective-C,
Apple\'s native language.', 20.00, 6, '', ''),
('978-0-7303-1484-4', 'Doing Good By Doing Good', 'Peter Baines', 'doing_good.jpg', 'Doing
Good by Doing Good shows companies how to improve the bottom line by implementing an
engaging, authentic, and business-enhancing program that helps staff and business thrive.
International CSR consultant Peter Baines draws upon lessons learnt from the challenges
faced in his career as a police officer, forensic investigator, and founder of Hands Across the
Water to describe the Australian CSR landscape, and the factors that make up a program that
benefits everyone involved. Case studies illustrate the real effect of CSR on both business and
society, with clear guidance toward maximizing involvement, engaging all employees, and
improving the bottom line. The case studies draw out the companies that are focusing on
creating shared value in meeting the challenges of society whilst at the same time bringing
strong economic returns.\r\n\r\nConsumers are now expecting that big businesses with ever-
increasing profits give back to the community from which those profits arise. At the same
time, shareholders are demanding their share and are happy to see dividends soar. Getting

19 | P a g e
this right is a balancing act, and Doing Good by Doing Good helps companies delineate a plan
of action for getting it done.', 20.00, 2, '', ''),
('978-1-118-94924-5', 'Programmable Logic Controllers', 'Dag H. Hanssen',
'logic_program.jpg', 'Widely used across industrial and manufacturing automation,
Programmable Logic Controllers (PLCs) perform a broad range of electromechanical tasks
with multiple input and output arrangements, designed specifically to cope in severe
environmental conditions such as automotive and chemical plants.Programmable Logic
Controllers: A Practical Approach using CoDeSys is a hands-on guide to rapidly gain proficiency
in the development and operation of PLCs based on the IEC 61131-3 standard. Using the
freely-available* software tool CoDeSys, which is widely used in industrial design automation
projects, the author takes a highly practical approach to PLC design using real-world
examples. The design tool, CoDeSys, also features a built in simulator / soft PLC enabling the
reader to undertake exercises and test the examples.', 20.00, 2, '', '');

-- --------------------------------------------------------

--
-- Table structure for table `customers`
--

CREATE TABLE `customers` (


`customerid` int(10) UNSIGNED NOT NULL,
`name` varchar(60) NOT NULL,
`address` varchar(80) NOT NULL,
`city` varchar(30) NOT NULL,
`zip_code` varchar(10) NOT NULL,
`country` varchar(60) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

--
-- Dumping data for table `customers`

20 | P a g e
--

INSERT INTO `customers` (`customerid`, `name`, `address`, `city`, `zip_code`, `country`)


VALUES
(1, 'a', 'a', 'a', 'a', 'a'),
(2, 'b', 'b', 'b', 'b', 'b'),
(3, 'test', '123 test', '12121', 'test', 'test');

-- --------------------------------------------------------

--
-- Table structure for table `orders`
--

CREATE TABLE `orders` (


`orderid` int(10) UNSIGNED NOT NULL,
`customerid` int(10) UNSIGNED NOT NULL,
`amount` decimal(6,2) DEFAULT NULL,
`date` timestamp NOT NULL DEFAULT current_timestamp(),
`ship_name` char(60) NOT NULL,
`ship_address` char(80) NOT NULL,
`ship_city` char(30) NOT NULL,
`ship_zip_code` char(10) NOT NULL,
`ship_country` char(20) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;
--
-- Dumping data for table `orders`
--
INSERT INTO `orders` (`orderid`, `customerid`, `amount`, `date`, `ship_name`, `ship_address`,
`ship_city`, `ship_zip_code`, `ship_country`) VALUES
(1, 1, 60.00, '2015-12-03 13:30:12', 'a', 'a', 'a', 'a', 'a'),

21 | P a g e
(2, 2, 60.00, '2015-12-03 13:31:12', 'b', 'b', 'b', 'b', 'b'),
(3, 3, 20.00, '2015-12-03 19:34:21', 'test', '123 test', '12121', 'test', 'test'),
(4, 1, 20.00, '2015-12-04 10:19:14', 'a', 'a', 'a', 'a', 'a');

-- --------------------------------------------------------

--
-- Table structure for table `order_items`
--

CREATE TABLE `order_items` (


`orderid` int(10) UNSIGNED NOT NULL,
`book_isbn` varchar(20) NOT NULL,
`item_price` decimal(6,2) NOT NULL,
`quantity` tinyint(3) UNSIGNED NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

--
-- Dumping data for table `order_items`
--

INSERT INTO `order_items` (`orderid`, `book_isbn`, `item_price`, `quantity`) VALUES


(1, '978-1-118-94924-5', 20.00, 1),
(1, '978-1-44937-019-0', 20.00, 1),
(1, '978-1-49192-706-9', 20.00, 1),
(2, '978-1-118-94924-5', 20.00, 1),
(2, '978-1-44937-019-0', 20.00, 1),
(2, '978-1-49192-706-9', 20.00, 1),
(3, '978-0-321-94786-4', 20.00, 1),
(1, '978-1-49192-706-9', 20.00, 1);

22 | P a g e
-- --------------------------------------------------------

--
-- Table structure for table `publisher`
--

CREATE TABLE `publisher` (


`publisherid` int(10) UNSIGNED NOT NULL,
`publisher_name` varchar(60) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

--
-- Dumping data for table `publisher`
--

INSERT INTO `publisher` (`publisherid`, `publisher_name`) VALUES


(1, 'Wrox'),
(2, 'Wiley'),
(3, 'O\'Reilly Media'),
(4, 'Apress'),
(5, 'Packt Publishing'),
(6, 'Addison-Wesley');

--
-- Indexes for dumped tables
--

--
-- Indexes for table `admin`
--
ALTER TABLE `admin`

23 | P a g e
ADD PRIMARY KEY (`name`,`pass`);

--
-- Indexes for table `books`
--
ALTER TABLE `books`
ADD PRIMARY KEY (`book_isbn`);

--
-- Indexes for table `customers`
--
ALTER TABLE `customers`
ADD PRIMARY KEY (`customerid`);
--
-- Indexes for table `orders`
--
ALTER TABLE `orders`
ADD PRIMARY KEY (`orderid`);
--
-- Indexes for table `publisher`
--
ALTER TABLE `publisher`
ADD PRIMARY KEY (`publisherid`);
--
-- AUTO_INCREMENT for dumped tables
--
--
-- AUTO_INCREMENT for table `customers`
--
ALTER TABLE `customers`

24 | P a g e
MODIFY `customerid` int(10) UNSIGNED NOT NULL AUTO_INCREMENT,
AUTO_INCREMENT=4;
--
-- AUTO_INCREMENT for table `orders`
--
ALTER TABLE `orders`
MODIFY `orderid` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=5;
--
-- AUTO_INCREMENT for table `publisher`
--
ALTER TABLE `publisher`
MODIFY `publisherid` int(10) UNSIGNED NOT NULL AUTO_INCREMENT,
AUTO_INCREMENT=7;
COMMIT;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;


/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

25 | P a g e
7.3 Screen Design (Front End)

Index

Dashboard

26 | P a g e
Book List

Book Detail

27 | P a g e
Cart

Audio

28 | P a g e
7.4 Screen Design Coding (Front End)

Index.php
ALTER TABLE

Header.php
<!DOCTYPE html>

<html lang="zxx">

<head>

<meta charset="utf-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>Ebook Buddy - Ebook Store </title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Use Minified Plugins Version For Fast Page Load -->

<link rel="stylesheet" type="text/css" media="screen" href="css/plugins.css" />

<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />

<link rel="shortcut icon" type="image/x-icon" href="image/favicon.ico">

</head>

<body>

<div class="site-wrapper" id="top">

<div class="site-header header-4 mb--20 d-none d-lg-block">

<div class="header-top header-top--style-2">

<div class="container">

<div class="row">

<div class="col-lg-4">

29 | P a g e
<ul class="header-top-list">

<li class="dropdown-trigger currency-dropdown"><a href="#">&#8377;


INR </a><i

class="fas fa-chevron-down dropdown-arrow"></i>

<ul class="dropdown-box">

<li><a href="#">&#8377; Indian Rupee</a></li>

<li><a href="#">&#36; US Dollar</a></li>

</ul>

</li>

<li class="dropdown-trigger language-dropdown"><a href="#"><span


class="flag-img"><img

src="image/icon/eng-flag.png" alt=""></span>en-gb </a><i

class="fas fa-chevron-down dropdown-arrow"></i>

<ul class="dropdown-box">

<li> <a href="#"> <span class="flag-img"><img src="image/icon/eng-


flag.png"

alt=""></span>English</a>

</li>

<li> <a href="#"> <span class="flag-img"><img src="image/icon/indian-


flag.png"

alt=""></span>Hindi</a></li>

</ul>

</li>

</ul>

</div>

<div class="col-lg-8 flex-lg-right">

<ul class="header-top-list">

30 | P a g e
<li><a href="#"><i class="icons-left fas fa-random"></i>My Compare</a>

</li>

<li class="dropdown-trigger language-dropdown"><a href="#"><i

class="icons-left fas fa-heart"></i>

wishlist (0)</a>

</li>

<li class="dropdown-trigger language-dropdown"><a href="#"><i

class="icons-left fas fa-user"></i>

My Account</a><i class="fas fa-chevron-down dropdown-arrow"></i>

<ul class="dropdown-box">

<li> <a href="#">My Account</a></li>

<li> <a href="#">Order History</a></li>

<li> <a href="#">Transactions</a></li>

<li> <a href="#">Downloads</a></li>

</ul>

</li>

<li><a href="#"><i class="icons-left fas fa-phone"></i> Contact</a>

</li>

<li><a href="#"><i class="icons-left fas fa-share"></i> Checkout</a>

</li>

</ul>

</div>

</div>

</div>

</div>

<div class="header-middle pt--10 pb--10">

31 | P a g e
<div class="container">

<div class="row align-items-center">

<div class="col-lg-3">

<a href="index.html" class="site-brand">

<img src="image/logo.png" alt="">

</a>

</div>

<div class="col-lg-5">

<div class="header-search-block">

<input type="text" placeholder="Search entire store here">

<button>Search</button>

</div>

</div>

<div class="col-lg-4">

<div class="main-navigation flex-lg-right">

<div class="cart-widget">

<div class="login-block">

<a href="login-register.html" class="font-weight-bold">Login</a> <br>

<span>or</span><a href="login-register.html">Register</a>

</div>

<div class="cart-block">

<div class="cart-total">

<span class="text-number">

</span>

<span class="text-item">

32 | P a g e
Shopping Cart

</span>

<span class="price">

&#8377;0.00

<i class="fas fa-chevron-down"></i>

</span>

</div>

<div class="cart-dropdown-block">

<div class=" single-cart-block ">

<div class="cart-product">

<a href="product-details.html" class="image">

<img src="image/products/cart-product-1.jpg" alt="">

</a>

<div class="content">

<h3 class="title"><a href="product-details.html">Kodak


PIXPRO

Astro Zoom AZ421 16 MP</a>

</h3>

<p class="price"><span class="qty">1 ×</span>


&#8377;87.34</p>

<button class="cross-btn"><i class="fas fa-


times"></i></button>

</div>

</div>

</div>

<div class=" single-cart-block ">

<div class="btn-block">

33 | P a g e
<a href="cart.html" class="btn">View Cart <i

class="fas fa-chevron-right"></i></a>

<a href="checkout.html" class="btn btn--primary">Check Out <i

class="fas fa-chevron-right"></i></a>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div class="header-bottom">

<div class="container">

<div class="row align-items-center">

<div class="col-lg-3">

<nav class="category-nav primary-nav show">

<div>

<a href="javascript:void(0)" class="category-trigger"><i

class="fa fa-bars"></i>Browse

categories</a>

<ul class="category-menu">

<li class="cat-item has-children">

<a href="#">Arts & Photography</a>

34 | P a g e
<ul class="sub-menu">

<li><a href="#">Bags & Cases</a></li>

<li><a href="#">Binoculars & Scopes</a></li>

<li><a href="#">Digital Cameras</a></li>

<li><a href="#">Film Photography</a></li>

<li><a href="#">Lighting & Studio</a></li>

</ul>

</li>

<li class="cat-item has-children mega-menu"><a


href="#">Biographies</a>

<ul class="sub-menu">

<li class="single-block">

<h3 class="title">WHEEL SIMULATORS</h3>

<ul>

<li><a href="#">Bags & Cases</a></li>

<li><a href="#">Binoculars & Scopes</a></li>

<li><a href="#">Digital Cameras</a></li>

<li><a href="#">Film Photography</a></li>

<li><a href="#">Lighting & Studio</a></li>

</ul>

</li>

<li class="single-block">

<h3 class="title">WHEEL SIMULATORS</h3>

<ul>

<li><a href="#">Bags & Cases</a></li>

<li><a href="#">Binoculars & Scopes</a></li>

35 | P a g e
<li><a href="#">Digital Cameras</a></li>

<li><a href="#">Film Photography</a></li>

<li><a href="#">Lighting & Studio</a></li>

</ul>

</li>

<li class="single-block">

<h3 class="title">WHEEL SIMULATORS</h3>

<ul>

<li><a href="#">Bags & Cases</a></li>

<li><a href="#">Binoculars & Scopes</a></li>

<li><a href="#">Digital Cameras</a></li>

<li><a href="#">Film Photography</a></li>

<li><a href="#">Lighting & Studio</a></li>

</ul>

</li>

<li class="single-block">

<h3 class="title">WHEEL SIMULATORS</h3>

<ul>

<li><a href="#">Bags & Cases</a></li>

<li><a href="#">Binoculars & Scopes</a></li>

<li><a href="#">Digital Cameras</a></li>

<li><a href="#">Film Photography</a></li>

<li><a href="#">Lighting & Studio</a></li>

</ul>

</li>

</ul>

36 | P a g e
</li>

<li class="cat-item has-children"><a href="#">Business & Money</a>

<ul class="sub-menu">

<li><a href="#">Brake Tools</a></li>

<li><a href="#">Driveshafts</a></li>

<li><a href="#">Emergency Brake</a></li>

<li><a href="#">Spools</a></li>

</ul>

</li>

<li class="cat-item has-children"><a href="#">Calendars</a>

<ul class="sub-menu">

<li><a href="#">Brake Tools</a></li>

<li><a href="#">Driveshafts</a></li>

<li><a href="#">Emergency Brake</a></li>

<li><a href="#">Spools</a></li>

</ul>

</li>

<li class="cat-item has-children"><a href="#">Children's Books</a>

<ul class="sub-menu">

<li><a href="#">Brake Tools</a></li>

<li><a href="#">Driveshafts</a></li>

<li><a href="#">Emergency Brake</a></li>

<li><a href="#">Spools</a></li>

</ul>

</li>

<li class="cat-item has-children"><a href="#">Comics</a>

37 | P a g e
<ul class="sub-menu">

<li><a href="#">Brake Tools</a></li>

<li><a href="#">Driveshafts</a></li>

<li><a href="#">Emergency Brake</a></li>

<li><a href="#">Spools</a></li>

</ul>

</li>

<li class="cat-item"><a href="#">Perfomance Filters</a></li>

<li class="cat-item has-children"><a href="#">Cookbooks</a>

<ul class="sub-menu">

<li><a href="#">Brake Tools</a></li>

<li><a href="#">Driveshafts</a></li>

<li><a href="#">Emergency Brake</a></li>

<li><a href="#">Spools</a></li>

</ul>

</li>

<li class="cat-item hidden-menu-item"><a


href="#">Accessories</a></li>

<li class="cat-item hidden-menu-item"><a


href="#">Education</a></li>

<li class="cat-item hidden-menu-item"><a href="#">Indoor


Living</a></li>

<li class="cat-item"><a href="#" class="js-expand-hidden-


menu">More

Categories</a></li>

</ul>

</div>

38 | P a g e
</nav>

</div>

<div class="col-lg-3">

<div class="header-phone ">

<div class="icon">

<i class="fas fa-headphones-alt"></i>

</div>

<div class="text">

<p>Free Support 24/7</p>

<p class="font-weight-bold number">+01-202-555-0181</p>

</div>

</div>

</div>

<div class="col-lg-6">

<div class="main-navigation flex-lg-right">

<ul class="main-menu menu-right li-last-0">

<li class="menu-item has-children">

<a href="javascript:void(0)">Home <i

class="fas fa-chevron-down dropdown-arrow"></i></a>

<ul class="sub-menu">

<li> <a href="index.html">Home One</a></li>

<li> <a href="index-2.html">Home Two</a></li>

<li> <a href="index-3.html">Home Three</a></li>

<li> <a href="index-4.html">Home Four</a></li>

<li> <a href="index-5.html">Home Five</a></li>

</ul>

39 | P a g e
</li>

<!-- Shop -->

<li class="menu-item has-children mega-menu">

<a href="javascript:void(0)">shop <i

class="fas fa-chevron-down dropdown-arrow"></i></a>

<ul class="sub-menu four-column">

<li class="cus-col-25">

<h3 class="menu-title"><a href="javascript:void(0)">Shop Grid


</a></h3>

<ul class="mega-single-block">

<li><a href="shop-grid.html">Fullwidth</a></li>

<li><a href="shop-grid-left-sidebar.html">left Sidebar</a></li>

<li><a href="shop-grid-right-sidebar.html">Right
Sidebar</a></li>

</ul>

</li>

<li class="cus-col-25">

<h3 class="menu-title"> <a href="javascript:void(0)">Shop


List</a></h3>

<ul class="mega-single-block">

<li><a href="shop-list.html">Fullwidth</a></li>

<li><a href="shop-list-left-sidebar.html">left Sidebar</a></li>

<li><a href="shop-list-right-sidebar.html">Right
Sidebar</a></li>

</ul>

</li>

<li class="cus-col-25">

40 | P a g e
<h3 class="menu-title"> <a href="javascript:void(0)">Product
Details

1</a></h3>

<ul class="mega-single-block">

<li><a href="product-details.html">Product Details


Page</a></li>

<li><a href="product-details-affiliate.html">Product Details

Affiliate</a></li>

<li><a href="product-details-group.html">Product Details


Group</a>

</li>

<li><a href="product-details-variable.html">Product Details

Variables</a></li>

</ul>

</li>

<li class="cus-col-25">

<h3 class="menu-title"><a href="javascript:void(0)">Product


Details

2</a></h3>

<ul class="mega-single-block">

<li><a href="product-details-left-thumbnail.html">left
Thumbnail</a>

</li>

<li><a href="product-details-right-thumbnail.html">Right

Thumbnail</a></li>

<li><a href="product-details-left-gallery.html">Left Gallery</a>

</li>

41 | P a g e
<li><a href="product-details-right-gallery.html">Right
Gallery</a>

</li>

</ul>

</li>

</ul>

</li>

<!-- Pages -->

<li class="menu-item has-children">

<a href="javascript:void(0)">Pages <i

class="fas fa-chevron-down dropdown-arrow"></i></a>

<ul class="sub-menu">

<li><a href="cart.html">Cart</a></li>

<li><a href="checkout.html">Checkout</a></li>

<li><a href="compare.html">Compare</a></li>

<li><a href="wishlist.html">Wishlist</a></li>

<li><a href="login-register.html">Login Register</a></li>

<li><a href="my-account.html">My Account</a></li>

<li><a href="order-complete.html">Order Complete</a></li>

<li><a href="faq.html">Faq</a></li>

<li><a href="contact-2.html">contact 02</a></li>

</ul>

</li>

<!-- Blog -->

<li class="menu-item has-children mega-menu">

<a href="javascript:void(0)">Blog <i

42 | P a g e
class="fas fa-chevron-down dropdown-arrow"></i></a>

<ul class="sub-menu three-column">

<li class="cus-col-33">

<h3 class="menu-title"><a href="javascript:void(0)">Blog


Grid</a></h3>

<ul class="mega-single-block">

<li><a href="blog.html">Full Widh (Default)</a></li>

<li><a href="blog-left-sidebar.html">left Sidebar</a></li>

<li><a href="blog-right-sidebar.html">Right Sidebar</a></li>

</ul>

</li>

<li class="cus-col-33">

<h3 class="menu-title"><a href="javascript:void(0)">Blog List


</a></h3>

<ul class="mega-single-block">

<!-- <li><a href="blog-list.html">Full Widh (Default)</a></li> -->

<li><a href="blog-list-left-sidebar.html">left Sidebar</a></li>

<li><a href="blog-list-right-sidebar.html">Right
Sidebar</a></li>

</ul>

</li>

<li class="cus-col-33">

<h3 class="menu-title"><a href="javascript:void(0)">Blog


Details</a>

</h3>

<ul class="mega-single-block">

<li><a href="blog-details.html">Image Format


(Default)</a></li>

43 | P a g e
<li><a href="blog-details-gallery.html">Gallery Format</a></li>

<li><a href="blog-details-audio.html">Audio Format</a></li>

<li><a href="blog-details-video.html">Video Format</a></li>

<li><a href="blog-details-left-sidebar.html">left
Sidebar</a></li>

</ul>

</li>

</ul>

</li>

<li class="menu-item">

<a href="contact.html">Contact</a>

</li>

</ul>

</div>

</div>

</div>

</div>

</div>

</div>

<div class="site-mobile-menu">

<header class="mobile-header d-block d-lg-none pt--10 pb-md--10">

<div class="container">

<div class="row align-items-sm-end align-items-center">

<div class="col-md-4 col-7">

<a href="index.html" class="site-brand">

<img src="image/logo.png" alt="">

44 | P a g e
</a>

</div>

<div class="col-md-5 order-3 order-md-2">

<nav class="category-nav ">

<div>

<a href="javascript:void(0)" class="category-trigger"><i

class="fa fa-bars"></i>Browse

categories</a>

<ul class="category-menu">

<li class="cat-item has-children">

<a href="#">Arts & Photography</a>

<ul class="sub-menu">

<li><a href="#">Bags & Cases</a></li>

<li><a href="#">Binoculars & Scopes</a></li>

<li><a href="#">Digital Cameras</a></li>

<li><a href="#">Film Photography</a></li>

<li><a href="#">Lighting & Studio</a></li>

</ul>

</li>

<li class="cat-item has-children mega-menu"><a


href="#">Biographies</a>

<ul class="sub-menu">

<li class="single-block">

<h3 class="title">WHEEL SIMULATORS</h3>

<ul>

<li><a href="#">Bags & Cases</a></li>

45 | P a g e
<li><a href="#">Binoculars & Scopes</a></li>

<li><a href="#">Digital Cameras</a></li>

<li><a href="#">Film Photography</a></li>

<li><a href="#">Lighting & Studio</a></li>

</ul>

</li>

<li class="single-block">

<h3 class="title">WHEEL SIMULATORS</h3>

<ul>

<li><a href="#">Bags & Cases</a></li>

<li><a href="#">Binoculars & Scopes</a></li>

<li><a href="#">Digital Cameras</a></li>

<li><a href="#">Film Photography</a></li>

<li><a href="#">Lighting & Studio</a></li>

</ul>

</li>

<li class="single-block">

<h3 class="title">WHEEL SIMULATORS</h3>

<ul>

<li><a href="#">Bags & Cases</a></li>

<li><a href="#">Binoculars & Scopes</a></li>

<li><a href="#">Digital Cameras</a></li>

<li><a href="#">Film Photography</a></li>

<li><a href="#">Lighting & Studio</a></li>

</ul>

</li>

46 | P a g e
<li class="single-block">

<h3 class="title">WHEEL SIMULATORS</h3>

<ul>

<li><a href="#">Bags & Cases</a></li>

<li><a href="#">Binoculars & Scopes</a></li>

<li><a href="#">Digital Cameras</a></li>

<li><a href="#">Film Photography</a></li>

<li><a href="#">Lighting & Studio</a></li>

</ul>

</li>

</ul>

</li>

<li class="cat-item has-children"><a href="#">Business & Money</a>

<ul class="sub-menu">

<li><a href="#">Brake Tools</a></li>

<li><a href="#">Driveshafts</a></li>

<li><a href="#">Emergency Brake</a></li>

<li><a href="#">Spools</a></li>

</ul>

</li>

<li class="cat-item has-children"><a href="#">Calendars</a>

<ul class="sub-menu">

<li><a href="#">Brake Tools</a></li>

<li><a href="#">Driveshafts</a></li>

<li><a href="#">Emergency Brake</a></li>

<li><a href="#">Spools</a></li>

47 | P a g e
</ul>

</li>

<li class="cat-item has-children"><a href="#">Children's Books</a>

<ul class="sub-menu">

<li><a href="#">Brake Tools</a></li>

<li><a href="#">Driveshafts</a></li>

<li><a href="#">Emergency Brake</a></li>

<li><a href="#">Spools</a></li>

</ul>

</li>

<li class="cat-item has-children"><a href="#">Comics</a>

<ul class="sub-menu">

<li><a href="#">Brake Tools</a></li>

<li><a href="#">Driveshafts</a></li>

<li><a href="#">Emergency Brake</a></li>

<li><a href="#">Spools</a></li>

</ul>

</li>

<li class="cat-item"><a href="#">Perfomance Filters</a></li>

<li class="cat-item has-children"><a href="#">Cookbooks</a>

<ul class="sub-menu">

<li><a href="#">Brake Tools</a></li>

<li><a href="#">Driveshafts</a></li>

<li><a href="#">Emergency Brake</a></li>

<li><a href="#">Spools</a></li>

</ul>

48 | P a g e
</li>

<li class="cat-item "><a href="#">Accessories</a></li>

<li class="cat-item "><a href="#">Education</a></li>

<li class="cat-item hidden-menu-item"><a href="#">Indoor


Living</a></li>

<li class="cat-item"><a href="#" class="js-expand-hidden-


menu">More

Categories</a></li>

</ul>

</div>

</nav>

</div>

<div class="col-md-3 col-5 order-md-3 text-right">

<div class="mobile-header-btns header-top-widget">

<ul class="header-links">

<li class="sin-link">

<a href="cart.html" class="cart-link link-icon"><i class="ion-


bag"></i></a>

</li>

<li class="sin-link">

<a href="javascript:" class="link-icon hamburgur-icon off-canvas-


btn"><i

class="ion-navicon"></i></a>

</li>

</ul>

</div>

</div>

49 | P a g e
</div>

</div>

</header>

<!--Off Canvas Navigation Start-->

<aside class="off-canvas-wrapper">

<div class="btn-close-off-canvas">

<i class="ion-android-close"></i>

</div>

<div class="off-canvas-inner">

<!-- search box start -->

<div class="search-box offcanvas">

<form>

<input type="text" placeholder="Search Here">

<button class="search-btn"><i class="ion-ios-search-strong"></i></button>

</form>

</div>

<!-- search box end -->

<!-- mobile menu start -->

<div class="mobile-navigation">

<!-- mobile menu navigation start -->

<nav class="off-canvas-nav">

<ul class="mobile-menu main-mobile-menu">

<li class="menu-item-has-children">

<a href="#">Home</a>

<ul class="sub-menu">

<li> <a href="index.html">Home One</a></li>

50 | P a g e
<li> <a href="index-2.html">Home Two</a></li>

<li> <a href="index-3.html">Home Three</a></li>

<li> <a href="index-4.html">Home Four</a></li>

<li> <a href="index-5.html">Home Five</a></li>

</ul>

</li>

<li class="menu-item-has-children">

<a href="#">Blog</a>

<ul class="sub-menu">

<li class="menu-item-has-children">

<a href="#">Blog Grid</a>

<ul class="sub-menu">

<li><a href="blog.html">Full Widh (Default)</a></li>

<li><a href="blog-left-sidebar.html">left Sidebar</a></li>

<li><a href="blog-right-sidebar.html">Right Sidebar</a></li>

</ul>

</li>

<li class="menu-item-has-children">

<a href="#">Blog List</a>

<ul class="sub-menu">

<li><a href="blog-list.html">Full Widh (Default)</a></li>

<li><a href="blog-list-left-sidebar.html">left Sidebar</a></li>

<li><a href="blog-list-right-sidebar.html">Right Sidebar</a></li>

</ul>

</li>

<li class="menu-item-has-children">

51 | P a g e
<a href="#">Blog Details</a>

<ul class="sub-menu">

<li><a href="blog-details.html">Image Format (Default)</a></li>

<li><a href="blog-details-gallery.html">Gallery Format</a></li>

<li><a href="blog-details-audio.html">Audio Format</a></li>

<li><a href="blog-details-video.html">Video Format</a></li>

<li><a href="blog-details-left-sidebar.html">left Sidebar</a></li>

</ul>

</li>

</ul>

</li>

<li class="menu-item-has-children">

<a href="#">Shop</a>

<ul class="sub-menu">

<li class="menu-item-has-children">

<a href="#">Shop Grid</a>

<ul class="sub-menu">

<li><a href="shop-grid.html">Fullwidth</a></li>

<li><a href="shop-grid-left-sidebar.html">left Sidebar</a></li>

<li><a href="shop-grid-right-sidebar.html">Right Sidebar</a></li>

</ul>

</li>

<li class="menu-item-has-children">

<a href="#">Shop List</a>

<ul class="sub-menu">

<li><a href="shop-list.html">Fullwidth</a></li>

52 | P a g e
<li><a href="shop-list-left-sidebar.html">left Sidebar</a></li>

<li><a href="shop-list-right-sidebar.html">Right Sidebar</a></li>

</ul>

</li>

<li class="menu-item-has-children">

<a href="#">Product Details 1</a>

<ul class="sub-menu">

<li><a href="product-details.html">Product Details Page</a></li>

<li><a href="product-details-affiliate.html">Product Details

Affiliate</a></li>

<li><a href="product-details-group.html">Product Details


Group</a></li>

<li><a href="product-details-variable.html">Product Details

Variables</a></li>

</ul>

</li>

<li class="menu-item-has-children">

<a href="#">Product Details 2</a>

<ul class="sub-menu">

<li><a href="product-details-left-thumbnail.html">left
Thumbnail</a>

</li>

<li><a href="product-details-right-thumbnail.html">Right
Thumbnail</a>

</li>

<li><a href="product-details-left-gallery.html">Left
Gallery</a></li>

53 | P a g e
<li><a href="product-details-right-gallery.html">Right
Gallery</a></li>

</ul>

</li>

</ul>

</li>

<li class="menu-item-has-children">

<a href="#">Pages</a>

<ul class="sub-menu">

<li><a href="cart.html">Cart</a></li>

<li><a href="checkout.html">Checkout</a></li>

<li><a href="compare.html">Compare</a></li>

<li><a href="wishlist.html">Wishlist</a></li>

<li><a href="login-register.html">Login Register</a></li>

<li><a href="my-account.html">My Account</a></li>

<li><a href="order-complete.html">Order Complete</a></li>

<li><a href="faq.html">Faq</a></li>

<li><a href="contact-2.html">contact 02</a></li>

</ul>

</li>

<li><a href="contact.html">Contact</a></li>

</ul>

</nav>

<!-- mobile menu navigation end -->

</div>

<!-- mobile menu end -->

54 | P a g e
<nav class="off-canvas-nav">

<ul class="mobile-menu menu-block-2">

<li class="menu-item-has-children">

<a href="#">Currency - USD $ <i class="fas fa-angle-down"></i></a>

<ul class="sub-menu">

<li> <a href="cart.html">USD $</a></li>

<li> <a href="checkout.html">EUR €</a></li>

</ul>

</li>

<li class="menu-item-has-children">

<a href="#">Lang - Eng<i class="fas fa-angle-down"></i></a>

<ul class="sub-menu">

<li>Eng</li>

<li>Ban</li>

</ul>

</li>

<li class="menu-item-has-children">

<a href="#">My Account <i class="fas fa-angle-down"></i></a>

<ul class="sub-menu">

<li><a href="#">My Account</a></li>

<li><a href="#">Order History</a></li>

<li><a href="#">Transactions</a></li>

<li><a href="#">Downloads</a></li>

</ul>

</li>

</ul>

55 | P a g e
</nav>

<div class="off-canvas-bottom">

<div class="contact-list mb--10">

<a href="#" class="sin-contact"><i class="fas fa-mobile-alt"></i>(12345)


78790220</a>

<a href="#" class="sin-contact"><i class="fas fa-


envelope"></i>examle@handart.com</a>

</div>

<div class="off-canvas-social">

<a href="#" class="single-icon"><i class="fab fa-facebook-f"></i></a>

<a href="#" class="single-icon"><i class="fab fa-twitter"></i></a>

<a href="#" class="single-icon"><i class="fas fa-rss"></i></a>

<a href="#" class="single-icon"><i class="fab fa-youtube"></i></a>

<a href="#" class="single-icon"><i class="fab fa-google-plus-g"></i></a>

<a href="#" class="single-icon"><i class="fab fa-instagram"></i></a>

</div>

</div>

</div>

</aside>

<!--Off Canvas Navigation End-->

</div>

<div class="sticky-init fixed-header common-sticky">

<div class="container d-none d-lg-block">

<div class="row align-items-center">

<div class="col-lg-4">

<a href="index.html" class="site-brand">

<img src="image/logo.png" alt="">

56 | P a g e
</a>

</div>

<div class="col-lg-8">

<div class="main-navigation flex-lg-right">

<ul class="main-menu menu-right ">

<li class="menu-item has-children">

<a href="javascript:void(0)">Home <i

class="fas fa-chevron-down dropdown-arrow"></i></a>

<ul class="sub-menu">

<li> <a href="index.html">Home One</a></li>

<li> <a href="index-2.html">Home Two</a></li>

<li> <a href="index-3.html">Home Three</a></li>

<li> <a href="index-4.html">Home Four</a></li>

<li> <a href="index-5.html">Home Five</a></li>

</ul>

</li>

<!-- Shop -->

<li class="menu-item has-children mega-menu">

<a href="javascript:void(0)">shop <i

class="fas fa-chevron-down dropdown-arrow"></i></a>

<ul class="sub-menu four-column">

<li class="cus-col-25">

<h3 class="menu-title"><a href="javascript:void(0)">Shop Grid


</a></h3>

<ul class="mega-single-block">

<li><a href="shop-grid.html">Fullwidth</a></li>

57 | P a g e
<li><a href="shop-grid-left-sidebar.html">left Sidebar</a></li>

<li><a href="shop-grid-right-sidebar.html">Right Sidebar</a></li>

</ul>

</li>

<li class="cus-col-25">

<h3 class="menu-title"> <a href="javascript:void(0)">Shop


List</a></h3>

<ul class="mega-single-block">

<li><a href="shop-list.html">Fullwidth</a></li>

<li><a href="shop-list-left-sidebar.html">left Sidebar</a></li>

<li><a href="shop-list-right-sidebar.html">Right Sidebar</a></li>

</ul>

</li>

<li class="cus-col-25">

<h3 class="menu-title"> <a href="javascript:void(0)">Product Details


1</a>

</h3>

<ul class="mega-single-block">

<li><a href="product-details.html">Product Details Page</a></li>

<li><a href="product-details-affiliate.html">Product Details

Affiliate</a></li>

<li><a href="product-details-group.html">Product Details


Group</a></li>

<li><a href="product-details-variable.html">Product Details

Variables</a></li>

</ul>

</li>

58 | P a g e
<li class="cus-col-25">

<h3 class="menu-title"><a href="javascript:void(0)">Product Details


2</a>

</h3>

<ul class="mega-single-block">

<li><a href="product-details-left-thumbnail.html">left
Thumbnail</a>

</li>

<li><a href="product-details-right-thumbnail.html">Right
Thumbnail</a>

</li>

<li><a href="product-details-left-gallery.html">Left
Gallery</a></li>

<li><a href="product-details-right-gallery.html">Right
Gallery</a></li>

</ul>

</li>

</ul>

</li>

<!-- Pages -->

<li class="menu-item has-children">

<a href="javascript:void(0)">Pages <i

class="fas fa-chevron-down dropdown-arrow"></i></a>

<ul class="sub-menu">

<li><a href="cart.html">Cart</a></li>

<li><a href="checkout.html">Checkout</a></li>

<li><a href="compare.html">Compare</a></li>

<li><a href="wishlist.html">Wishlist</a></li>

59 | P a g e
<li><a href="login-register.html">Login Register</a></li>

<li><a href="my-account.html">My Account</a></li>

<li><a href="order-complete.html">Order Complete</a></li>

<li><a href="faq.html">Faq</a></li>

<li><a href="contact-2.html">contact 02</a></li>

</ul>

</li>

<!-- Blog -->

<li class="menu-item has-children mega-menu">

<a href="javascript:void(0)">Blog <i

class="fas fa-chevron-down dropdown-arrow"></i></a>

<ul class="sub-menu three-column">

<li class="cus-col-33">

<h3 class="menu-title"><a href="javascript:void(0)">Blog


Grid</a></h3>

<ul class="mega-single-block">

<li><a href="blog.html">Full Widh (Default)</a></li>

<li><a href="blog-left-sidebar.html">left Sidebar</a></li>

<li><a href="blog-right-sidebar.html">Right Sidebar</a></li>

</ul>

</li>

<li class="cus-col-33">

<h3 class="menu-title"><a href="javascript:void(0)">Blog List


</a></h3>

<ul class="mega-single-block">

<!-- <li><a href="blog-list.html">Full Widh (Default)</a></li> -->

<li><a href="blog-list-left-sidebar.html">left Sidebar</a></li>

60 | P a g e
<li><a href="blog-list-right-sidebar.html">Right Sidebar</a></li>

</ul>

</li>

<li class="cus-col-33">

<h3 class="menu-title"><a href="javascript:void(0)">Blog


Details</a></h3>

<ul class="mega-single-block">

<li><a href="blog-details.html">Image Format (Default)</a></li>

<li><a href="blog-details-gallery.html">Gallery Format</a></li>

<li><a href="blog-details-audio.html">Audio Format</a></li>

<li><a href="blog-details-video.html">Video Format</a></li>

<li><a href="blog-details-left-sidebar.html">left Sidebar</a></li>

</ul>

</li>

</ul>

</li>

<li class="menu-item">

<a href="contact.html">Contact</a>

</li>

</ul>

</div>

</div>

</div>

</div>

</div>

61 | P a g e
Footer.php
<!--=================================

Footer

===================================== -->

</div>

<!--=================================

Brands Slider

===================================== -->

<section class="section-margin">

<h2 class="sr-only">Brand Slider</h2>

<div class="container">

<div class="brand-slider sb-slick-slider border-top border-bottom" data-slick-setting='{

"autoplay": true,

"autoplaySpeed": 8000,

"slidesToShow": 6

}' data-slick-responsive='[

{"breakpoint":992, "settings": {"slidesToShow": 4} },

{"breakpoint":768, "settings": {"slidesToShow": 3} },

{"breakpoint":575, "settings": {"slidesToShow": 3} },

{"breakpoint":480, "settings": {"slidesToShow": 2} },

{"breakpoint":320, "settings": {"slidesToShow": 1} }

]'>

<div class="single-slide">

<img src="image/others/brand-1.jpg" alt="">

</div>

<div class="single-slide">

62 | P a g e
<img src="image/others/brand-2.jpg" alt="">

</div>

<div class="single-slide">

<img src="image/others/brand-3.jpg" alt="">

</div>

<div class="single-slide">

<img src="image/others/brand-4.jpg" alt="">

</div>

<div class="single-slide">

<img src="image/others/brand-5.jpg" alt="">

</div>

<div class="single-slide">

<img src="image/others/brand-6.jpg" alt="">

</div>

<div class="single-slide">

<img src="image/others/brand-1.jpg" alt="">

</div>

<div class="single-slide">

<img src="image/others/brand-2.jpg" alt="">

</div>

</div>

</div>

</section>

<!--=================================

Footer Area

===================================== -->

63 | P a g e
<footer class="site-footer">

<div class="container">

<div class="row justify-content-between section-padding">

<div class=" col-xl-3 col-lg-4 col-sm-6">

<div class="single-footer pb--40">

<div class="brand-footer footer-title">

<img src="image/logo--footer.png" alt="">

</div>

<div class="footer-contact">

<p><span class="label">Address:</span><span class="text">Example Street 98,


HH2 BacHa, New

York,

USA</span></p>

<p><span class="label">Phone:</span><span class="text">+18088 234


5678</span></p>

<p><span class="label">Email:</span><span
class="text">suport@hastech.com</span></p>

</div>

</div>

</div>

<div class=" col-xl-3 col-lg-2 col-sm-6">

<div class="single-footer pb--40">

<div class="footer-title">

<h3>Information</h3>

</div>

<ul class="footer-list normal-list">

<li><a href="#">Prices drop</a></li>

64 | P a g e
<li><a href="#">New products</a></li>

<li><a href="#">Best sales</a></li>

<li><a href="#">Contact us</a></li>

<li><a href="#">Sitemap</a></li>

</ul>

</div>

</div>

<div class=" col-xl-3 col-lg-2 col-sm-6">

<div class="single-footer pb--40">

<div class="footer-title">

<h3>Extras</h3>

</div>

<ul class="footer-list normal-list">

<li><a href="#">Delivery</a></li>

<li><a href="#">About Us</a></li>

<li><a href="#">Stores</a></li>

<li><a href="#">Contact us</a></li>

<li><a href="#">Sitemap</a></li>

</ul>

</div>

</div>

<div class=" col-xl-3 col-lg-4 col-sm-6">

<div class="footer-title">

<h3>Newsletter Subscribe</h3>

</div>

<div class="newsletter-form mb--30">

65 | P a g e
<form action="">

<input type="email" class="form-control" placeholder="Enter Your Email Address


Here...">

<button class="btn btn--primary w-100">Subscribe</button>

</form>

</div>

<div class="social-block">

<h3 class="title">STAY CONNECTED</h3>

<ul class="social-list list-inline">

<li class="single-social facebook"><a href="#"><i class="ion ion-social-


facebook"></i></a>

</li>

<li class="single-social twitter"><a href="#"><i class="ion ion-social-


twitter"></i></a></li>

<li class="single-social google"><a href="#"><i

class="ion ion-social-googleplus-outline"></i></a></li>

<li class="single-social youtube"><a href="#"><i class="ion ion-social-


youtube"></i></a></li>

</ul>

</div>

</div>

</div>

</div>

<div class="footer-bottom">

<div class="container">

<p class="copyright-text">Copyright © 2023 <a href="#" class="author">Ebook


Buddy</a>. All Right Reserved.

<br>

66 | P a g e
Design By Ebook Buddy</p>

</div>

</div>

</footer>

<!-- Use Minified Plugins Version For Fast Page Load -->

<script src="js/plugins.js"></script>

<script src="js/ajax-mail.js"></script>

<script src="js/custom.js"></script>

</body>

</html>

login.php
= Login Register page content =

=============================================-->

<main class="page-section inner-page-sec-padding-bottom">

<div class="container">

<div class="row">

<div class="col-sm-12 col-md-12 col-xs-12 col-lg-6 mb--


30 mb-lg--0">

<!-- Login Form s-->

<form action="#">

<div class="login-form">

<h4 class="login-title">New
Customer</h4>

<p><span class="font-weight-
bold">I am a new customer</span></p>

<div class="row">

67 | P a g e
<div class="col-md-12 col-
12 mb--15">

<label
for="email">Full Name</label>

<input class="mb-
0 form-control" type="text" id="name"

placeholder="Enter your full name">

</div>

<div class="col-12 mb--


20">

<label
for="email">Email</label>

<input class="mb-
0 form-control" type="email" id="email" placeholder="Enter Your Email Address Here..">

</div>

<div class="col-lg-6 mb--


20">

<label
for="password">Password</label>

<input class="mb-
0 form-control" type="password" id="password" placeholder="Enter your password">

</div>

<div class="col-lg-6 mb--


20">

<label
for="password">Repeat Password</label>

<input class="mb-
0 form-control" type="password" id="repeat-password" placeholder="Repeat your
password">

</div>

68 | P a g e
<div class="col-md-12">

<a href="#"
class="btn btn-outlined">Register</a>

</div>

</div>

</div>

</form>

</div>

<div class="col-sm-12 col-md-12 col-lg-6 col-xs-12">

<form
action="https://htmldemo.net/pustok/pustok/">

<div class="login-form">

<h4 class="login-title">Returning
Customer</h4>

<p><span class="font-weight-
bold">I am a returning customer</span></p>

<div class="row">

<div class="col-md-12 col-


12 mb--15">

<label
for="email">Enter your email address here...</label>

<input class="mb-
0 form-control" type="email" id="email1"

placeholder="Enter you email address here...">

</div>

<div class="col-12 mb--


20">

<label
for="password">Password</label>

69 | P a g e
<input class="mb-
0 form-control" type="password" id="login-password" placeholder="Enter your password">

</div>

<div class="col-md-12">

<a href="#"
class="btn btn-outlined">Login</a>

</div>

</div>

</div>

</form>

</div>

</div>

</div>

</main>

</div>

<!--=================================

Brands Slider

Cart.php
<!-- Cart Page Start -->

<main class="cart-page-main-block inner-page-sec-padding-bottom">

<div class="cart_area cart-area-padding ">

<div class="container">

<div class="page-section-title">

<h1>Shopping Cart</h1>

</div>

<div class="row">

70 | P a g e
<div class="col-12">

<form action="#" class="">

<!-- Cart Table -->

<div class="cart-table table-


responsive mb--40">

<table class="table">

<!-- Head Row -->

<thead>

<tr>

<th
class="pro-remove"></th>

<th
class="pro-thumbnail">Image</th>

<th
class="pro-title">Product</th>

<th
class="pro-price">Price</th>

<th
class="pro-quantity">Quantity</th>

<th
class="pro-subtotal">Total</th>

</tr>

</thead>

<tbody>

<!--
Product Row -->

<tr>

<td
class="pro-remove"><a href="#"><i class="far fa-trash-alt"></i></a>

71 | P a g e
</td>

<td
class="pro-thumbnail"><a href="#"><img

src="image/products/product-1.jpg" alt="Product"></a></td>

<td
class="pro-title"><a href="#">Rinosin Glasses</a></td>

<td
class="pro-price"><span>&#8377;395.00</span></td>

<td
class="pro-quantity">

<div class="pro-qty">

<div class="count-input-block">

<input type="number" class="form-control text-center"

value="1">

</div>

</div>

</td>

<td
class="pro-subtotal"><span>&#8377;395.00</span></td>

</tr>

<!--
Product Row -->

<tr>

72 | P a g e
<td
class="pro-remove"><a href="#"><i class="far fa-trash-alt"></i></a>

</td>

<td
class="pro-thumbnail"><a href="#"><img

src="image/products/product-2.jpg" alt="Product"></a></td>

<td
class="pro-title"><a href="#">Rinosin Glasses</a></td>

<td
class="pro-price"><span>&#8377;395.00</span></td>

<td
class="pro-quantity">

<div class="pro-qty">

<div class="count-input-block">

<input type="number" class="form-control text-center"

value="1">

</div>

</div>

</td>

<td
class="pro-subtotal"><span>&#8377;395.00</span></td>

</tr>

73 | P a g e
<!--
Discount Row -->

<tr>

<td
colspan="6" class="actions">

<div class="coupon-block">

<div class="coupon-text">

<label for="coupon_code">Coupon:</label>

<input type="text" name="coupon_code" class="input-text"

id="coupon_code" value="" placeholder="Coupon code">

</div>

<div class="coupon-btn">

<input type="submit" class="btn btn-outlined"

name="apply_coupon" value="Apply coupon">

</div>

</div>

<div class="update-block text-right">

<input type="submit" class="btn btn-outlined" name="update_cart"

74 | P a g e
value="Update cart">

<input type="hidden" id="_wpnonce" name="_wpnonce"

value="05741b501f"><input type="hidden"

name="_wp_http_referer" value="/petmark/cart/">

</div>

</td>

</tr>

</tbody>

</table>

</div>

</form>

</div>

</div>

</div>

</div>

<div class="cart-section-2">

<div class="container">

<div class="row">

<div class="col-lg-6 col-12 mb--30 mb-lg--0">

<!-- slide Block 5 / Normal Slider -->

<div class="cart-block-title">

<h2>YOU MAY BE INTERESTED


IN…</h2>

75 | P a g e
</div>

<div class="product-slider sb-slick-slider"


data-slick-setting='{

"autoplay": true,

"autoplaySpeed": 8000,

"slidesToShow": 2

}' data-slick-
responsive='[

{"breakpoint":992, "settings": {"slidesToShow": 2} },

{"breakpoint":768, "settings": {"slidesToShow": 3} },

{"breakpoint":575, "settings": {"slidesToShow": 2} },

{"breakpoint":480, "settings": {"slidesToShow": 1} },

{"breakpoint":320, "settings": {"slidesToShow": 1} }

]'>

<div class="single-slide">

<div class="product-
card">

<div
class="product-header">

<span
class="author">

Lpple

</span>

<h3><a
href="product-details.html">Revolutionize Your BOOK With These

Easy-peasy Tips</a></h3>

</div>

76 | P a g e
<div
class="product-card--body">

<div
class="card-image">

<img src="image/products/product-10.jpg" alt="">

<div class="hover-contents">

<a href="product-details.html" class="hover-image">

<img src="image/products/product-1.jpg" alt="">

</a>

<div class="hover-btns">

<a href="cart.html" class="single-btn">

<i class="fas fa-shopping-basket"></i>

</a>

<a href="wishlist.html" class="single-btn">

<i class="fas fa-heart"></i>

</a>

<a href="compare.html" class="single-btn">

<i class="fas fa-random"></i>

77 | P a g e
</a>

<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"

class="single-btn">

<i class="fas fa-eye"></i>

</a>

</div>

</div>

</div>

<div
class="price-block">

<span class="price">&#8377;51.20</span>

<del class="price-old">&#8377;51.20</del>

<span class="price-discount">20%</span>

</div>

</div>

</div>

</div>

<div class="single-slide">

<div class="product-
card">

78 | P a g e
<div
class="product-header">

<span
class="author">

Jpple

</span>

<h3><a
href="product-details.html">Turn Your BOOK Into High Machine</a></h3>

</div>

<div
class="product-card--body">

<div
class="card-image">

<img src="image/products/product-2.jpg" alt="">

<div class="hover-contents">

<a href="product-details.html" class="hover-image">

<img src="image/products/product-1.jpg" alt="">

</a>

<div class="hover-btns">

<a href="cart.html" class="single-btn">

<i class="fas fa-shopping-basket"></i>

</a>

79 | P a g e
<a href="wishlist.html" class="single-btn">

<i class="fas fa-heart"></i>

</a>

<a href="compare.html" class="single-btn">

<i class="fas fa-random"></i>

</a>

<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"

class="single-btn">

<i class="fas fa-eye"></i>

</a>

</div>

</div>

</div>

<div
class="price-block">

<span class="price">&#8377;51.20</span>

<del class="price-old">&#8377;51.20</del>

80 | P a g e
<span class="price-discount">20%</span>

</div>

</div>

</div>

</div>

<div class="single-slide">

<div class="product-
card">

<div
class="product-header">

<span
class="author">

Wpple

</span>

<h3><a
href="product-details.html">3 Ways Create Better BOOK With</a></h3>

</div>

<div
class="product-card--body">

<div
class="card-image">

<img src="image/products/product-3.jpg" alt="">

<div class="hover-contents">

<a href="product-details.html" class="hover-image">

81 | P a g e
<img src="image/products/product-2.jpg" alt="">

</a>

<div class="hover-btns">

<a href="cart.html" class="single-btn">

<i class="fas fa-shopping-basket"></i>

</a>

<a href="wishlist.html" class="single-btn">

<i class="fas fa-heart"></i>

</a>

<a href="compare.html" class="single-btn">

<i class="fas fa-random"></i>

</a>

<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"

class="single-btn">

<i class="fas fa-eye"></i>

</a>

82 | P a g e
</div>

</div>

</div>

<div
class="price-block">

<span class="price">&#8377;51.20</span>

<del class="price-old">&#8377;51.20</del>

<span class="price-discount">20%</span>

</div>

</div>

</div>

</div>

<div class="single-slide">

<div class="product-
card">

<div
class="product-header">

<span
class="author">

Epple

</span>

<h3><a
href="product-details.html">What You Can Learn From Bill Gates</a>

</h3>

83 | P a g e
</div>

<div
class="product-card--body">

<div
class="card-image">

<img src="image/products/product-5.jpg" alt="">

<div class="hover-contents">

<a href="product-details.html" class="hover-image">

<img src="image/products/product-4.jpg" alt="">

</a>

<div class="hover-btns">

<a href="cart.html" class="single-btn">

<i class="fas fa-shopping-basket"></i>

</a>

<a href="wishlist.html" class="single-btn">

<i class="fas fa-heart"></i>

</a>

<a href="compare.html" class="single-btn">

84 | P a g e
<i class="fas fa-random"></i>

</a>

<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"

class="single-btn">

<i class="fas fa-eye"></i>

</a>

</div>

</div>

</div>

<div
class="price-block">

<span class="price">&#8377;51.20</span>

<del class="price-old">&#8377;51.20</del>

<span class="price-discount">20%</span>

</div>

</div>

</div>

</div>

<div class="single-slide">

85 | P a g e
<div class="product-
card">

<div
class="product-header">

<span
class="author">

Hpple

</span>

<h3><a
href="product-details.html">Simple Things You To Save BOOK</a></h3>

</div>

<div
class="product-card--body">

<div
class="card-image">

<img src="image/products/product-6.jpg" alt="">

<div class="hover-contents">

<a href="product-details.html" class="hover-image">

<img src="image/products/product-4.jpg" alt="">

</a>

<div class="hover-btns">

<a href="cart.html" class="single-btn">

<i class="fas fa-shopping-basket"></i>

86 | P a g e
</a>

<a href="wishlist.html" class="single-btn">

<i class="fas fa-heart"></i>

</a>

<a href="compare.html" class="single-btn">

<i class="fas fa-random"></i>

</a>

<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"

class="single-btn">

<i class="fas fa-eye"></i>

</a>

</div>

</div>

</div>

<div
class="price-block">

<span class="price">&#8377;51.20</span>

87 | P a g e
<del class="price-old">&#8377;51.20</del>

<span class="price-discount">20%</span>

</div>

</div>

</div>

</div>

</div>

</div>

<!-- Cart Summary -->

<div class="col-lg-6 col-12 d-flex">

<div class="cart-summary">

<div class="cart-summary-
wrap">

<h4><span>Cart
Summary</span></h4>

<p>Sub Total <span


class="text-primary">&#8377;1250.00</span></p>

<p>Shipping Cost <span


class="text-primary">&#8377;00.00</span></p>

<h2>Grand Total <span


class="text-primary">&#8377;1250.00</span></h2>

</div>

<div class="cart-summary-
button">

<a href="checkout.html"
class="checkout-btn c-btn btn--primary">Checkout</a>

<button class="update-
btn c-btn btn-outlined">Update Cart</button>

88 | P a g e
</div>

</div>

</div>

</div>

</div>

</div>

</main>

<!-- Cart Page End -->

Checkout.php
<main id="content" class="page-section inner-page-sec-padding-bottom
space-db--20">

<div class="container">

<div class="row">

<div class="col-12">

<!-- Checkout Form s-->

<div class="checkout-form">

<div class="row row-40">

<div class="col-12">

<h1 class="quick-
title">Checkout</h1>

<!-- Slide Down Trigger --


>

<div class="checkout-
quick-box">

<p><i class="far
fa-sticky-note"></i>Returning customer? <a href="javascript:"

class="slide-trigger" data-target="#quick-login">Click

89 | P a g e
here to login</a></p>

</div>

<!-- Slide Down Blox ==>


Login Box -->

<div class="checkout-
slidedown-box" id="quick-login">

<form
action="https://htmldemo.net/pustok/pustok/">

<div
class="quick-login-form">

<p>If you have shopped with us before, please enter your details in the

boxes below. If you are a new

customer

please

proceed to the Billing & Shipping section.</p>

<div class="form-group">

<label for="quick-user">Username or email *</label>

<input type="text" placeholder="" id="quick-user">

</div>

<div class="form-group">

90 | P a g e
<label for="quick-pass">Password *</label>

<input type="text" placeholder="" id="quick-pass">

</div>

<div class="form-group">

<div class="d-flex align-items-center flex-wrap">

<a href="#" class="btn btn-outlined me-3">Login</a>

<div class="d-inline-flex align-items-center">

<input type="checkbox" id="accept_terms" class="mb-0 mx-1">

<label for="accept_terms" class="mb-0">I’ve read and accept

the terms &amp; conditions</label>

</div>

</div>

<p><a href="javascript:" class="pass-lost mt-3">Lost your

password?</a></p>

</div>

</div>

</form>

91 | P a g e
</div>

<!-- Slide Down Trigger --


>

<div class="checkout-
quick-box">

<p><i class="far
fa-sticky-note"></i>Have a coupon? <a href="javascript:"

class="slide-trigger" data-target="#quick-cupon">

Click here to enter your code</a></p>

</div>

<!-- Slide Down Blox ==>


Cupon Box -->

<div class="checkout-
slidedown-box" id="quick-cupon">

<form
action="https://htmldemo.net/pustok/pustok/">

<div
class="checkout_coupon">

<input type="text" class="mb-0" placeholder="Coupon Code">

<a
href="#" class="btn btn-outlined">Apply coupon</a>

</div>

</form>

</div>

</div>

<div class="col-lg-7 mb--20">

<!-- Billing Address -->

92 | P a g e
<div id="billing-form"
class="mb-40">

<h4
class="checkout-title">Billing Address</h4>

<div class="row">

<div
class="col-md-6 col-12 mb--20">

<label>First Name*</label>

<input type="text" placeholder="First Name">

</div>

<div
class="col-md-6 col-12 mb--20">

<label>Last Name*</label>

<input type="text" placeholder="Last Name">

</div>

<div
class="col-12 mb--20">

<label>Company Name</label>

<input type="text" placeholder="Company Name">

</div>

<div
class="col-12 col-12 mb--20">

<label>Country*</label>

93 | P a g e
<select class="nice-select">

<option>Bangladesh</option>

<option>China</option>

<option>country</option>

<option>India</option>

<option>Japan</option>

</select>

</div>

<div
class="col-md-6 col-12 mb--20">

<label>Email Address*</label>

<input type="email" placeholder="Email Address">

</div>

<div
class="col-md-6 col-12 mb--20">

<label>Phone no*</label>

<input type="text" placeholder="Phone number">

</div>

<div
class="col-12 mb--20">

94 | P a g e
<label>Address*</label>

<input type="text" placeholder="Address line 1">

<input type="text" placeholder="Address line 2">

</div>

<div
class="col-md-6 col-12 mb--20">

<label>Town/City*</label>

<input type="text" placeholder="Town/City">

</div>

<div
class="col-md-6 col-12 mb--20">

<label>State*</label>

<input type="text" placeholder="State">

</div>

<div
class="col-md-6 col-12 mb--20">

<label>Zip Code*</label>

<input type="text" placeholder="Zip Code">

</div>

<div
class="col-12 mb--20 ">

95 | P a g e
<div class="block-border check-bx-wrapper">

<div class="check-box">

<input type="checkbox" id="create_account">

<label for="create_account">Create an Acount?</label>

</div>

<div class="check-box">

<input type="checkbox" id="shiping_address" data-shipping>

<label for="shiping_address">Ship to Different Address</label>

</div>

</div>

</div>

</div>

</div>

<!-- Shipping Address -->

<div id="shipping-form"
class="mb--40">

<h4
class="checkout-title">Shipping Address</h4>

<div class="row">

<div
class="col-md-6 col-12 mb--20">

96 | P a g e
<label>First Name*</label>

<input type="text" placeholder="First Name">

</div>

<div
class="col-md-6 col-12 mb--20">

<label>Last Name*</label>

<input type="text" placeholder="Last Name">

</div>

<div
class="col-md-6 col-12 mb--20">

<label>Email Address*</label>

<input type="email" placeholder="Email Address">

</div>

<div
class="col-md-6 col-12 mb--20">

<label>Phone no*</label>

<input type="text" placeholder="Phone number">

</div>

<div
class="col-12 mb--20">

<label>Company Name</label>

97 | P a g e
<input type="text" placeholder="Company Name">

</div>

<div
class="col-12 mb--20">

<label>Address*</label>

<input type="text" placeholder="Address line 1">

<input type="text" placeholder="Address line 2">

</div>

<div
class="col-md-6 col-12 mb--20">

<label>Country*</label>

<select class="nice-select">

<option>Bangladesh</option>

<option>China</option>

<option>country</option>

<option>India</option>

<option>Japan</option>

</select>

</div>

98 | P a g e
<div
class="col-md-6 col-12 mb--20">

<label>Town/City*</label>

<input type="text" placeholder="Town/City">

</div>

<div
class="col-md-6 col-12 mb--20">

<label>State*</label>

<input type="text" placeholder="State">

</div>

<div
class="col-md-6 col-12 mb--20">

<label>Zip Code*</label>

<input type="text" placeholder="Zip Code">

</div>

</div>

</div>

<div class="order-note-
block mt--30">

<label for="order-
note">Order notes</label>

<textarea
id="order-note" cols="30" rows="10" class="order-note"

placeholder="Notes about your order, e.g. special notes for delivery."></textarea>

99 | P a g e
</div>

</div>

<div class="col-lg-5">

<div class="row">

<!-- Cart Total -->

<div class="col-
12">

<div
class="checkout-cart-total">

<h2
class="checkout-title">YOUR ORDER</h2>

<h4>Product <span>Total</span></h4>

<ul>

<li><span class="left">Cillum dolore tortor nisl X 01</span> <span

class="right">&#8377;25.00</span></li>

<li><span class="left">Auctor gravida pellentesque X 02 </span><span

class="right">&#8377;50.00</span></li>

<li><span class="left">Condimentum posuere consectetur X 01</span>

<span class="right">&#8377;29.00</span></li>

<li><span class="left">Habitasse dictumst elementum X 01</span>

<span class="right">&#8377;10.00</span></li>

100 | P a g e
</ul>

<p>Sub Total <span>&#8377;104.00</span></p>

<p>Shipping Fee <span>&#8377;00.00</span></p>

<h4>Grand Total <span>&#8377;104.00</span></h4>

<div class="method-notice mt--25">

<article>

<h3 class="d-none sr-only">blog-article</h3>

Sorry, it seems that there are no available payment methods for

your state. Please contact us if you

require

assistance

or wish to make alternate arrangements.

</article>

</div>

<div class="term-block">

<input type="checkbox" id="accept_terms2">

101 | P a g e
<label for="accept_terms2">I’ve read and accept the terms &

conditions</label>

</div>

<button class="place-order w-100">Place order</button>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</main>

</div>

Audio.php
<section class="inner-page-sec-padding-bottom">

<div class="container">

<div class="row">

<div class="col-lg-9 mb--60 mb-lg--0">

<div class="blog-post post-details mb--50">

<a href="blog-details.html" class="blog-


image">

102 | P a g e
<img src="image/others/blog-
img-big-3.jpg" alt="">

</a>

<div class="post-audio mb-3 mt-3">

<iframe class="w-100"
height="80" allow="autoplay"

src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/users/1
82537870&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;sho
w_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=tru
e&amp;visual=true"></iframe>

</div>

<div class="blog-content mt--30">

<header>

<h3 class="blog-title">
How BLOG TITLE Made Me A Better Salesperson</h3>

<div class="post-meta">

<span class="post-
author">

<i
class="fas fa-user"></i>

<span
class="text-gray">Posted by : </span>

admin

</span>

<span class="post-
separator">|</span>

<span class="post-
date">

<i
class="far fa-calendar-alt"></i>

103 | P a g e
<span
class="text-gray">On : </span>

March 10,
2015

</span>

</div>

</header>

<article>

<h3 class="d-none sr-


only">blob-article</h3>

<p class="p-0">Donec
vitae hendrerit arcu, sit amet faucibus nisl. Cras pretium arcu

ex. Aenean
posuere

libero eu augue
condimentum

rhoncus. Praesent
ornare tortor ac ante egestas hendrerit. Aliquam et metus

pharetra,
bibendum massa

nec, fermentum

odio. Nunc id leo


ultrices, mollis ligula in, finibus tortor. Mauris eu dui ut

lectus fermentum

eleifend.
Pellentesque

faucibus sem ante,


non malesuada odio varius nec. Suspendisse potenti.</p>

<blockquote>

104 | P a g e
<p>Quisque
semper nunc vitae erat pellentesque, ac placerat arcu consectetur. In

venenatis
elit ac

ultrices
convallis.

Duis est
nisi, tincidunt ac urna sed, cursus blandit lectus. In ullamcorper

sit amet
ligula ut

eleifend.
Proin dictum

tempor
ligula, ac feugiat metus. Sed finibus tortor eu scelerisque

scelerisque.</p>

</blockquote>

<p>Aenean et tempor
eros, vitae sollicitudin velit. Etiam varius enim nec quam

tempor, sed
efficitur ex

ultrices.

Phasellus pretium
est vel dui vestibulum condimentum. Aenean nec suscipit nibh.

Phasellus nec
lacus id

arcu facilisis

elementum.
Curabitur lobortis, elit ut elementum congue, erat ex bibendum odio,

nec iaculis lacus


sem

105 | P a g e
non lorem. Duis

suscipit metus
ante, sed convallis quam posuere quis. Ut tincidunt eleifend

odio, ac fringilla mi

vehicula nec. Nunc

vitae lacus eget


lectus imperdiet tempus sed in dui. Nam molestie magna at risus

consectetur,
placerat

suscipit justo

dignissim. Sed
vitae fringilla enim, nec ullamcorper arcu.</p>

<p>Suspendisse turpis
ipsum, tempus in nulla eu, posuere pharetra nibh. In dignissim

vitae lorem non

mollis. Praesent

pretium tellus in
tortor viverra condimentum. Nullam dignissim facilisis nisl,

accumsan placerat
justo

ultricies vel.

Vivamus finibus mi
a neque pretium, ut convallis dui lacinia. Morbi a rutrum

velit. Curabitur
sagittis

quam quis

consectetur
mattis. Aenean sit amet quam vel turpis interdum sagittis et eget

neque. Nunc ante


quam,

106 | P a g e
luctus et neque a,

interdum iaculis
metus. Aliquam vel ante mattis, placerat orci id, vehicula

quam.
Suspendisse quis eros

cursus, viverra

urna sed,
commodo mauris. Cras diam arcu, fringilla a sem condimentum, viverra

facilisis nunc.

Curabitur vitae
orci id

nulla maximus
maximus. Nunc pulvinar sollicitudin molestie.</p>

</article>

<footer class="blog-meta">

<div> <a href="#">3


comments </a> / TAGS: <a href="#">fashion</a>, <a

href="#">t-shirt</a>, <a href="#">white</a></div>

</footer>

</div>

</div>

<div class="share-block mb--50">

<h3>Share Now</h3>

<div class="social-links justify-content-


center mt--10">

<a href="#" class="single-social


social-rounded"><i class="fab fa-facebook-f"></i></a>

<a href="#" class="single-social


social-rounded"><i class="fab fa-twitter"></i></a>

107 | P a g e
<a href="#" class="single-social
social-rounded"><i class="fab fa-pinterest-p"></i></a>

<a href="#" class="single-social


social-rounded"><i

class="fab fa-
google-plus-g"></i></a>

<a href="#" class="single-social


social-rounded"><i class="fab fa-linkedin-in"></i></a>

</div>

</div>

<div class="comment-block-wrapper mb--50">

<h3>3 Comments</h3>

<div class="single-comment">

<div class="comment-avatar">

<img
src="image/icon/author-logo.png" alt="">

</div>

<div class="comment-text">

<h5 class="author"> <a


href="#"> Author</a></h5>

<span
class="time">October 8, 2014 at 12:38 pm</span>

<p>Ame No Parade</p>

</div>

<a href="#" class="btn btn-


outlined--primary btn-rounded reply-btn">Reply</a>

</div>

<div class="single-comment">

<div class="comment-avatar">

108 | P a g e
<img
src="image/icon/author-logo.png" alt="">

</div>

<div class="comment-text">

<h5 class="author"> <a


href="#">Jack</a></h5>

<span
class="time">January 19, 2018 at 3:00 am</span>

<p>just a nice post</p>

</div>

<a href="#" class="btn btn-


outlined--primary btn-rounded reply-btn">Reply</a>

</div>

<div class="single-comment">

<div class="comment-avatar">

<img
src="image/icon/author-logo.png" alt="">

</div>

<div class="comment-text">

<h5 class="author"> <a


href="#">Dexter</a></h5>

<span
class="time">august 31, 2021 at 3:30 am</span>

<p>Awesome Post </p>

</div>

<a href="#" class="btn btn-


outlined--primary btn-rounded reply-btn">Reply</a>

</div>

</div>

109 | P a g e
<div class="replay-form-wrapper">

<h3 class="mt-0">LEAVE A REPLY</h3>

<p>Your email address will not be


published. Required fields are marked *</p>

<form
action="https://htmldemo.net/pustok/pustok/" class="blog-form">

<div class="row">

<div class="col-12">

<div class="form-
group">

<label
for="message">Comment</label>

<textarea
name="message" id="message" cols="30" rows="10"

class="form-control"></textarea>

</div>

</div>

<div class="col-lg-4">

<div class="form-
group">

<label
for="name">Name *</label>

<input
type="text" id="name" class="form-control">

</div>

</div>

<div class="col-lg-4">

<div class="form-
group">

110 | P a g e
<label
for="email">Email *</label>

<input
type="text" id="email" class="form-control">

</div>

</div>

<div class="col-lg-4">

<div class="form-
group">

<label
for="website">Website</label>

<input
type="text" id="website" class="form-control">

</div>

</div>

<div class="col-lg-4">

<div
class="submit-btn">

<a
href="#" class="btn btn-black">Post Comment</a>

</div>

</div>

</div>

</form>

</div>

</div>

<div class="col-lg-3">

<div class="inner-page-sidebar">

<div class="single-block">

111 | P a g e
<h2 class="sidebar-title mb--
30">Search</h2>

<div class="site-mini-search">

<input type="text"
placeholder="Search">

<button><i class="fas fa-


search"></i></button>

</div>

</div>

<div class="single-block">

<h2 class="sidebar-title mb--


30">BLOG ARCHIVES</h2>

<ul class="sidebar-list mb--30">

<li><a href="#"> March


2015 (1)</a></li>

<li><a
href="#">December 2014 (3)</a></li>

<li> <a
href="#">November 2014 (4)</a></li>

<li><a
href="#">September 2014 (1)</a></li>

<li><a href="#">August
2014 (1)</a></li>

</ul>

</div>

<div class="single-block ">

<h2 class="sidebar-title mb--


30">RECENT POSTS</h2>

<ul class="sidebar-list">

112 | P a g e
<li><a href="#"> Blog
image post</a></li>

<li><a href="#">Post with


Gallery</a></li>

<li> <a href="#">Post with


Audio</a></li>

<li><a href="#">Post with


Video</a></li>

<li><a
href="#">Maecenas ultricies</a></li>

</ul>

</div>

<div class="single-block ">

<h2 class="sidebar-title mb--


30">Tags</h2>

<ul class="sidebar-tag-list">

<li><a href="#">
Chilled</a></li>

<li><a
href="#">Dark</a></li>

<li> <a
href="#">Euro</a></li>

<li><a
href="#">Fashion</a></li>

<li><a
href="#">Food</a></li>

<li><a
href="#">Hardware</a></li>

<li><a
href="#">Hat</a></li>

113 | P a g e
<li><a
href="#">Hipster</a></li>

<li><a
href="#">Holidays</a></li>

<li><a
href="#">Light</a></li>

<li><a
href="#">Mac</a></li>

<li><a
href="#">Place</a></li>

<li><a href="#">T-
Shirt</a></li>

<li><a
href="#">Travel</a></li>

<li><a href="#">Video-
2</a></li>

<li><a
href="#">White</a></li>

</ul>

</div>

<!-- Promo Block -->

<div class="single-block">

<a href="#" class="promo-image


sidebar">

<img
src="image/others/home-side-promo.jpg" alt="">

</a>

</div>

</div>

</div>

114 | P a g e
</div>

</div>

</section>

Pdf.php
Flipflop Library.

115 | P a g e
SYSTEM TESTING
8.1 Preparing of Test Data
Preparing of Test Data on creating time I have added some data in MySQL with query that was test
mode in MySQL after that I have add data in every module individual by passing query that was
success.

8.2 Testing with Dummy Data


Here I have submitted data via form and input method in every module that was successful. Here I
use Unit testing on individual module and I have also use function and system testing after complete
modules merging.

 I have use dummy data test on login that was stored successfully
 I have use dummy data test on dashboard that was stored successfully
 I have use dummy data test on Billing that was stored successfully
 I have use dummy data test on Products that was stored successfully
 I have use dummy data test on Customers that was stored successfully
 I have use dummy data test on System Users that was stored successfully
 I have use dummy data test on complete System that was stored successfully

116 | P a g e
SYSTEM IMPLEMENTATION
9.1 Change Over
There is no need extra hardware software to use it. there is required an internet connection and
computer but there is also need webserver it can be offline or online for offline mod there is XAMPP
MAMP WAMP LAMP for online use there is need a web hosting there is no need to any training to
implement it because it is web based application which is easy to use

117 | P a g e
DOCUMENTATION [G1]

10.1 Operational Document


User have to know basic knowledge of computer and internet and then it is easy to use for
user If don’t know then that can learn it then can implement it otherwise it is easy to for
there is no need advanced learn and this is easy to use

10.2 Usual Manual


Here some instruction for user have to read guidelines and feature of this project this is CMS
project that help to reduce paper work and provide good facilities to user first of all master
admin have to create some admin as there use according to data use and modify then they
can use how to use this method is explained in testing

 Step 1 user open web-browser


 Step 2 type localhost/Ebook Buddy/ Or
 Step 2 type Domain https://ebookbuddy.in

 here user login with user name and password

 here user can view the books Etc.

 admin user can manage books.

 admin user can manage Customers.

118 | P a g e
CONCLUSION

The application provides appropriate information to users according to the chosen services.

The project is designed keeping in view the day-to-day readers facing problem get desired
choice books.

Deployment of our application will certainly help the Business to reduce unnecessary
wastage of time in personally going to manage for some information

Awareness and right information about books and provide all kinds of books and E books to
students.

119 | P a g e
SCOPE OF THE PROJECT
12.1 Deficiencies
User must have knowledge of internet browsing.

User must need internet service without internet waste of time.

If server crash or destroyed data will be lost, there is no physical presence

12.2 Further Scope


Online Payment (Payment Getaway) module would be introduced to Collect online.

New Books Reminder Module would be introduced to Remind time to Time new books are
available.

Also Add 3d Video Format Books for Doctors and Medical Staffs.

120 | P a g e
REFERENCES
websites
[1] https://www.w3schools.com/php/ pp.4

[2] http://www.mysqltutorial.org/php-mysql/ pp.4

[3] https://www.tutorialspoint.com/php/php_and_mysql.htm pp.4

[4] https://stackoverflow.com/questions/ pp.4

[5] https://www.luicidchart.com pp.6, 12, 13

Books
PHP and MySQL Web Development Paperback

by Luke welling (Author), Laura Thomson (Author)

Beginning PHP (English, Paperback, David Carr)

Under Guidelines
[G1] Mohammad Islam Head of Department Maulana Azad University Jodhpur.

121 | P a g e

You might also like