Posts

Showing posts from July, 2020

Bootstrap Typography

< p class = " text-primary " > Primary: Please read the instructions carefully before proceeding. </ p > < p class = " text-secondary " > Secondary: This is featured has been removed from the latest version. </ p > < p class = " text-success " > Success: Your message has been sent successfully. </ p > < p class = " text-info " > Info: You must agree with the terms and conditions to complete the sign up process. </ p > < p class = " text-warning " > Warning: There was a problem with your network connection. </ p > < p class = " text-danger " > Danger: An error has been occurred while submitting your data. </ p > < p class = " text-muted " > Muted: This paragraph of text is grayed out. </ p > Blockquote- < blockquote class = " blockquote " > < p class = " mb-0 " > The world is a danger...
Post a Comment
Read more

Banking Application | Mini Project | JAVA

package BankingApplication ; import java.sql.SQLOutput ; import java.util.Scanner ; public class StateBankOfIndia { public static void main (String []args) { // TODO BankAccount chandan= new BankAccount( "Chandan" , "20110212805" ) ; chandan.ShowMenu() ; } } class BankAccount { int Balance ; int PreviousTransaction ; String CustomerId ; String CustomerName ; public int Amount ; BankAccount (String name , String cid) { CustomerName =name ; CustomerId =cid ; } void deposit ( int Amount) { if (Amount != 0 ) { Balance = Balance + Amount ; PreviousTransaction = Amount ; } } void Withdraw ( int Amount) { if (Amount != 0 ) { Balance = Balance - Amount ; PreviousTransaction = -Amount ; } } void GetPreviousTransaction () { if ( PreviousTransaction > 0 ) { ...
Post a Comment
Read more

Scroll Bar designing | CSS

CSS | /*scrollbar styling*/ .content::-webkit-scrollbar {       width :  12 px ;       } .content::-webkit-scrollbar-thumb {       border-radius :  8 px ;       background : -webkit-gradient(linear, left top, left bottom,                        from( #1f456e ), to( #1f456e ));       box-shadow : inset  2 px   2 px   2 px   rgba ( 255 ,  255 ,  255 ,  0.25 ),                        inset  -2 px   -2 px   -2 px   rgba ( 0 ,  0 ,  0 ,  0.25 );       border :  1 px  solid black; } .content::-webkit-scrollbar-track {       background :  linear-g...
Post a Comment
Read more

How to show codes or HTML tags on HTML/PUG page

HTML/PUG .codes          p           | The HTML           code  button          p           |  tag defines a clickable button.          p           | The CSS           code  background-color          p           |  property defines the background color of an element.          br                p        ...
Post a Comment
Read more

How to create Scroll Bar | CSS

HTML/PUG        h1  creating scrollBar       .clsScroll            p  Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sapiente,                 eos quae nam sed dolore aliquam, corrupti iure quo eaque eius ipsam sit.               Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum sunt                  totam adipisci ipsam fuga exercitationem at odio autem corrupti eos,                   illum fugit accusantium quisquam perspiciatis ...
Post a Comment
Read more

Responsive Nav Bar

a.active, a:hover{     background: #1b9bff;     transition: 0.5s;     }
Post a Comment
Read more

package.json | LogSyS

/package.json {    "name" :  "chandangit" ,    "version" :  "1.0.0" ,    "description" :  "" ,    "main" :  "index.js" ,    "dependencies" : {      "bcrypt" :  "^5.0.0" ,      "bcryptjs" :  "^2.4.3" ,      "body-parser" :  "^1.19.0" ,      "connect-flash" :  "^0.1.1" ,      "ejs" :  "^3.1.3" ,      "express" :  "^4.17.1" ,      "express-ejs-layouts" :  "^2.5.0" ,      "express-messages" :  "^1.0.1" ,      "express-session" :  "^1.17.1" ,      "express-validator" :  "^6.6.0" ,      "html" :  "^1.0.0" ,      "mongodb" :  "^3.5.9" ,      "mongoose" :  "^5.9.25" ,      "nodemon"...
Post a Comment
Read more

app.js | LogSyS

/app.js const   express   =    require ( 'express' ); const   app   =   express (); const   mongoose   =   require ( 'mongoose' ); const   router   =   express . Router (); const   MongoClient   =   require ( 'mongodb' ). MongoClient   const   bodyParser   =   require ( 'body-parser' );  const   session     =    require ( 'express-session' ); // const expressValidator = require('express-validator'); const   flash     =   require ( 'connect-flash' ); const   passport   =   require ( 'passport' ); // var MongoStore = require('connect-mongo')(session);  mongoose . connect ( 'mongodb://localhost:27017/EmployeeDB' , { useNewUrlParser :  true ,  useUnifiedTopology :  true }, (err)  =>  {       if ( mongoose . conne...
Post a Comment
Read more

views > welcome.pug | LogSyS

/views/welcome.pug This our index page which redirect us to login or registered page. doctype html       head            title  LogSys            < link   rel = "stylesheet"   href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" >            < script  src= "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" ></ script >            < script  src= "https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" ></ script >       body            .container                !=  messages ( 'message' ,  locals ) ...
Post a Comment
Read more

views > register.pug | LogSyS

/views/register.pug Here we have enter email and correct password to get registered. doctype html       head            title  LogSys            < link   rel = "stylesheet"   href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" >            < script  src= "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" ></ script >            < script  src= "https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" ></ script >       body            .container                !=  messages ( 'message' ,  locals ) ...
Post a Comment
Read more

views > message.pug | LogSyS

 /views/message.pug .messages    each   type   in  Object.keys(messages)     each message in messages[type]        //- div(class="alert alert-danger"+type) #{message}       div.alert.alert-danger.alert-dismissible                     strong Error!                     |#{message}                      button .close ( type = 'button'   data-dismiss = 'alert'   aria-label = 'Close' )                           span ( aria-...
Post a Comment
Read more

view > login.pug | LogSyS

/views/login.pug Login page where we have to enter email and password to get access to the application. doctype html       head            title  LogSys            < link   rel = "stylesheet"   href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" >            < script  src= "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" ></ script >            < script  src= "https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" ></ script >       body              .container                !=  messages ( '...
Post a Comment
Read more

views folder > home.pug | LogSyS | PUG

views/home.pug h1  This is home Page. p  Now you can edit your profile. br a ( href = "/" ) HOME a ( href = "/logout" ) LOGOUT This page will be shown when we complete the login processes.
Post a Comment
Read more

routes | index.js | LogSyS

 /routes/index.js const   express   =   require ( 'express' ); const   router   =   express . Router (); const   passport   =   require ( 'passport' ); const   bcrypt   =   require ( "bcryptjs" ); // user model const   User   =   require ( '../models/Users' ); router . get ( '/' , (req, res)  =>  {      res . render ( "welcome" ); }); // Register page  router . get ( '/register' , (req,res)  => {      res . render ( "register" ); }); router . post ( '/register' , (req,res)  => {      //var email = email which is passed by the client      email   =   req . body . email      //var password = password which is passed by the client  ...
Post a Comment
Read more