Основной функционал клиента – это просмотр ассортимента продукции книжного магаизна, формирование заказа на основе текущего ассортимента и создание заказа. Просмотр осуществляется на главной странице сайта (рисунок 13). Код верстки главной страницы сайта представлен в приложении А.
Шаги для выполнения сценария:
1. Добавление/удаление товара в корзине.
2. Переход на страницу товара.
3
.
Ввод данных для оформления заказа.
Рисунок 21 – Главная страница сайта
Формирование заказа осуществляется путем указания нужного количества товара и добавления его в корзину (рисунок 14).
Р
исунок
22 – Окно корзины
Для оформления заказа клиент должен ввести свои данные: имя, номер телефона, адрес, на который должен быть доставлен заказ и адрес электронной почты. Если не введены данные, например, номер телефона, то появляется сообщение об ошибке (рисунок 23).
Р
исунок
23 Окно оформления
заказа
Страница входа в личный кабинет представлена на рисунке 24. Здесь можно ввести учетные данные для входа на сайт в качестве администратора или оператора. Но пока системой предусмотреть только пользователь – администратор.
Шаги для выполнения сценария:
Вход в роли администратора.
Добавление пользователя в систему.
Определение прав доступа
Вход в роли менеджера.
Правка каталога товаров.
Р
исунок
24 Страница входа в
панель администратора
О
сновные
задачи администратора – регистрация
новых пользователей в системе и
определение прав доступа (рисунок 25).
Рисунок 25 Добавление пользователя в систему
Далее необходимо создать группу менеджеров для формирования перечня товаров, определить ее права и добавить в нее пользователя (рисунок 26).
Рисунок 26 Определение группы и прав доступа
После входа в панель администратора под новым пользователем (рисунок 27), из числа менеджеров можно расширить ассортимент товаров на сайте.
Рисунок 27 Добавление новой книги
.
Сайт позволяет автоматизировать процесс приема заказов, увеличить удобство для клиентов и сотрудников, минимизировать ошибки при оформлении заказа.
Исходный код продукта, представленный в виде сайта, был реализован на языке разметки HTML с использованием каскадных таблиц стилей (CSS). Для обеспечения интерактивности в состав сайта включен код, написанный на языке JavaScript.
Для реализации серверной части был использован язык PHP с использованием фреймворка Codeigniter. База данных реализована при помощи системы управления базами данных MySQL.
В ходе данной работы было разработано 1 веб-сайта: локальная. Были получены навыки разработки веб-сайтов и приложений, взаимодействия их компонентов, а также размещение сайта на хостинге.
Васильев, Алексей Николаевич. Java. Объектно-ориентированное программирование [Текст]: учеб. пособие для магистров и бакалавров: базовый курс по объект.-ориентир. Программированию / А. Н. Васильев. – СПб. [и др.]: Питер, 2013. – 395, [1] с.
Червенчук И.В. Моделирование и проектирование объектно-ориентированных систем средствами языка UML [Электронный ресурс]: учеб. текстовое электрон. изд. локального распространения: учеб. пособие / И.В. Червенчук; ОмГТУ. – Электрон. текстовые дан. (815 Кб). – Омск: Изд-во ОмГТУ, 2014. – 1 эл. опт. диск (CD-ROM)
Белик А. Г. Теория и технология программирования [Текст] / А. Г. Белик, В. Н. Цыганенко; ОмГТУ. – Омск: Изд-во ОмГТУ, 2013. – 85 с.
Цыганенко, Валерий Николаевич. CALS/CASE-технологии проектирования информационных систем [Электронный ресурс]: учеб. электрон. изд. локального распространения: конспект лекций / В. Н. Цыганенко; ОмГТУ. – Электрон. текстовые дан. (1,23 Мб). – Омск: Изд-во ОмГТУ, 2017. – 1 эл. опт. диск (CD-ROM)
Дронов В. HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов. – Санкт-Петербург: БХВ-Петербург, 2011. – 282с.
Задорожный, Владимир Николаевич. Аналитико-имитационные методы решения актуальных задач системного анализа больших сетей [Текст]: монография / В. Н. Задорожный, Д. Ю. Долгушин, Е. Б. Юдин; под редакцией В. Н. Задорожного; ОмГТУ. – Омск: Изд-во ОмГТУ, 2013. – 323 с.
Документация по PHP [Электронный ресурс]. URL: https://www.php.net/manual/ru/index.php
Документация по Codeigniter [Электронный ресурс]. URL: https://codeigniter3.ru/
Документация по MYSQL [Электронный ресурс]. URL: https://dev.mysql.com/doc/
Документация по JavaScript [Электронный ресурс]. URL: https://javascript.info/.
PHPmyadmin documentation [Электронный ресурс] : - Режим https://php-myadmin.ru/doc/
|
<!DOCTYPE html> |
|
<html lang="en"> |
|
|
|
<head> |
|
<!-- Required meta tags --> |
|
<meta charset="utf-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
|
|
|
<!--==== CSS =====--> |
|
|
|
<!-- Bootstrap css --> |
|
<link rel="stylesheet" type="text/css" href="http://localhost/e-bookshop/tool/css/bootstrap.min.css"> |
|
<!-- Font-awesome css --> |
|
<link rel="stylesheet" type="text/css" href="http://localhost/e-bookshop/tool/css/all.css"> |
|
<!-- Owl-carousel css --> |
|
<link rel="stylesheet" type="text/css" href="http://localhost/e-bookshop/tool/css/owl.carousel.min.css"> |
|
<!-- My css --> |
|
<link rel="stylesheet" type="text/css" href="http://localhost/e-bookshop/tool/css/style.css"> |
|
|
|
<!-- jQuery min js --> |
|
<script type="text/javascript" src="http://localhost/e-bookshop/tool/js/jquery-3.2.1.slim.min.js"></script> |
|
|
|
<title>K-Nigga.com</title> |
|
<link rel="shortcut icon" type="image/png" href="http://localhost/e-bookshop/tool/img/favicon.png"> |
|
</head> |
|
|
|
<body> |
|
<!--========== Header Area ===========--> |
|
<div class="header-area"> |
|
<div class="hearder-top"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-md-6"> |
|
<div class="welcome-tx">Welcome to Online Book Shop !</div> |
|
</div> |
|
<div class="col-md-6"> |
|
<div class="social-icon"> |
|
<span>Follow : </span> |
|
<a href="#" title="Facebook"><i class="fab fa-facebook-f"></i></a> |
|
<a href="#" title="Github"><i class="fab fa-github"></i></a> |
|
<a href="#" title="Instagram"><i class="fab fa-instagram"></i></a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="header-mid"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-md-5"> |
|
<div class="logo"> |
|
<div class="lname"><a href=""><span><img src="http://localhost/e-bookshop/tool/img/favicon.png"> K-Nigga.com</span></a></div> |
|
</div> |
|
</div> |
|
<div class="col-md-7"> |
|
<div class="row"> |
|
<div class="col-md-9 text-center"> |
|
|
|
<a href="http://localhost/e-bookshop/users/login" class="btn-login"><i class="fas fa-sign-in-alt"></i> Login</a> |
|
<a href="http://localhost/e-bookshop/users/registration" class="btn-login"><i class="fas fa-user-cog"></i> Register</a> |
|
|
|
</div> |
|
<div class="col-md-3"> |
|
<div class="ic-cart"><a href="http://localhost/e-bookshop/cart"><i class="fas fa-shopping-cart"></i> Cart</a></div> |
|
<!--=== cart item count ===--> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!--========== Menu Area =========--> |
|
<div> |
|
<div class="menu-area"> |
|
<div class="container"> |
|
<div class="main-menu"> |
|
<div class="row"> |
|
<div class="col-lg-3 col-md-4"> |
|
<!--=== Onclick Drop-down Menu ===--> |
|
<div class="dropdown show onclick-ctg"> |
|
<a class="ctg-btn" href="#" role="button" data-toggle="dropdown" aria-haspopup="true"> |
|
Books Category <span id="m-list"><i class="fas fa-list"></i></span> |
|
</a> |
|
|
|
<div class="dropdown-menu"> |
|
<ul> |
|
|
|
<li><a href="http://localhost/e-bookshop/users/all-books/?ctg=CSE">Computer Science and Engineering</a></li> |
|
|
|
<li><a href="http://localhost/e-bookshop/users/all-books/?ctg=CE">Civil Engineering</a></li> |
|
|
|
<li><a href="http://localhost/e-bookshop/users/all-books/?ctg=ME">Machanical engineering</a></li> |
|
|
|
<li><a href="http://localhost/e-bookshop/users/all-books/?ctg=EEE">EEE</a></li> |
|
|
|
<li><a href="http://localhost/e-bookshop/users/all-books/?ctg=BBA">BBA</a></li> |
|
|
|
<li><a href="http://localhost/e-bookshop/users/all-books/?ctg=Literature">Literature</a></li> |
|
|
|
<li><a href="http://localhost/e-bookshop/users/all-books/?ctg=Others">Others</a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-lg-9 col-md-8"> |
|
<div class="menu"> |
|
<ul id="nav"> |
|
<li><a href="http://localhost/e-bookshop/home">Home</a></li> |
|
<li><a href="http://localhost/e-bookshop/users/all-books">Books</a></li> |
|
<li><a href="http://localhost/e-bookshop/users/all-ebooks">E-books <i class="fas fa-arrow-alt-circle-right"></i></a></li> |
|
|
|
<!-- #Button trigger modal --> |
|
<li><a href = "#" data-toggle="modal" data-target="#exampleModal">Contact Us</a></li> |
|
<!-- Modal --> |
|
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> |
|
<div class="modal-dialog" role="document"> |
|
<div class="modal-content"> |
|
<div class="modal-header"> |
|
<h5 class="modal-title" id="exampleModalLabel">Contact Information</h5> |
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|
<span aria-hidden="true">×</span> |
|
</button> |
|
</div> |
|
<div class="modal-body"> |
|
<div><p>You can easily contact with our support team. They are waiting to support you. You can ask any types of query about this application and our policy. You can also contact if you face any types of shipping problem.</p></div> |
|
<div id="social-icon"> |
|
<h6>Leave us a messege here</h6> |
|
<span><a href="#" title="Messenger" class="text-primary"><i class="fab fa-facebook-messenger"></i></a></span> |
|
<span><a href="#" title="Mail" class="text-danger"><i class="fas fa-envelope"></i></a></span> |
|
<span><a href="#" title="Whatsapp" class="text-success"><i class="fab fa-whatsapp"></i></a></span> |
|
</div> |
|
<br> |
|
<div> |
|
<h6>Thanks & Regards</h6> |
|
<a href="#" class="text-info"><b>Konstantin Yakovets</b></a> |
|
<p>Founder of Bookshop</p> |
|
</div> |
|
</div> |
|
<div class="modal-footer"> |
|
<button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Close</button> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<li><a href = "#" data-toggle="modal" data-target="#aboutModal">About Us</a></li> |
|
<!--About Modal --> |
|
<div class="modal fade" id="aboutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> |
|
<div class="modal-dialog" role="document"> |
|
<div class="modal-content"> |
|
<div class="modal-header"> |
|
<h5 class="modal-title" id="exampleModalLabel">About Application</h5> |
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|
<span aria-hidden="true">×</span> |
|
</button> |
|
</div> |
|
<div class="modal-body"> |
|
<div><p>This is an online Bookshop application, where you can buy and sell the books. You can also find different categories of e-books, you can read it for free. But some e-books you might be buy for read.</p></div> |
|
<div> |
|
<h5>Our services</h5> |
|
<p><i class="fas fa-circle text-secondary"></i> Sell Books</p> |
|
<p><i class="fas fa-circle text-secondary"></i> Buy Books</p> |
|
<p><i class="fas fa-circle text-secondary"></i> Read free e-books</p> |
|
<p><i class="fas fa-circle text-secondary"></i> Home delivery</p> |
|
<p><i class="fas fa-circle text-secondary"></i> Cash on delivery</p> |
|
</div> |
|
<br> |
|
<div> |
|
<h6>Thanks & Regards</h6> |
|
<a href="#" class="text-info"><b>Konstantin Yakovets</b></a> |
|
<p>Founder of Bookshop.</p> |
|
</div> |
|
</div> |
|
<div class="modal-footer"> |
|
<button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Close</button> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- #For admin button --> |
|
|
|
<!-- #For user account button --> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="text-success"> |
|
</div> |
|
|
|
<!--============ Slider Area ===========--> |
|
<div> |
|
<div class="owl-carousel slider-area slider-bg"> |
|
<div class="single-slider slider-bg-1"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-md-6"> |
|
<div class="slide-text"> |
|
<h2>We provide your favourite Books</h2> |
|
<p><i class="fas fa-quote-left fq"></i> I must say I find television very educational. The minute somebody turns it on, I go to the library and read a good book.</p> |
|
<i>- Groucho Marx</i> |
|
<div><a href="http://localhost/e-bookshop/users/all_books" class="btn-buy btn btn-sm">Buy now <i class="fas fa-arrow-circle-right"></i></a></div> |
|
</div> |
|
</div> |
|
<div class="col-md-6"> |
|
<div class="search-bar"> |
|
<form action="http://localhost/e-bookshop/users/search" method="post" accept-charset="utf-8"> |
|
<span class="sb"><input type="search" name="search_book" placeholder="Find your books"></span> |
|
<span class="sb"><input type="submit" value="Search"></span> |
|
</form> </div> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
<div class="single-slider slider-bg-2"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-md-6"> |
|
<div class="slide-text"> |
|
<h2>Buy your favourite books from online</h2> |
|
<p><i class="fas fa-quote-left fq"></i> Keep reading books, but remember that a book is only a book, and you should learn to think for yourself.</p> |
|
<i>– Maxim Gorky</i> |
|
<div><a href="" class="btn-buy">Buy now <i class="fas fa-arrow-circle-right"></i></a></div> |
|
</div> |
|
</div> |
|
<div class="col-md-6"> |
|
<div class="search-bar"> |
|
<form action="http://localhost/e-bookshop/users/search" method="post" accept-charset="utf-8"> |
|
<span class="sb"><input type="search" name="search_book" placeholder="Find your books"></span> |
|
<span class="sb"><input type="submit" value="Search"></span> |
|
</form> </div> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
<div class="single-slider slider-bg-3"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-md-6"> |
|
<div class="slide-text"> |
|
<h2>Sell your used books on online</h2> |
|
<p><i class="fas fa-quote-left fq"></i> Whenever you read a good book, somewhere in the world a door opens to allow in more light.</p> |
|
<i>– Vera Nazarian</i> |
|
<div><a href="" class="btn-buy">Buy now <i class="fas fa-arrow-circle-right"></i></a></div> |
|
</div> |
|
</div> |
|
<div class="col-md-6"> |
|
<div class="search-bar"> |
|
<form action="http://localhost/e-bookshop/users/search" method="post" accept-charset="utf-8"> |
|
<span class="sb"><input type="search" name="search_book" placeholder="Find your books"></span> |
|
<span class="sb"><input type="submit" value="Search"></span> |
|
</form> </div> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
</div> </div> |
|
<!--==== Recent Books ====--> |
|
<div class="section-padding after-slider"> |
|
<div class="container"> |
|
<div class="section-title"><a href="http://localhost/e-bookshop/users/all-books">recent Books</a></div> |
|
<div><div class="row con-flex"> |
|
<div class="col-lg-2 col-md-3 col-sm-4"> |
|
<div id="single-book"> |
|
<div id="book-image"> |
|
<img src = "http://localhost/e-bookshop/uploads/image/Screenshot_124.png" alt = ""> <!--=== Restricted user to buy their own book ===--> |
|
|
|
<div id="addto-cart"><a href="http://localhost/e-bookshop/cart/add_to_cart/39"><i class="fas fa-shopping-cart"></i> Add to cart</a></div> </div> |
|
<div class="book-text"> |
|
<div id="book-name">The Wall: A Novel</div> |
|
<div id="author">By <i>John Lanchester</i></div> |
|
<div id="price">500.USD</div> |
|
<div id="book-details"> |
|
<a href = "http://localhost/e-bookshop/users/book-view/39">View details</a> </div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-lg-2 col-md-3 col-sm-4"> |
|
<div id="single-book"> |
|
<div id="book-image"> |
|
<img src = "http://localhost/e-bookshop/uploads/image/Screenshot_120.jpg" alt = ""> <!--=== Restricted user to buy their own book ===--> |
|
|
|
<div id="addto-cart"><a href="http://localhost/e-bookshop/cart/add_to_cart/32"><i class="fas fa-shopping-cart"></i> Add to cart</a></div> </div> |
|
<div class="book-text"> |
|
<div id="book-name">The Power of Habit: </div> |
|
<div id="author">By <i>Charles Duhigg</i></div> |
|
<div id="price">349.USD</div> |
|
<div id="book-details"> |
|
<a href = "http://localhost/e-bookshop/users/book-view/32">View details</a> </div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-lg-2 col-md-3 col-sm-4"> |
|
<div id="single-book"> |
|
<div id="book-image"> |
|
<img src = "http://localhost/e-bookshop/uploads/image/Screenshot_119.jpg" alt = ""> <!--=== Restricted user to buy their own book ===--> |
|
|
|
<div id="addto-cart"><a href="http://localhost/e-bookshop/cart/add_to_cart/31"><i class="fas fa-shopping-cart"></i> Add to cart</a></div> </div> |
|
<div class="book-text"> |
|
<div id="book-name">Data Structures and </div> |
|
<div id="author">By <i>Narasimha Karumanchi</i></div> |
|
<div id="price">200.USD</div> |
|
<div id="book-details"> |
|
<a href = "http://localhost/e-bookshop/users/book-view/31">View details</a> </div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-lg-2 col-md-3 col-sm-4"> |
|
<div id="single-book"> |
|
<div id="book-image"> |
|
<img src = "http://localhost/e-bookshop/uploads/image/Screenshot_118.jpg" alt = ""> <!--=== Restricted user to buy their own book ===--> |
|
|
|
<div id="addto-cart"><a href="http://localhost/e-bookshop/cart/add_to_cart/30"><i class="fas fa-shopping-cart"></i> Add to cart</a></div> </div> |
|
<div class="book-text"> |
|
<div id="book-name">The Self-Taught Prog</div> |
|
<div id="author">By <i>Cory Althoff</i></div> |
|
<div id="price">180.USD</div> |
|
<div id="book-details"> |
|
<a href = "http://localhost/e-bookshop/users/book-view/30">View details</a> </div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-lg-2 col-md-3 col-sm-4"> |
|
<div id="single-book"> |
|
<div id="book-image"> |
|
<img src = "http://localhost/e-bookshop/uploads/image/Screenshot_117.jpg" alt = ""> <!--=== Restricted user to buy their own book ===--> |
|
|
|
<div id="addto-cart"><a href="http://localhost/e-bookshop/cart/add_to_cart/29"><i class="fas fa-shopping-cart"></i> Add to cart</a></div> </div> |
|
<div class="book-text"> |
|
<div id="book-name">Computer Science Dis</div> |
|
<div id="author">By <i>Wladston Ferreira Filho</i></div> |
|
<div id="price">260.USD</div> |
|
<div id="book-details"> |
|
<a href = "http://localhost/e-bookshop/users/book-view/29">View details</a> </div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-lg-2 col-md-3 col-sm-4"> |
|
<div id="single-book"> |
|
<div id="book-image"> |
|
<img src = "http://localhost/e-bookshop/uploads/image/Screenshot_116.jpg" alt = ""> <!--=== Restricted user to buy their own book ===--> |
|
|
|
<div id="addto-cart"><a href="http://localhost/e-bookshop/cart/add_to_cart/28"><i class="fas fa-shopping-cart"></i> Add to cart</a></div> </div> |
|
<div class="book-text"> |
|
<div id="book-name">The Orphan Sisters A</div> |
|
<div id="author">By <i>Shirley Dickson</i></div> |
|
<div id="price">200.USD</div> |
|
<div id="book-details"> |
|
<a href = "http://localhost/e-bookshop/users/book-view/28">View details</a> </div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!--==== CSE Books ====--> |
|
<div class="section-padding"> |
|
<div class="container"> |
|
<div class="section-title"><a href="http://localhost/e-bookshop/users/all-books/?ctg=CSE">Computer science and engineering Books</a></div> |
|
<div><div class="row con-flex"> |
|
<div class="col-lg-2 col-md-3 col-sm-4"> |
|
<div id="single-book"> |
|
<div id="book-image"> |
|
<img src = "http://localhost/e-bookshop/uploads/image/Screenshot_119.jpg" alt = ""> <!--=== Restricted user to buy their own book ===--> |
|
|
|
<div id="addto-cart"><a href="http://localhost/e-bookshop/cart/add_to_cart/31"><i class="fas fa-shopping-cart"></i> Add to cart</a></div> </div> |
|
<div class="book-text"> |
|
<div id="book-name">Data Structures and </div> |
|
<div id="author">By <i>Narasimha Karumanchi</i></div> |
|
<div id="price">200.USD</div> |
|
<div id="book-details"> |
|
<a href = "http://localhost/e-bookshop/users/book-view/31">View details</a> </div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-lg-2 col-md-3 col-sm-4"> |
|
<div id="single-book"> |
|
<div id="book-image"> |
|
<img src = "http://localhost/e-bookshop/uploads/image/Screenshot_118.jpg" alt = ""> <!--=== Restricted user to buy their own book ===--> |
|
|
|
<div id="addto-cart"><a href="http://localhost/e-bookshop/cart/add_to_cart/30"><i class="fas fa-shopping-cart"></i> Add to cart</a></div> </div> |
|
<div class="book-text"> |
|
<div id="book-name">The Self-Taught Prog</div> |
|
<div id="author">By <i>Cory Althoff</i></div> |
|
<div id="price">180.USD</div> |
|
<div id="book-details"> |
|
<a href = "http://localhost/e-bookshop/users/book-view/30">View details</a> </div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-lg-2 col-md-3 col-sm-4"> |
|
<div id="single-book"> |
|
<div id="book-image"> |
|
<img src = "http://localhost/e-bookshop/uploads/image/Screenshot_117.jpg" alt = ""> <!--=== Restricted user to buy their own book ===--> |
|
|
|
<div id="addto-cart"><a href="http://localhost/e-bookshop/cart/add_to_cart/29"><i class="fas fa-shopping-cart"></i> Add to cart</a></div> </div> |
|
<div class="book-text"> |
|
<div id="book-name">Computer Science Dis</div> |
|
<div id="author">By <i>Wladston Ferreira Filho</i></div> |
|
<div id="price">260.USD</div> |
|
<div id="book-details"> |
|
<a href = "http://localhost/e-bookshop/users/book-view/29">View details</a> </div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-lg-2 col-md-3 col-sm-4"> |
|
<div id="single-book"> |
|
<div id="book-image"> |
|
<img src = "http://localhost/e-bookshop/uploads/image/V10586_low.png" alt = ""> <!--=== Restricted user to buy their own book ===--> |
|
|
|
<div id="addto-cart"><a href="http://localhost/e-bookshop/cart/add_to_cart/22"><i class="fas fa-shopping-cart"></i> Add to cart</a></div> </div> |
|
<div class="book-text"> |
|
<div id="book-name">PHP codeigniter for </div> |
|
<div id="author">By <i>Edounix</i></div> |
|
<div id="price">198.USD</div> |
|
<div id="book-details"> |
|
<a href = "http://localhost/e-bookshop/users/book-view/22">View details</a> </div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-lg-2 col-md-3 col-sm-4"> |
|
<div id="single-book"> |
|
<div id="book-image"> |
|
<img src = "http://localhost/e-bookshop/uploads/image/lrg.jpg" alt = ""> <!--=== Restricted user to buy their own book ===--> |
|
|
|
<div id="addto-cart"><a href="http://localhost/e-bookshop/cart/add_to_cart/20"><i class="fas fa-shopping-cart"></i> Add to cart</a></div> </div> |
|
<div class="book-text"> |
|
<div id="book-name">Programming with cod</div> |
|
<div id="author">By <i>Eli orr</i></div> |
|
<div id="price">222.USD</div> |
|
<div id="book-details"> |
|
<a href = "http://localhost/e-bookshop/users/book-view/20">View details</a> </div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-lg-2 col-md-3 col-sm-4"> |
|
<div id="single-book"> |
|
<div id="book-image"> |
|
<img src = "http://localhost/e-bookshop/uploads/image/Python.jpg" alt = ""> <!--=== Restricted user to buy their own book ===--> |
|
|
|
<div id="addto-cart"><a href="http://localhost/e-bookshop/cart/add_to_cart/19"><i class="fas fa-shopping-cart"></i> Add to cart</a></div> </div> |
|
<div class="book-text"> |
|
<div id="book-name">Learn Python 3 The H</div> |
|
<div id="author">By <i>Zed A Shaw</i></div> |
|
<div id="price">270.USD</div> |
|
<div id="book-details"> |
|
<a href = "http://localhost/e-bookshop/users/book-view/19">View details</a> </div> |
|
</div> |
|
</div> |
|
</div> |
|
</div></div> |
|
</div> |
|
</div> |
|
|
|
<!--============ Footer Area ============--> |
|
<div class="footer-area-home"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-md-4"> |
|
<div class="widget"> |
|
<div class="brand-name"> |
|
<div class="lname"><a href=""><span>K-Nigga.com</span></a></div> |
|
<p>This is a online books market place, it allows you to sell & buy your favourite books. You can also find here different types of e-books, which you can download for free.</p> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-md-4"> |
|
<div class="widget"> |
|
<h3>Our Services</h3> |
|
|
|
<ul> |
|
<li><a href="http://localhost/e-bookshop/users/all_books">Buy Books</a></li> |
|
<li><a href="http://localhost/e-bookshop/users/all_ebooks">Find E-books</a></li> |
|
<li><a href="http://localhost/e-bookshop/user_home/sell_books">Sell your books</a></li> |
|
<li><a href="http://localhost/e-bookshop/users/terms">Terms and conditions</a></li> |
|
<li><a href="#">FAQ</a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
<div class="col-md-4"> |
|
<div class="widget"> |
|
<h3>Stay connected</h3> |
|
<p>Communication is very much important for building good customer relationship. You can connected with us through the social media. If you have any types of quiries fell free to ask. You are always welcome.</p> |
|
<div id="social-icon"> |
|
<span><a href="https://www.facebook.com" title="Facebook" target="_blank"><i class="fab fa-facebook-f"></i></a></span> |
|
<span><a href="https://github.com" title="Github" target="_blank"><i class="fab fa-github"></i></a></span> |
|
<span><a href="https://www.instagram.com" title="Instagram" target="_blank"><i class="fab fa-instagram"></i></a></span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="copy-right"> |
|
<p><i class="fas fa-copyright"></i> 2021 Konstantin Yakovets, Inc. <br>All right reserved</p> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<!-- Optional JavaScript --> |
|
<!-- jQuery first, then Popper.js, then Bootstrap JS --> |
|
<script type="text/javascript" src="http://localhost/e-bookshop/tool/js/popper-1.12.9.min.js"></script> |
|
<script type="text/javascript" src="http://localhost/e-bookshop/tool/js/bootstrap.min.js"></script> |
|
<script type="text/javascript" src="http://localhost/e-bookshop/tool/js/all.js"></script> |
|
<script type="text/javascript" src="http://localhost/e-bookshop/tool/js/owl.carousel.min.js"></script> |
|
<script type="text/javascript" src="http://localhost/e-bookshop/tool/js/main.js"></script> |
|
|
|
</body> |
|
|
|
</html> |
|
|