Skip to content

Commit

Permalink
Create invoice file & starter page template html
Browse files Browse the repository at this point in the history
  • Loading branch information
DESKTOP-RUDG6I0\ANKIT committed May 4, 2018
1 parent f29b8f0 commit 5044a04
Show file tree
Hide file tree
Showing 7 changed files with 307 additions and 5 deletions.
47 changes: 47 additions & 0 deletions blank.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<?php include('include/head.php'); ?>
</head>
<body>
<?php include('include/header.php'); ?>
<?php include('include/sidebar.php'); ?>
<div class="main-container">
<div class="pd-ltr-20 customscroll customscroll-10-p height-100-p xs-pd-20-10">
<div class="min-height-200px">
<div class="page-header">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="title">
<h4>Form</h4>
</div>
<nav aria-label="breadcrumb" role="navigation">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.php">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Form</li>
</ol>
</nav>
</div>
<div class="col-md-6 col-sm-12 text-right">
<div class="dropdown">
<a class="btn btn-primary dropdown-toggle" href="#" role="button" data-toggle="dropdown">
January 2018
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">Export List</a>
<a class="dropdown-item" href="#">Policies</a>
<a class="dropdown-item" href="#">View Assets</a>
</div>
</div>
</div>
</div>
</div>
<div class="html-editor pd-20 bg-white border-radius-4 box-shadow mb-30">
</div>
</div>
<?php include('include/footer.php'); ?>
</div>
</div>
<?php include('include/script.php'); ?>
</body>
</html>
7 changes: 6 additions & 1 deletion include/sidebar.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -105,7 +105,7 @@
<span class="fa fa-clone"></span><span class="mtext">Extra Pages</span>
</a>
<ul class="submenu">
<li><a href="#">Blank</a></li>
<li><a href="blank.php">Blank</a></li>
<li><a href="contact-directory.php">Contact Directory</a></li>
<li><a href="blog.php">Blog</a></li>
<li><a href="blog-detail.php">Blog Detail</a></li>
Expand Down Expand Up @@ -144,6 +144,11 @@
<span class="fa fa-sitemap"></span><span class="mtext">Sitemap</span>
</a>
</li>
<li>
<a href="invoice.php" class="dropdown-toggle no-arrow">
<span class="fa fa-map-o"></span><span class="mtext">Invoice <span class="fi-burst-new text-danger new"></span></span>
</a>
</li>
</ul>
</div>
</div>
Expand Down
125 changes: 125 additions & 0 deletions invoice.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
<!DOCTYPE html>
<html>
<head>
<?php include('include/head.php'); ?>
</head>
<body>
<?php include('include/header.php'); ?>
<?php include('include/sidebar.php'); ?>
<div class="main-container">
<div class="pd-ltr-20 customscroll customscroll-10-p height-100-p xs-pd-20-10">
<div class="min-height-200px">
<div class="page-header">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="title">
<h4>Form</h4>
</div>
<nav aria-label="breadcrumb" role="navigation">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.php">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Form</li>
</ol>
</nav>
</div>
<div class="col-md-6 col-sm-12 text-right">
<div class="dropdown">
<a class="btn btn-primary dropdown-toggle" href="#" role="button" data-toggle="dropdown">
January 2018
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">Export List</a>
<a class="dropdown-item" href="#">Policies</a>
<a class="dropdown-item" href="#">View Assets</a>
</div>
</div>
</div>
</div>
</div>
<div class="invoice-wrap">
<div class="invoice-box">
<div class="invoice-header">
<div class="logo text-center">
<img src="vendors/images/deskapp-color-logo.png" alt="">
</div>
</div>
<h4 class="text-center mb-30 weight-600">INVOICE</h4>
<div class="row pb-30">
<div class="col-md-6">
<h5 class="mb-15">Client Name</h5>
<p class="font-14 mb-5">Date Issued: <strong class="weight-600">10 Jan 2018</strong></p>
<p class="font-14 mb-5">Invoice No: <strong class="weight-600">4556</strong></p>
</div>
<div class="col-md-6">
<div class="text-right">
<p class="font-14 mb-5">Your Name </strong></p>
<p class="font-14 mb-5">Your Address</p>
<p class="font-14 mb-5">City</p>
<p class="font-14 mb-5">Postcode</p>
</div>
</div>
</div>
<div class="invoice-desc pb-30">
<div class="invoice-desc-head clearfix">
<div class="invoice-sub">Description</div>
<div class="invoice-rate">Rate</div>
<div class="invoice-hours">Hours</div>
<div class="invoice-subtotal">Subtotal</div>
</div>
<div class="invoice-desc-body">
<ul>
<li class="clearfix">
<div class="invoice-sub">Website Design</div>
<div class="invoice-rate">$20</div>
<div class="invoice-hours">100</div>
<div class="invoice-subtotal"><span class="weight-600">$2000</span></div>
</li>
<li class="clearfix">
<div class="invoice-sub">Logo Design</div>
<div class="invoice-rate">$20</div>
<div class="invoice-hours">100</div>
<div class="invoice-subtotal"><span class="weight-600">$2000</span></div>
</li>
<li class="clearfix">
<div class="invoice-sub">Website Design</div>
<div class="invoice-rate">$20</div>
<div class="invoice-hours">100</div>
<div class="invoice-subtotal"><span class="weight-600">$2000</span></div>
</li>
<li class="clearfix">
<div class="invoice-sub">Logo Design</div>
<div class="invoice-rate">$20</div>
<div class="invoice-hours">100</div>
<div class="invoice-subtotal"><span class="weight-600">$2000</span></div>
</li>
</ul>
</div>
<div class="invoice-desc-footer">
<div class="invoice-desc-head clearfix">
<div class="invoice-sub">Bank Info</div>
<div class="invoice-rate">Due By</div>
<div class="invoice-subtotal">Total Due</div>
</div>
<div class="invoice-desc-body">
<ul>
<li class="clearfix">
<div class="invoice-sub">
<p class="font-14 mb-5">Account No: <strong class="weight-600">123 456 789</strong></p>
<p class="font-14 mb-5">Code: <strong class="weight-600">4556</strong></p>
</div>
<div class="invoice-rate font-20 weight-600">10 Jan 2018</div>
<div class="invoice-subtotal"><span class="weight-600 font-24 text-danger">$8000</span></div>
</li>
</ul>
</div>
</div>
</div>
<h4 class="text-center pb-20">Thank You!!</h4>
</div>
</div>
</div>
</div>
</div>
<?php include('include/script.php'); ?>
</body>
</html>
2 changes: 1 addition & 1 deletion sitemap.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -117,7 +117,7 @@
<div class="sitemap">
<h5 class="weight-500">Extra Pages</h5>
<ul>
<li><a href="#">Blank</a></li>
<li><a href="blank.php">Blank</a></li>
<li><a href="contact-directory.php">Contact Directory</a></li>
<li><a href="blog.php">Blog</a></li>
<li><a href="blog-detail.php">Blog Detail</a></li>
Expand Down
64 changes: 63 additions & 1 deletion src/styles/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -909,6 +909,15 @@ textarea.form-control{
.sidebar-menu .dropdown-toggle:hover .fa, .sidebar-menu .show > .dropdown-toggle .fa{
color: #0099ff;
}
.sidebar-menu .dropdown-toggle .new{
font-size: 24px;
line-height: 14px;
display: inline-block;
vertical-align: middle;
}
.sidebar-menu .dropdown-toggle .new:before{
line-height: 14px;
}
.sidebar-menu .submenu{
position: relative;
width: 100%;
Expand Down Expand Up @@ -2329,4 +2338,57 @@ textarea.form-control{
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
}
/*==============================================================
Invoice Page Start
==============================================================*/
.invoice-wrap{
overflow: auto;
}
.invoice-box{
background: #ffffff;
width: 800px;
margin: 0 auto;
padding: 20px;
}
.invoice-header {
padding-bottom: 30px;
}
.invoice-desc .invoice-sub{
width: 40%;
float: left;
padding: 8px 15px;
}
.invoice-desc .invoice-rate{
width: 20%;
float: left;
padding: 8px 15px;
}
.invoice-desc .invoice-hours{
width: 20%;
float: left;
padding: 8px 15px;
}
.invoice-desc .invoice-subtotal{
width: 20%;
float: right;
padding: 8px 15px;
}
.invoice-desc .invoice-desc-head{
background: #eaeaea;
font-weight: 500;
}
.invoice-desc .invoice-desc-body{
padding-top: 15px;
min-height: 400px;
}
.invoice-desc .invoice-desc-footer .invoice-desc-body{
min-height: 50px;
}
.invoice-desc .invoice-desc-body ul li{
border-bottom: 1px solid #eaeaea;
padding-bottom: 5px;
}
/*==============================================================
Invoice Page End
==============================================================*/
65 changes: 64 additions & 1 deletion vendors/styles/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16256,7 +16256,7 @@ ul.wysihtml5-toolbar .fa {
list-style: none;
-webkit-box-sizing: initial !important;
box-sizing: initial !important;
-webkit-tap-highlight-color: transparent; }
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.td-wrap svg {
width: 100%; }
Expand Down Expand Up @@ -18608,6 +18608,15 @@ textarea.form-control {
.sidebar-menu .dropdown-toggle:hover .fa, .sidebar-menu .show > .dropdown-toggle .fa {
color: #0099ff; }

.sidebar-menu .dropdown-toggle .new {
font-size: 24px;
line-height: 14px;
display: inline-block;
vertical-align: middle; }

.sidebar-menu .dropdown-toggle .new:before {
line-height: 14px; }

.sidebar-menu .submenu {
position: relative;
width: 100%;
Expand Down Expand Up @@ -19912,6 +19921,60 @@ textarea.form-control {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

/*==============================================================
Invoice Page Start
==============================================================*/
.invoice-wrap {
overflow: auto; }

.invoice-box {
background: #ffffff;
width: 800px;
margin: 0 auto;
padding: 20px; }

.invoice-header {
padding-bottom: 30px; }

.invoice-desc .invoice-sub {
width: 40%;
float: left;
padding: 8px 15px; }

.invoice-desc .invoice-rate {
width: 20%;
float: left;
padding: 8px 15px; }

.invoice-desc .invoice-hours {
width: 20%;
float: left;
padding: 8px 15px; }

.invoice-desc .invoice-subtotal {
width: 20%;
float: right;
padding: 8px 15px; }

.invoice-desc .invoice-desc-head {
background: #eaeaea;
font-weight: 500; }

.invoice-desc .invoice-desc-body {
padding-top: 15px;
min-height: 400px; }

.invoice-desc .invoice-desc-footer .invoice-desc-body {
min-height: 50px; }

.invoice-desc .invoice-desc-body ul li {
border-bottom: 1px solid #eaeaea;
padding-bottom: 5px; }

/*==============================================================
Invoice Page End
==============================================================*/

/*==============================================================
Media css
==============================================================*/
Expand Down
2 changes: 1 addition & 1 deletion vendors/styles/style.min.css
View file

Large diffs are not rendered by default.

0 comments on commit 5044a04

Please sign in to comment.