Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"Untitled"
Bootstrap 4.1.1 Snippet by
rakeshmaurya79
4.1.1
Preview
HTML
View Full Screen
Fork
Fork this
187
 
0 Fav
Post to Facebook
Tweet this
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <title>Invoice</title> <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body> <style type="text/css"> .invoice-title h2, .invoice-title h3 { display: inline-block; } .table > tbody > tr > .no-line { border-top: none; } .table > thead > tr > .no-line { border-bottom: none; } .table > tbody > tr > .thick-line { border-top: 2px solid; } </style> <?php $id = $_GET['id']; $sql="SELECT * FROM orders where order_id='".$id."'"; $row = mysqli_fetch_assoc(mysqli_query($conn,$sql)); ?> <!-- page main --> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="col-md-6"> <img src="<?php echo BASE_URL ; ?>img/logo/logo01.png" data-holder-rendered="true" style="width: 312px;height: 99px;" /> </div> <div class="col-md-6 text-right"> <div class="company-details"> <h2 class="name"> Organic </h2> <div> Organick Chemicals(India) 45-UA/5991, Kamla Nagar New Delhi-110007</div> <div>011-11111597, 0782722226</div> <div>orgaictific@gmail.com</div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"><hr style=" border-top: 1px solid #1ed25e;"> <div class="invoice-title"> <h2>Invoice</h2><h3 class="pull-right">Order: # BILLNO-8548</h3> </div> <hr> <div class="row"> <div class="col-xs-6"> <address> <strong>Shipped To:</strong><br> Name: Rakesh Maurya<br> Add: Dwarka<br> Phone: 99999999<br> </address> </div> <div class="col-xs-6 text-right"> <address> <strong>Shipped To:</strong><br> Name: Rakesh Maurya<br> Add: Dwarka<br> Phone: 99999999<br> </address> </div> </div> <div class="row"> <div class="col-xs-6"> <address> <strong>Payment Method:</strong><br> COD<br> </address> </div> <div class="col-xs-6 text-right"> <address> <strong>Order Date:</strong><br> <?php echo date('d-m-Y',strtotime($row['order_date'])); ?><br><br> </address> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"><strong>Order summary</strong></h3> </div> <div class="panel-body"> <div class="table-responsive"> <table class="table table-condensed"> <thead> <tr> <td><strong>Item</strong></td> <td class="text-center"><strong>Quantity</strong></td> <td class="text-center"><strong>Rate per qty</strong></td> <td class="text-center"><strong>Total Price</strong></td> </tr> </thead> <tbody> <tr> <td class="no-line text-center">Mango</td> <td class="no-line text-center">50</td> <td class="no-line text-center">10</td> <td class="no-line text-center">500</td> </tr> <tr> <td class="no-line text-center">Orange</td> <td class="no-line text-center">50</td> <td class="no-line text-center">10</td> <td class="no-line text-center">500</td> </tr> <!-- <?php $sql="SELECT * FROM orders_item LEFT JOIN product on orders_item.product_id = product.product_id where orders_item.order_id='".$row['order_id']."'"; $result = mysqli_fetch_all(mysqli_query($conn,$sql),MYSQLI_ASSOC); foreach ($result as $key => $value) {?> <tr> <td><?php echo $value['product_name']; ?></td> <td class="text-center"><?php echo $value['qty']; ?></td> <td class="text-center"><?php echo $value['rate']; ?></td> <td class="text-center"><?php echo $value['amount']; ?></td> </tr> <?php } ?> --> <tr> <td class="thick-line"></td> <td class="thick-line"></td> <td class="thick-line text-center"><strong>Subtotal</strong></td> <td class="thick-line text-right">500 INR</td> </tr> <tr> <td class="no-line"></td> <td class="no-line"></td> <td class="no-line text-center"><strong>GST</strong></td> <td class="no-line text-right">200 INR</td> </tr> <tr> <td class="no-line"></td> <td class="no-line"></td> <td class="no-line text-center"><strong>Total Pay</strong></td> <td class="no-line text-right">1500 INR</td> </tr> </tbody> </table> </div> </div> </div> </div> <div class="col-md-12"> <button class="btn btn-success" style="background-color: #a51f0a;border-color: #fff;" onclick="myFunction()"><i class="fa fa-print"></i> Print Invoice </button> <button class="btn btn-info" style="border-color: #fff;" onclick="back()"><i class="fa fa-reply"></i> Back</button> </div> </div> <div class="row"> <div class="col-md-12 text-center"> <hr> <footer> Invoice was created on a computer and is valid without the signature and seal. </footer> </div> </div> </div> <!-- end page --> <script> function myFunction() { window.print(); } function back(){ window.location.assign("orders.php"); } </script> </body> </html>
Related:
See More
Free Template
Paper Kit 2
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76