Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Курсовая работа.docx
Скачиваний:
25
Добавлен:
28.06.2021
Размер:
3.79 Mб
Скачать

Приложение а

<!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>