Skip to content

Commit

Permalink
compiled
Browse files Browse the repository at this point in the history
  • Loading branch information
@sidj3012
sidj3012 committed Jun 13, 2023
1 parent 3052570 commit 4837ed0
Show file tree
Hide file tree
Showing 106 changed files with 31,210 additions and 244 deletions.
128 changes: 128 additions & 0 deletions Components/footer.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,128 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>bootstrap 5 footer design</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
footer {
background: #fcfcfc;
padding: 86px 0;
}
.invoice-mobile-img{
width: 250px;
height: 275px;
margin: 0 auto;
}
.single-content {
text-align: center;
padding: 115px 0;
}
.single-box p {
color: #444;
line-height: 1.9;
}
.single-box h3 {
font-size: 16px;
font-weight: 700;
color: #444;
}

.single-box ul {
list-style: none;
padding: 0;
}
.single-box ul li a {
text-decoration: none;
color: #888;
line-height: 2.5;
font-weight: 100;
}
.single-box h2 {
color: #444;
font-size: 20px;
font-weight: 700;
}
#basic-addon2 {
background: #fe1e4f;
color: #888;
}
.socials i {
font-size: 18px;
margin-right: 15px;
}
</style>
</head>
<body>
<footer>
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-12">
<div class="single-box">
<h2>Account on the go!</h2>
<p>Download the BLUE BUCK app for Android and iOS to manage your finances from anywhere, anytime!</p>
<img class="invoice-mobile-img" src="../Images/books_mobile_footer.png" alt="">
</div>
</div>
<div class="col-lg-3 col-sm-4">
<div class="single-box">
<h2>OTHER BLUE BUCK APPS</h2>
<ul>
<li><a href="#">Subscription Billing</a></li>
<li><a href="#">Expense Reporting</a></li>
<li><a href="#">Invoice Software</a></li>
<li><a href="#">Inventory Management</a></li>
<li><a href="#">Other Apps</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-sm-4">
<div class="single-box">
<h2>HELP & SUPPORT</h2>
<ul>
<li><a href="#">Contact Support</a></li>
<li><a href="#">Help Documentation</a></li>
<li><a href="#">Knowledge Base</a></li>
<li><a href="#">Request a Feature</a></li>
<li><a href="#">Webinar</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-sm-4">
<div class="single-box">
<h2>QUICK LINKS</h2>
<ul>
<li><a href="#">Getting Started</a></li>
<li><a href="#">Mobile apps</a></li>
<li><a href="#">Add-ons</a></li>
<li><a href="#">Notes</a></li>
<li><a href="#">Developers API</a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-9 offset-lg-3">
<hr>
</div>
</div>
<div class="row">
<div class="col-lg-6 offset-lg-3">
<a href="tel:+1234567890" class="phone-icon">
<i class="fa fa-phone fa-3x"></i>
</a>
<span class="phone-text">You can directly talk to us every <bold>Monday to Friday 9:00 AM to 7:00 PM</bold></span>
<h6>© 2022, Zoho Corporation Pvt. Ltd. All Rights Reserved.</h6>
</div>
</div>
</div>
</div>
</footer>


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/js/bootstrap.min.js">
</body>
</html>
74 changes: 74 additions & 0 deletions Components/header.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Header</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/60632f752f.js" crossorigin="anonymous"></script>
</head>
<body>
<style>
nav{
background: #fcfcfc;
color: white;
}
.logo img {
width: 100px; /* Adjust the width as desired */
height: 75px; /* Maintain aspect ratio */
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<div class="logo">
<img src="../Images/logo.jpeg">
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#" style="color: #888;">Create</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="color: #888;">Recents</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="color: #888;">Notifications</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="color: #888;">Documents</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="color: #888;">Settings</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="color: #888;">Help & Support</a>
</li>
<!-- <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="color:rgb(255, 255, 255);">
Dropdown
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#" style="color:rgb(255, 255, 255);">Action</a></li>
<li><a class="dropdown-item" href="#" style="color:rgb(255, 255, 255);">Another action</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#" style="color:rgb(255, 255, 255);"> Something else here</a></li>
</ul>
</li> -->
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit" style="color:#444;"><i class="fas fa-search"></i></button>
</form>
</div>
</div>
</nav>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/js/bootstrap.min.js">
</body>
</html>
176 changes: 176 additions & 0 deletions Components/sidebar.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>Sidebar</title>
<link rel="stylesheet" href="../Sidebar Css/bootstrap.min.css">
<!----css3---->
<link rel="stylesheet" href="../Sidebar Css/custom.css">
<!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
<link rel=
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"
type="text/css" />
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"
type="text/javascript">
</script>
<script src=
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.2.2/Chart.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">




<!--google material icon-->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<nav id="sidebar">
<div class="sidebar-header">
<img src="../Images/logo.jpeg" class="img-fluid"/>
</div>
<ul class="list-unstyled components">
<div class="small-screen navbar-display">
<li class="active">
<a href="../Dashboard/dashboard.html" class="dashboard"><i class="material-icons">dashboard</i><span>Dashboard</span></a>
</li>
<li class="active">
<a href="../Dashboard/dashboard.html" class="dashboard"><i class="material-icons">dashboard</i><span>Items</span></a>
</li>
<li class="active">
<a href="../Dashboard/dashboard.html" class="dashboard"><i class="material-icons">dashboard</i><span>Banking</span></a>
</li>
<li class="dropdown d-lg-none d-md-block d-xl-none d-sm-block">
<a href="#homeSubmenu0" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<i class="material-icons">notifications</i><span> 4 notification</span></a>
<ul class="collapse list-unstyled menu" id="homeSubmenu0">
<li>
<a href="#">You have 5 new messages</a>
</li>
<li>
<a href="#">You're now friend with Mike</a>
</li>
<li>
<a href="#">Wish Mary on her birthday!</a>
</li>
<li>
<a href="#">5 warnings in Server Console</a>
</li>
</ul>
</li>

<li class="d-lg-none d-md-block d-xl-none d-sm-block">
<a href="#"><i class="material-icons">person</i><span>user</span></a>
</li>

<li class="d-lg-none d-md-block d-xl-none d-sm-block">
<a href="#"><i class="material-icons">settings</i><span>setting</span></a>
</li>
</div>


<li class="dropdown">
<a href="#homeSubmenu1" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<i class="material-icons">cases</i><span>Sales</span></a>
<ul class="collapse list-unstyled menu" id="homeSubmenu1">
<li>
<a href="../Customers/customerPage.html">Customers</a>
</li>
<li>
<a href="../Sales Order/salesorder.html">Sales Order</a>
</li>
<li>
<a href="../Invoices/invoiceform.html">Invoices</a>
</li>
<li>
<a href="../Delivery Challan/deliveryChallan.html">Delivery challans</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#homeSubmenu1" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<i class="material-icons">cases</i><span>Purchases</span></a>
<ul class="collapse list-unstyled menu" id="homeSubmenu1">
<li><a href="../Vendors and Expenses/vendors.html">Vendors</a></li>
<li><a href="../Vendors and Expenses/expenses.html">Expenses</a></li>
<li><a href="../Purchase Orders/PuchaseForm.html">Purchase Orders</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#pageSubmenu3" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<i class="material-icons">apartment</i><span>Accountant</span></a>
<ul class="collapse list-unstyled menu" id="pageSubmenu3">
<li><a href="../Manual Journal/manualjournal.html">Manual Journals</a></li>
<li><a href="../Currency Converter/currencyconverter.html">Currency Converter</a></li>
</ul>
</li>
<li class="">
<a href="../Reports/reportpage.html"><i class="material-icons">help</i><span>Reports</span></a>
</li>
<li class="">
<a href="#"><i class="material-icons">help</i><span>Support</span></a>
</li>
<li class="">
<a href="#"><i class="material-icons">call</i><span>Contact us</span></a>
</li>
</ul>
</nav>
</div>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="../Sidebar Js/jquery-3.3.1.slim.min.js"></script>
<script src="../Sidebar Js/popper.min.js"></script>
<script src="../Sidebar Js/bootstrap.min.js"></script>
<script src="../Sidebar Js/jquery-3.3.1.min.js"></script>


<script type="text/javascript">
let ctx = document.getElementById("myChart").getContext("2d");
let myChart = new Chart(ctx, {
type: "line",
data: {
labels: [
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday",
"Sunday",
],
datasets: [
{
label: "income",
data: [2, 9, 3, 17, 6, 3, 7],
backgroundColor: "rgba(167, 236, 238, 0.6)",
},
{
label: "expenses",
data: [2, 2, 5, 5, 2, 1, 10],
backgroundColor:"rgba(154, 197, 244, 0.6)",
},
],
},
});
$(document).ready(function () {
$('#sidebarCollapse').on('click', function () {
$('#sidebar').toggleClass('active');
$('#content').toggleClass('active');
});

$('.more-button,.body-overlay').on('click', function () {
$('#sidebar,.body-overlay').toggleClass('show-nav');
});

});
</script>
</body>
</html>
Binary file added Currency Converter/a18.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 4837ed0

Please sign in to comment.