Website Components

Read more about the article Html invoice
Website Components

Html invoice

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <div class="containerpk" style="background:url('https://admin.pranshakti.in/public/pran.png'); background-size:contain; background-repeat:no-repeat;; background-position:center center; position:relative; height:100vh"> <button onclick="window.print()" style="position:relative; float:right;">Print</button> <header> <center><h1>Invoice</h1></center><br/> <div style="position:relative; display:inline-flexs;"> <!-- logo start --> <div> <img src="https://admin.pranshakti.in/public/pran_bg.png" style="width:160px"> <p…

0 Comments
May 26, 2024
Read more about the article Bootstrap Invoice template
Website Components

Bootstrap Invoice template

cdn <head> <title>Bootstrap Invoice</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css" integrity="sha256-2XFplPlrFClt0bIdPgpz8H7ojnk10H69xRqd9+uTShA=" crossorigin="anonymous" /> </head> template.html <div class="container"> <div class="row"> <div…

0 Comments
February 6, 2024
Read more about the article Bootstrap chat 2
Website Components

Bootstrap chat 2

<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>Chat</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"…

0 Comments
December 11, 2023
Read more about the article Bootstrap chat 1
Website Components

Bootstrap chat 1

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/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 ----------> <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in…

0 Comments
December 11, 2023
Read more about the article Custom Scrollbar Using CSS
Website Components

Custom Scrollbar Using CSS

<style> /* width */ .verticlescroll::-webkit-scrollbar { width: 20px; } /*Track */ .verticlescroll::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } /*Handle */ .verticlescroll::-webkit-scrollbar-thumb { background: red; border-radius: 10px;…

0 Comments
October 29, 2023
Read more about the article Social icon menu ( tab )
Website Components

Social icon menu ( tab )

<div class="icon-bar"> <a href="#" class="facebook"><i class="fa fa-facebook"></i></a> <a href="#" class="twitter"><i class="fa fa-twitter"></i></a> <a href="#" class="google"><i class="fa fa-google"></i></a> <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a> <a href="#" class="youtube"><i class="fa fa-youtube"></i></a> </div> <link rel="stylesheet"…

0 Comments
October 26, 2023