Download Best Free Medical WordPress Themes 2022

Download Best Free Medical WordPress Themes 2021

Health Care Hospital

Free Medical WordPress themes

More/Download Demo

Tabib Hospital

Download Free Medical WordPress themes

More/Download Demo

Hospital Health Care

Free Medical WordPress themes Download

More/Download Demo

Wellbeing Hospital

Free Hospital WordPress themes Download

More/Download Demo

Relief Medical Hospital

Free WordPress themes Download

More/Download Demo

HospitalLight

Download Free WordPress themes

More/Download Demo

Medical Hospital

Download Free Clinical WordPress themes

More/Download Demo

VW Hospital Lite

Free  Download Hospital WordPress themes

More/Download Demo

Medical Doctor

Free Download WordPress themes

More/Download Demo

Helphealth Medical

Free Download WordPress themes

More/Download Demo

SKT Doctor

Download WordPress Free themes

More/Download Demo

Medical Clinic Lite

Wordpress Download Free themes

More/Download Demo

Medistore

Wordpress Download Free themes

More/Download Demo

UniCare Lite

Hospital WordPress Download Free themes

More/Download Demo

Doctor Service

Hospital WordPress Free  Download themes

More/Download Demo

Hosptial Service

Hospital WordPress themes

More/Download Demo

Medex Lite

More/Download Demo

VW Healthcare

free wordpress themes

More/Download Demo

Dental Insight

wordpress medical theme

More/Download Demo

Derma Care

eye care wordpress theme free download

More/Download Demo

Gutener Medical

medical wordpress theme

More/Download Demo

Mediclinic Lite

home care wordpress theme free

More/Download Demo

Medical Care

telemedicine wordpress theme

More/Download Demo

MediHealth

best free wordpress themes

FSars Medical

free wordpress themes 2022

More/Download Demo

Physiotherapy Lite

top 10 free wordpress themes

More/Download Demo

TakeCare

wordpress themes free download professional

More/Download Demo

WordPress Themes for IT and Software Companies 2022

Download WordPress Themes for IT and Software Companies 2022

Tech Software Company

Free WordPress theme

More / Download Demo

IT Company

Download Free WordPress theme

More/Download Demo

Advance IT Company

Free WordPress theme download

More/Download Demo

IT Company Lite

Software Free WordPress theme download

More/Download Demo

LZ Software Company

free Software WordPress theme download

More/Download Demo

Social Media Expert

free IT WordPress theme download

More/Download Demo

IT Services

free Startup WordPress theme download

More/Download Demo

Software Agency

free Tech WordPress theme download

More/Download Demo

Internet Provider

Tech free  WordPress theme download

More/Download Demo

Smallbiz Startup

download Tech free  WordPress theme

More/Download Demo

ITpress

download IT free  WordPress theme

More/Download Demo

Spintech

Download Software free  WordPress theme

More/Download Demo

Prime Hosting

Download Hosting free WordPress theme

More/Download Demo

Digital Agency Lite

Hosting free WordPress theme Download

More/Download Demo

Burgertech

free technology WordPress theme Download

More/Download Demo

BB Mobile Application

Startup WordPress theme Download

More/Download Demo

Advance Startup

IT Startup WordPress theme Download

More/Download Demo

Aagaz Startup

Software Startup WordPress theme Download

More/Download Demo

Does we can find the browser capabilities in PHP ?

Yes, we can find the browser capabilities in php using get_browser() function . it is a inbuilt function
in PHP. It returns an object or an array with information about the user’s browser on success, or
FALSE on failure.
The get_browser() function has 2 parameters and are optional parameter, they are given bellow :-
 user_agent : it is utilized to specify the name of an HTTP user agent.
 return_array : it return an array instead of an object if the value is set to true.

Syntax : get_browser(user_agent, return_array)

Example :


<?php
echo $_SERVER['HTTP_USER_AGENT'];
$browser = get_browser();
print_r($browser);
?>

Output :
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko)
Chrome/98.0.4758.102 Safari/537.36

What is Exception Handling in PHP ?

Exception handling in php  is used to modify the normal flow of code execution if a specified error occurs. When an exception is given , the following  code will not be executed, and PHP will try to find the appropriate “catch” block. If an exception is not caught, a fatal error will be displayed.

Keywords in Exception Handling:

  • try : This is a block of code where an exception may occur.
  • catch: It represent block of code that will be executed when a particular exception has been thrown.
  • throw: It is used to throw an exception. It is also used to list the exceptions that a function throws, but doesn’t handle itself. Each “throw” must have at least one “catch”.
  • finally: It is used in place of catch block or after catch block basically it is put for cleanup activity in PHP code.

Example :

<?php
function checkMarkStatus($mark) {
  if($mark>=5) {
    throw new Exception("The Student is Pass.");
  }
  return true;
}
try {
  checkMarkStatus(5);
  echo 'The Student is Fail';
}
catch(Exception $e) {
  echo $e->getMessage();
}
?>

Advantages of Exception Handling :

  • Sometimes error handling is very difficult for the developer to understand in normal coding. With try catch block it is more readable and understandable.
  • Exceptions allow you to distinguish between different types of errors, and is also great for routing.
  • The thrown exception can then be handled by a custom error handler.

How To Use Ternary Operator Instead Of if else Condition in php

Instead of writing long lines for if condition we can short it into a single line. Here we are using ternary operator as a short-hand method of if-else condition in PHP. Therefore, the ternary operator has three operands. We write the condition at the beginning, which is the first operand. Then the symbol ‘?’ separates the condition with the expression to be executed if the condition is true. Finally, the ‘ : ‘  symbol separates the true and the false expression. The syntax is written below.

Syntax :

condition ? trueExpression : falseExpression

Example :

$text =”abc”;
$word = ($text == 'bc') ? "true" : "false";
echo $word;

10 Top Free Restaurant WordPress Themes 2022

Download and start working quickly with the following restaurant free wordpress themes. Running one restaurant or Hotel is not easy as we think. The online platform grown much more on this covid times. Every business entity moved to online world or started app for getting more customers.

There is business entities like zomato ,they are affiliating with restaurant outlets for making it online . Making home delivery option is good choice for more selling and business growth. Some of the restaurants have their own websites for online services. Below listed free wordpress themes you can use for those type of clients whoever requesting for Restaurant Websites.

Digi Restaurant

restaurant wordpress theme download

More / Download Demo

Restaurant Zone

restaurant wordpress theme free

More / Download Demo

Ours Restaurant

More / Download Demo

Di Restaurant

restaurant wordpress free theme download

More / Download Demo

Food Restaurant

More / Download Demo

VW Restaurant Lite

Restaurant Lite Theme

More / Download Demo

Restaurant and Cafe

More / Download Demo

Restaurantz

More / Download Demo

Caff

More / Download Demo

Appetizer

More / Download Demo

Download 20 Top Free Magazine wordpress themes – 2022

Listing top free wordpress themes for designing magazine and news websites for your clients. All these are absolutely free and easy to design.  Most of them have demo content for a quick start. Below listed templates are apt for news portal and any blog related themes. Starting with a free theme will make easy your work.  Go through each one and find the best for your project

Anews

Anews is a Newspaper Theme designed by Themeuniver launce. The theme is free for WordPress users. This wordpress WordPress theme is a professionaly designed for blog, news, and website magazine,online news publications, any type of blogs or user review sites, and any creative wordpress website. This free wordpress theme supported the Left sidebar, right-sidebar, and fullwidth. Additionally, Like all other popular themes it provides different main banner options for reading articles and blog posts in a beautiful way.

More / Download Demo

Ashlar

Ashlar free wordpress theme is a minimalist Personal and Multi-Author. Beatufully designed with love for creative designers,bloggers, news hunters, travellers, and any other kind of web online publishers. Its Optimized for all type of responsive devices.

Free wordpress blog theme

More / Download Demo

NewsRepublic

NewsRepublic wordpress theme is elegant and well designed multipurpose free theme. This free theme surely perfect choice for your any type of web project like news, magazine, blogging, newspaper etc..

More / Download Demo

Queens Magazine Blog

An absolutely free wordpress magazine theme for beginners. More user friendly and easy for installation. This theme using only available WordPress in built widgets

free magazine blog template

Read More / Download Demo

Bloggers Magazinely

For creating a stunning website the free theme will be usefull.This is a child theme of Magazinely.

free magazine template

Read More / Download Demo

WP Travel Magazine

download wordpress free template

Read More / Download Demo

Ostrich Magazine

wordpress blog template download

Read More / Download Demo

Black Magazine

wordpress blog template news

Read More / Download Demo

Magazine Express

Magazine wordpress theme

Read More / Download Demo

Envo Magazine Boxed

free theme download

Read More / Download Demo

Easy Magazine

wordpress easy mag template download

Read More / Download Demo

Buzz Magazine

download wordpress-blog template free

Read More / Download Demo

Envo Magazine Dark

free wordpress them

Read More / Download Demo

WP Magazine

magazine template

Read More / Download Demo

Ample Magazine

free wordpress theme download

Read More / Download Demo

MagazineNP

wordpress website theme

Read More / Download Demo

MagazineBook

Read More / Download Demo

Bloggers Magazinely

Read More / Download Demo

Refined Magazine


Download theme

Read More / Download Demo

Axis Magazine

Read More / Download Demo

Focus Magazine

Read More / Download Demo

Special functions in PHP

Lets discuss some special functions in PHP. In PHP, we can able TO define some special functions that will be called automatically. Those functions not required function call to execute the code inside these functions.

  1. Die()
  2. Sleep()
  3. Var_dump()
  4. Print_r()
  5. Exit

Die()

  • Inbuilt php function.
  • Prints the message and terminate the php script.
  • It accepts only single parameter and which is not mandatory to be passed .

Syntax : die($message);

Sleep()

  • Inbuilt php function.
  • It accepts only single parameter and which is mandatory to be passed.
  • Used to delay the execution of the program for given number of seconds.
  • It returns zero on success, or FALSE on error. This function returns a non-zero value if the call was interrupted by a signal.

Syntax : int sleep(int $seconds)

Var_dump

  • Inbuilt php function.
  • dumps information about one or more variables.
  • includes the data type and value of the variable.
  • In case of string, it also includes the size of the string passed inside the function.
  • The array and object are explored recursively with values to show their structure.

Syntax: var_dump(var1, var2, …);

  • Inbuilt php function.
  • displays information about a variable in a human-readable way.
  • It shows the information stored in a variable, which is easily understandable to the user.
  • Used to print an array.

Syntax : print_r(variable);

Exit

  • Inbuilt php function.
  • terminates the execution of the script.
  • The shutdown functions and object destructors will always be executed even if exit() function is called.
  • act as an alias of the die() function.

Syntax :  exit(message);

How to prevent modal pop-up closing, due to outside click inangularjs ?

You can set backdrop as static; thus, it prevents clicking outside of the modal window. It applicable
for bootstrap modals, and if you backdrop as static, the outside of modal will background with a grey
mask. You can also set backdrop as false to prevent the outside click. Here it won’t create a grey
mask as the outside background. The backdrop true means you can click the outside for closing the
modal pop up.


$modal.open({
templateUrl : ‘myTemp.html’,
controller: myController,
backdrop: ’static’,
size : size
})

Top Font Pairing Tools For Designers

Learning to combine fonts is always good not even for designers also for any person dealing with presentations and for resume preperation or if creating a document. It will better and make good feel for the viewers.

All of us mostly deal with the default fonts like Times New Roman or Aria for our most of the works even for the different subjects. For improving the design of your website design, document preperation, ppt presentions.

Use the below listed font combining tools for the upcoming works.

Google Font
Fontjoy

Generate best font combinations for your next project.

dafont.com
whatfont
fontsquirrel
Tiff
fontpair

Download HTML 5 and Bootstrap Jquery Form Validation Plugin

New Jquery based form validation plugin created for Bootstrap 5 framework. jbvalidator plugin will support both client side and server side validation. Following are the main features

Multiple languages.
Custom error messages.
Custom validation rules.
Easy to use via HTML data attribute.

Guidance

The form’s attribute have to novalidate

<script src="dist/jbvalidator.min.js"></script>
<script>
    $(function (){

        let validator = $('form.needs-validation').jbvalidator({
            errorMessage: true,
            successClass: true,
            language: "https://emretulek.github.io/jbvalidator/dist/lang/en.json"
        });

        //custom validate methode
        validator.validator.custom = function(el, event){
            if($(el).is('[name=password]') && $(el).val().length < 5){
                return 'Your password is too weak.';
            }
        }

        validator.validator.example = function(el, event){
            if($(el).is('[name=username]') && $(el).val().length < 3){
                return 'Your username is too short.';
            }
        }

        //check form without submit
        validator.checkAll(); //return error count

        //reload instance after dynamic element is added
        validator.reload();
    })
</script>

Serverside validation

<script src="dist/jbvalidator.min.js"></script>
<script>
    $(function (){

       let validatorServerSide = $('form.validatorServerSide').jbvalidator({
            errorMessage: true,
            successClass: false,
        });

        //serverside
        $(document).on('submit', '.validatorServerSide', function(){

            $.ajax({
                method:"get",
                url:"http://jsvalidation.test/test.json",
                data: $(this).serialize(),
                success: function (data){
                    if(data.status === 'error') {
                        validatorServerSide.errorTrigger($('[name=username]'), data.message);
                    }
                }
            })

            return false;
        });
    })
</script>

Options

{
    language: '', //json file url
    errorMessage: true,
    successClass: false,
    html5BrowserDefault: false,
    validFeedBackClass: 'valid-feedback',
    invalidFeedBackClass: 'invalid-feedback',
    validClass: 'is-valid',
    invalidClass: 'is-invalid'
}

Read More Download

Download CSS Parser, Transformer, and Minifier Written in Rust

Features

Analyzing and minifying large files in quick way.


Typed Property Values ​​

@parcel/css parsing all values ​​using the proper grammar from the CSS specification and deliver a specific value type for each property.


Browser-grade parser

@parcel/css is based on the cssparser and selectors crates created by Mozilla and used by Firefox and Servo.


Minification –

One of the main purposes of @parcel/css is to minify CSS to make it smaller, includes many optimizations, including:
Merge adjacent rules with the same selectors or declarations when it is safe to do so.
Combining CSS turns into a single matrix or vice versa if smaller.

Link ReadMore

Bootstrap 5 Text/Typography

Default Typography Settings of Bootstrap 5

Default settings used in bootstrap as follows font-size of 1rem (16 by default) and the line height 1.5 also
elements have margin-top:0 and margin-bottom: 1rem

Bootstrap 5 Heading Classes

<p class="h1">h1. Bootstrap heading</p>
<p class="h2">h2. Bootstrap heading</p>
<p class="h3">h3. Bootstrap heading</p>
<p class="h4">h4. Bootstrap heading</p>
<p class="h5">h5. Bootstrap heading</p>
<p class="h6">h6. Bootstrap heading</p>

Bootstrap 5 Display headings

<h1 class="display-1">Display 1</h1>
<h1 class="display-2">Display 2</h1>
<h1 class="display-3">Display 3</h1>
<h1 class="display-4">Display 4</h1>
<h1 class="display-5">Display 5</h1>
<h1 class="display-6">Display 6</h1>

Bootstrap 5 Secondary Text Class

Small Secondary text heading

<h3>
  Fancy display heading
  <small class="text-muted">With faded secondary text</small>
</h3>

Bootstrap 5 mark element style

Bootstrap 5 will style and .mark will highlight the text with a yellow background color and some padding:

You can use the mark tag to highlight text. and use .text class

Bootstrap5 abbr classs

For making the text as dotted border and a cursor with question mark on hover, we can use tag . Add .initialism to an abbreviation for a slightly smaller font-size.

Bootstrap 5 blockquote class

For quoting blocks of content Wrap with element and add class .blockquote . Example below

<blockquote class="blockquote">
  <p>A well-known quote, contained in a blockquote element.</p>
</blockquote>

For naming the source of the quote we can use .blockquote-footer

<p>
  <blockquote class="blockquote">
    <p>A well-known quote, contained in a blockquote element.</p>
  </blockquote>
  <p class="blockquote-footer">
    Someone famous in <cite title="Source Title">Source Title</cite>
  </p>

Bootstrap 5 dl ELement Style

<div class="container mt-3">
  <h1>Bootstrap Description Lists</h1>    
  <p>The dl element indicates a description list:</p>
  <dl>
    <dt>Coffee</dt>
    <dd>- black hot drink</dd>
    <dt>Milk</dt>
    <dd>- white cold drink</dd>
  </dl>     
</div>

Bootstrap 5 Grid System Basic

Bootstrap’s grid system uses a series of containers, rows, and columns to layout and align content , its built with flexbox and allows up to 12 columns across the page.

Basic Structure of a Bootstrap 5 Grid

The following is a basic structure of a Bootstrap 5 grid system:

<!-- Control the designer the column width Example 1-->
<div class="row">
  <div class="col-*-*"></div> /*col-sm-1, col-md-1, col-lg, col-xl-1 or xxl*/
  <div class="col-*-*"></div>
</div>
<div class="row">
  <div class="col-*-*"></div>
  <div class="col-*-*"></div>
  <div class="col-*-*"></div>
</div>

<!-- let Bootstrap automatically render the layout Example 2-->
<div class="row">
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
</div>

Bootstrap 5 Grid options – Example 1

Bootstrap’s grid system can render across all six default breakpoints, and if any breakpoints as per the customization. Following are the six default grid tiers:

Extra small (xs) – .col-
Small (sm) – .col-sm-
Medium (md) – .col-md-
Large (lg) – .col-lg-
Extra large (xl) – .col-xl-
Extra extra large (xxl) – .col-xxl-

Auto-layout columns Example – 2

If no column widths are specified to the Col component will render equal width columns

<div class="container">
  <div class="row">
    <div class="col">
      1 of 2
    </div>
    <div class="col">
      2 of 2
    </div>
  </div>
</div>

Equal-width

<div class="container">
  <div class="row">
    <div class="col">
      1 of 2
    </div>
    <div class="col">
      2 of 2
    </div>
  </div>
  <div class="row">
    <div class="col">
      1 of 3
    </div>
    <div class="col">
      2 of 3
    </div>
    <div class="col">
      3 of 3
    </div>
  </div>
</div>

Setting one column width in a row

You can also set width for one specific column and the rest of the bootstrap columns will auto resize around it. we can use predefined grid classes , grid mixins, or other inline widths.

Mix and match with Different Column sizes in a tier

Use a combination of different classes for each row as needed. Following is the example for a start of how it all works.

<div class="container">
  <!-- Stack the columns on mobile by making one full-width and the other half-width -->
  <div class="row">
    <div class="col-md-8">.col-md-8</div>
    <div class="col-6 col-md-4">.col-6 .col-md-4</div>
  </div>

  <!-- Columns start at 50% wide on mobile and bump up to 33.3% wide on desktop -->
  <div class="row">
    <div class="col-6 col-md-4">.col-6 .col-md-4</div>
    <div class="col-6 col-md-4">.col-6 .col-md-4</div>
    <div class="col-6 col-md-4">.col-6 .col-md-4</div>
  </div>

  <!-- Columns are always 50% wide, on mobile and desktop -->
  <div class="row">
    <div class="col-6">.col-6</div>
    <div class="col-6">.col-6</div>
  </div>
</div>

Bootstrap 5 Spacing

Bootstrap padding classes can assign to an element or subsets of its sides.These Classes are madfe from a default Sass map ranging from .25rem to 3rem.

Bootstrap provides various shorthands for responsive margin and padding sizing.

Simply We can apply classes to add margins and padding for better design.

The class value method like following {property}{sides}-{size} for xs and {property}{sides}-{breakpoint}-{size} for other breakpoints.

Bootstrap property is one of: m for margin and p for padding

Change the properties depends on the device for better responsive mt-sm-, mt-md-, mt-xl-, mt-xxl-

sides is one of:

t – for margin-top or padding-top

margin-top classes

.mt-0{margin-top:0!important}
.mt-1{margin-top:.25rem!important}
.mt-2{margin-top:.5rem!important}
.mt-3{margin-top:1rem!important}
.mt-4{margin-top:1.5rem!important}
.mt-5{margin-top:3rem!important}
.mt-auto{margin-top:auto!important}

Padding top classes

.pt-0{padding-top:0!important}
.pt-1{padding-top:.25rem!important}
.pt-2{padding-top:.5rem!important}
.pt-3{padding-top:1rem!important}
.pt-4{padding-top:1.5rem!important}
.pt-5{padding-top:3rem!important}

b – for margin-bottom or padding-bottom

Margin Bottom Classes

.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:.25rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.mb-5{margin-bottom:3rem!important}
.mb-auto{margin-bottom:auto!important}

Padding Bottom Classes

.pb-0{padding-bottom:0!important}
.pb-1{padding-bottom:.25rem!important}
.pb-2{padding-bottom:.5rem!important}
.pb-3{padding-bottom:1rem!important}
.pb-4{padding-bottom:1.5rem!important}
.pb-5{padding-bottom:3rem!important}

s – for start or padding-left

Margin Left Classes

.ms-0{margin-left:0!important}
.ms-1{margin-left:.25rem!important}
.ms-2{margin-left:.5rem!important}
.ms-3{margin-left:1rem!important}
.ms-4{margin-left:1.5rem!important}
.ms-5{margin-left:3rem!important}
.ms-auto{margin-left:auto!important}

Padding Left Classes

.ps-0{padding-left:0!important}
.ps-1{padding-left:.25rem!important}
.ps-2{padding-left:.5rem!important}
.ps-3{padding-left:1rem!important}
.ps-4{padding-left:1.5rem!important}
.ps-5{padding-left:3rem!important}

e – for margin-right or padding-right

Margin Right Classes

.me-1{margin-right:.25rem!important}
.me-2{margin-right:.5rem!important}
.me-3{margin-right:1rem!important}
.me-4{margin-right:1.5rem!important}
.me-5{margin-right:3rem!important}
.me-auto{margin-right:auto!important}

Padding Right Classes

.pe-0{padding-right:0!important}
.pe-1{padding-right:.25rem!important}
.pe-2{padding-right:.5rem!important}
.pe-3{padding-right:1rem!important}
.pe-4{padding-right:1.5rem!important}

x – for both *-left and *-right
y – for both *-top and *-bottom

blank — for classes that set a margin or padding on all 4 sides of the element
size is one of:

m-0 – for classes that eliminate the margin or padding by setting it to 0
1 – (by default) for classes that set the margin or padding to $spacer * .25
2 – (by default) for classes that set the margin or padding to $spacer * .5
3 – (by default) for classes that set the margin or padding to $spacer
4 – (by default) for classes that set the margin or padding to $spacer * 1.5
5 – (by default) for classes that set the margin or padding to $spacer * 3
auto – for classes that set the margin to auto

Bootstrap 5 Containers

Bootstrap requires a containing element to wrap site contents. Containers are used to pad the content inside of them, Following are the container classes available in bootstrap 5

.container : a responsive fixed width container
.container-fluid : full width container, wrapping the entire width of the viewport
.container-{breakpoint}, which is width: 100%

Extra small
<576px
Small
≥576px
Medium
≥768px
Large
≥992px
X-Large
≥1200px
XX-Large
≥1400px
.container100%540px720px960px1140px1320px
.container-sm100%540px720px960px1140px1320px
.container-md100%100%720px960px1140px1320px
.container-lg100%100%100%960px1140px1320px
.container-xl100%100%100%100%1140px1320px
.container-xxl100%100%100%100%100%1320px
.container-fluid100%100%100%100%100%100%

Example container

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>

<!-- Sample Code ! -->

	<div class="container">
  		<h1>My First Bootstrap Page</h1>
 	 	<p>This is some text.</p>
	</div>

    <!-- Optional JavaScript; choose one of the two! -->

    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
    -->
  </body>
</html>

Copy the above code to a notepad and save it as example.html then open it in a browser.

The XXL breakpoint (=1400px) is new in Bootstrap 5, while the largest breakpoint in Bootstrap 4 is Extra large (=1200px).

Change the .container class to .container-fluid and see the changes . this will always span the entire width of the screen (width is always 100%):

Start with Bootstrap 5 

Start with Bootstrap, the world’s most popular framework for building responsive mobile-friendly websites, with jsDelivr and a home page template.

Bootstrap 5

Bootstrap 5 is the latest version of Bootstrap, the most popular HTML, CSS, and JavaScript framework for building responsive, mobile-first websites.

Bootstrap 5 is absolutely free to download and use!

Bootstrap 5 was officially released on May 5th, 2021. Key changes include: New offcanvas menu component. Removed dependency on jQuery in favor of vanilla JavaScript.

Bootstrap 5 is designed to be used without jQuery, but it’s still possible to use our components with jQuery.

What is the difference between Bootstrap and Bootstrap 5?
It’s an open-source framework from late 2011 that’s used to make responsive websites faster and easier with a mobile-first approach. Bootstrap is available for HTML, CSS and JS.

Bootstrap 5 vs Bootstrap 3 & 4

Bootstrap 5 is the latest version of Bootstrap; with new components, faster style sheet and more responsiveness.

Bootstrap 5 supports the latest stable versions of all major browsers and platforms. However, Internet Explorer 11 and lower is not supported.

The main difference between Bootstrap 5 and Bootstrap 3 & 4 is that Bootstrap 5 switched to JavaScript instead of jQuery.

Note: Bootstrap 3 and Bootstrap 4 are still supported by the Critical Bug Fixes and Documentation Changes team and are perfectly safe to continue using. However, NO new features will be added to them.

What is Bootstrap?

Bootstrap is a free, open-source CSS framework geared towards responsive front-end web development for mobile devices. It includes CSS and JavaScript based design templates for typography, forms, buttons, navigation and other interface components.
Bootstrap also gives you the ability to easily create responsive designs

Responsive Web Design (RWD)

Responsive web design (RWD) is a web development approach that produces dynamic changes in the appearance of a website depending on the screen size and orientation of the mod it is viewed with.

Bootstrap 5 Example

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript; choose one of the two! -->

    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
    -->
  </body>
</html>

Why you have to Use Bootstrap?

Easy to Use: Required basic knowledge of HTML and CSS for start with Bootstrap
Responsive features: Bootstrap’s responsive CSS render with almost devices like tab, mobile, laptop, desktop
Mobile-first approach: In Bootstrap, mobile-first styles are part of the core framework
Browser Compatibility: Bootstrap 5 is compatible with all modern browsers (Chrome, Firefox, Edge, Safari and Opera). Note that if you need IE11 and lower support, you must use either BS4 or BS3.

How you can download or use Bootstrap 5?

Include Bootstrap 5 from a CDN
Download from getbootstrap.com

Download Links

Benefits of using Bootstrap 5 CDN:

Most CDNs ensure that once a user requests a file from them, it is served from the server closest to them, which also results in faster loading time.

Usage of JavaScript?

Bootstrap 5 uses JavaScript for various components (like modals, tooltips, popovers, etc.).

Full screen responsive background image with bootstrap

For making images responsive , if you are using bootstrap framework use the class ‘img-responsive’. Creating fullwidth background with css , wrap the content with a div and apply the below css with background image, example given below

<div class="wrapper">
   <img src="new_1.jpg" class="img-responsive" alt="Responsive image">
</div>
.wrapper{background: url('/assets/bg/greenvalley.jpg') no-repeat   center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

A Small Journey with React

WHAT IS REACTJS ?

React is a JavaScript library for building user interfaces. It is used to build single page applications and allows us to create reusable UI components. But if you’re not familiar with JavaScript or JavaScript libraries, that’s not a helpful definition. JavaScript is a super important coding language used to add animated and interactive features to websites or web applications. JavaScript libraries are collections of pre-written JavaScript code that can be used for common JS tasks, allowing you to bypass the time intensive (and unnecessary) process of coding by hand. If there’s a run-of-the-mill JavaScript function that you keep needing to code there’s probably a JS library to ease your pain. There are a lot of different JS libraries out there and React JS is one of them.

WHAT MAKES REACTJS UNIQUE ?

React is a JavaScript library that specializes in helping developers build user interfaces, or UIs. In terms of websites and web applications, UIs are the collection of on-screen menus, search bars, buttons, and anything else someone interacts with to use a website or app. ReactJS enables organizations to design better UI apps to enhance user experiences. To better user experience, higher click-through levels, and sales, they need this product. Compared with those using other systems, companies that use ReactJS are assured of better performance.

ReactJS is a stronger framework because of its ability to break down the complex interface and allow users to work on individual components. ReactJS comes with the core objective is to deliver the best rendering performance possible. Its strength stems from the emphasis on individual parts. ReactJS helps a developer to break down the complicated UI into smaller components, rather than operating on the entire web framework.

For developers who were probably looking for a simple programming language beyond Angular, React JS is a viable option. Developers working with other frameworks are required to perform a lot of complex coding during the individual comment development.

In addition to providing reusable React library code (saving development time and cutting down on the chance for coding errors), React comes with two key features that add to its appeal for JavaScript developers:

  • JSX
  • Virtual DOM

To get an even better understanding of React JS and why you should use it, let’s take a look at both.

JSX

JSX stands for JavaScript XML. It allows us to write HTML in React. JSX makes it easier to write and add HTML in React. JSX allows us to write HTML elements in JavaScript and place them in the DOM without any createElement()  and/or appendChild() methods.JSX converts HTML tags into react elements.You are not required to use JSX, but JSX makes it easier to write React applications.

VIRTUAL DOM

If you’re not using React JS (and JSX), your website will use HTML to update its DOM (the process that makes things “change” on screen without a user having to manually refresh a page). This works fine for simple, static websites, but for dynamic websites that involve heavy user interaction it can become a problem (since the entire DOM needs to reload every time the user clicks a feature calling for a page refresh).

However React creates a VIRTUAL DOM in memory. Instead of manipulating the browser’s DOM directly, React creates a virtual DOM in memory, where it does all the necessary manipulating, before making the changes in the browser DOM. React only changes what needs to be changed. React finds out what changes have been made, and changes only what needs to be changed. This kind of selective updating takes less computing power and less loading time, which might not sound like much when you’re talking about a single blog comment, but—when you start to think about all the dynamics and updating associated with even a slightly complex website—you’ll realize it adds up to a lot.

HOW TO CREATE A REACT APP ???

In order to learn and test React, you should set up a React Environment on your computer. This tutorial uses the create-react-app. The create-react-app is an officially supported way to create React applications. If you have NPM and Node.js installed, you can create a React application by first installing the create-react-app.

  • Node.js installing:

From given url you can install node.js

url :  https://nodejs.org/en/download/

1. Once the installer finishes downloading, launch it. Open the downloads link in your browser and click the file. Or, browse to the location where you have saved the file and double-click it to launch.

2. The system will ask if you want to run the software – click Run.

3. You will be welcomed to the Node.js Setup Wizard – click Next.

4. On the next screen, review the license agreement. Click Next if you agree to the terms and install the software.

5. The installer will prompt you for the installation location. Leave the default location, unless you have a specific need to install it somewhere else – then click Next.

6. The wizard will let you select components to include or remove from the installation. Again, unless you have a specific need, accept the defaults by clicking Next.

7. Finally, click the Install button to run the installer. When it finishes, click Finish.

  • NPM installing

               Open a command prompt (or PowerShell), and enter the following:

node –v

The system should display the Node.js version installed on your system. You can do the same for NPM

npm –v

Install create-react-app by running this command in your terminal:

npm install -g create-react-app

You are now ready to create your first React application.

Run this command to create a React application named myfirstreact:

npx create-react-app myfirstreact

The create-react-app will set up everything you need to run a React application.

To run, this command to move to the myfirstreact directory:

cd myfirstreact

Run this command to execute the React application myfirstreact:

C:\Users\Your Name\myfirstreact>npm start

A new browser window will pop up with your newly created React App! If not, open your browser and type localhost:3000 in the address bar.

What is Git ?

Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. And it is designed for coordinating work among programmers, but it can be used to track changes in any set of files.

Advantages Of Git

Git Basic Commands

  • git init – Creating a new Git repository
  • git clone – Downloading an existing repository from a remote server
  • git commit – Saving changes to the local repository
  • git pull – Downloading and integrating remote changes
  • git push – Publishing new local changes on a remote server
  • git merge – Integrating changes from another branch
  • git checkout – Switching branches and restoring files
  • git checkout -b – Creating a new branch and restoring the files.
  • git branch – Creating, deleting and showing branches
  • git revert – Undoing an existing commit by creating opposite changes
  • git add – Adding changes to the staging area
  • git remote – Showing, adding and removing connections to remote repositories
  • git switch – Switching branches
  • git status – Displaying uncommitted changes and the state of your Working Copy
  • git rm – Removing files in Git
  • git restore – Discarding or unstaging uncommitted local changes
  • git diff – difference between Working and Staged

Plugins for customizing header and footer

Following are some list of best plugins for customizing header and footer. When working wordpress website’s editing the footer and header file of the theme file is sometimes give us head ache. For avoiding those situations we can install one good plugin for inserting the code separately. Go through the plugin list find one that one appropriate for your website.

Insert Headers and Footers

This plugin allows you to add additional scripts to the header and footer of your blog by embedding yourself in wp_head and wp_footer.

Elementor – Header, Footer & Blocks Template

Create headers, footers and block lines for your WordPress website for free with Elementor Page Builder.

Header and Footer Scripts

The header and footer scripts plugin lets you add scripts to WordPress sites and just before the tag closes.

Woody ad snippets – Insert Header Footer Code, AdSense Ads

Insert headers and footers, execute PHP code, insert ads, text, media content and the code of an external service using conditional logic.

Elements kit Elementor addons (Header & Footer Builder, Mega Menu Builder, Layout Library)

ElementsKit Everything in one add-on for Elementor Page Builder. It includes the most comprehensive modules like the Header Footer builder and the Mega Menu Builder Layo

Head and Footer Scripts Inserter

Easily and securely add your custom HTML code (plus JavaScript, CSS, etc.) to your WordPress website, directly from the WordPress administration area

Header Footer Code Manager

Easily add tracking code snippets, conversion pixels or other scripts required by third-party services for analysis, marketing or chat functions.

How to add tracking code to a wordpress website.

Many methods we can use to add tracking code to a wordpress website. By adding website tracking system helps you

to tracking and monitor your visitors to your website. Commonly all tracking system provides you a detail report

and statstical data for analyzing about the visitors count.

Option 1 : Using plugin

By Using Plugin we can insert seperate header and footer code.

Browse the top plugins for inserting header and footer

Option 2 : Inserting by editing the header.php

WordPress Dashboard >> Appearance >> Editor >> header.php . find the head tag and paste the code before the tag closing.

Save and update the file.

Infinite Ajax Scroll

easily transform the traditional pagination to infinite scrolling pages

Plugin Usage

Infinite Ajax Scroll works with a container with element elements that are appended. A next link is used to determine the next URL.

<div class="container">
    <div class="item">...</div>
    <div class="item">...</div>
    <div class="item">...</div>
    ...
</div>
<div class="pagination">
    <a href="page2.html" class="next">Next</a>
</div>

Configure Infinite Ajax Scroll

// import if you use the NPM package
import InfiniteAjaxScroll from '@webcreate/infinite-ajax-scroll';

let ias = new InfiniteAjaxScroll('.container', {
  item: '.item',
  next: '.next',
  pagination: '.pagination'
});

CSS Spinner

elegant collection of pure css spinners for your website loading animation.

  • Vanilla – no external dependency and no additional library required.
  • Standalone – use one of these separately.
  • customizable – use stylus variables to quickly customize them to your needs.
  • easy to use – easy to copy and paste, but also easy to use with pug mixins.
  • small – average size 1K per spinner not minimized, unpacked

jQuery Ajax File Uploader Widget

A jQuery Ajax File Uploader Widget to download files with Ajax (a synchronization); Includes queue support, progress tracking, and drag and drop.

Very configurable and easy to adapt to any front end design and very easy to work with any back end logic.

The focus will be on modern browsers, but it will also provide a method to determine when the plugin is not supported. The idea is to keep it simple and easy.

Basic knowledge of Javascript is required to configure this plugin: settings, callback events, etc.

tabulator an interactive table JavaScript library





With the tabulator you can create interactive tables in seconds from any HTML tables, JavaScript arrays, AJAX data sources or JSON-formatted data. The tab works with all major front-end JavaScript frameworks, including React, Angular, and Vue.

HTML

<div id="example-table"></div>

JavaScript – Simple Table

//define data array
var tabledata = [
    {id:1, name:"Oli Bob", progress:12, gender:"male", rating:1, col:"red", dob:"19/02/1984", car:1},
    {id:2, name:"Mary May", progress:1, gender:"female", rating:2, col:"blue", dob:"14/05/1982", car:true},
    {id:3, name:"Christine Lobowski", progress:42, gender:"female", rating:0, col:"green", dob:"22/05/1982", car:"true"},
    {id:4, name:"Brendon Philips", progress:100, gender:"male", rating:1, col:"orange", dob:"01/08/1980"},
    {id:5, name:"Margret Marmajuke", progress:16, gender:"female", rating:5, col:"yellow", dob:"31/01/1999"},
    {id:6, name:"Frank Harbours", progress:38, gender:"male", rating:4, col:"red", dob:"12/05/1966", car:1},
];

//initialize table
var table = new Tabulator("#example-table", {
    data:tabledata, //assign data to table
    autoColumns:true, //create columns from data field names
});

JavaScript – Feature Rich Table

var table = new Tabulator("#example-table", {
    data:tabledata,           //load row data from array
    layout:"fitColumns",      //fit columns to width of table
    responsiveLayout:"hide",  //hide columns that dont fit on the table
    tooltips:true,            //show tool tips on cells
    addRowPos:"top",          //when adding a new row, add it to the top of the table
    history:true,             //allow undo and redo actions on the table
    pagination:"local",       //paginate the data
    paginationSize:7,         //allow 7 rows per page of data
    movableColumns:true,      //allow column order to be changed
    resizableRows:true,       //allow row order to be changed
    initialSort:[             //set the initial sort order of the data
        {column:"name", dir:"asc"},
    ],
    columns:[                 //define the table columns
        {title:"Name", field:"name", editor:"input"},
        {title:"Task Progress", field:"progress", hozAlign:"left", formatter:"progress", editor:true},
        {title:"Gender", field:"gender", width:95, editor:"select", editorParams:{values:["male", "female"]}},
        {title:"Rating", field:"rating", formatter:"star", hozAlign:"center", width:100, editor:true},
        {title:"Color", field:"col", width:130, editor:"input"},
        {title:"Date Of Birth", field:"dob", width:130, sorter:"date", hozAlign:"center"},
        {title:"Driver", field:"car", width:90,  hozAlign:"center", formatter:"tickCross", sorter:"boolean", editor:true},
    ],
});

Open Source file manager : elFinder

elFinder is an Open source file manager for the web written in JavaScript using the jQuery user interface.

  • User-friendliness like MacOS Finder or Windows Explorer
  • Mobile view for touch devices
  • All operations with files and folders on a remote server (copy, move, download, create folder / file, rename, etc.)
  • High performance backend server and lightweight client user interface
  • Multi-root support
  • Local file system, MySQL, FTP, Box, Dropbox, GoogleDrive, and OneDrive volume storage drivers
  • Supports AWS S3, Azure, Digital Ocean Spaces and more with League \ Flysystem Flysystem driver
  • Cloud storage drivers (Box, Dropbox, GoogleDrive and OneDrive)
  • Background file / folder upload with HTML5 drag and drop support
  • Fragmented file download for a large file
  • Download directly to the folder
  • Download the form URL (or the list)
  • List View and Icons
  • Keyboard shortcuts
  • Standard methods of selecting files / groups using mouse or keyboard
  • Move / copy files by drag and drop
  • Drag and drop outside starting by dragging with the Alt / Option key
  • Create / extract archives (zip, rar, 7z, tar, gzip, bzip2)
  • Rich context menu and toolbar
  • Quicklook, overview of common file types
  • Edit text files and images
  • “Places” for your favorites
  • Calculate the size of directories
  • Thumbnails for images, video files
  • Easy to integrate with web editors (elRTE, CKEditor, TinyMCE)
  • Flexible configuration of access rights, download file types, user interface and more
  • Extensibility through backend and client side event management
  • Simple client-server API based on JSON
  • Support customized information in the information dialog
  • Configurable columns of the list view
  • Support custom CSS class function for custom folder icon
  • Connector plug-in
  • Auto Rotate: Auto rotate when uploading JPEG files by EXIF ​​orientation.
  • Auto Resize: Auto resize when uploading files.
  • Normalizer: UTF-8 normalizer of filename and path to file, etc.
  • Sanitizer: disinfectant of file name and file path, etc.
  • Watermark: Print the watermark when downloading the file.

Javascript plugin for Infinite Scroll

Infinite Scroll is a JavaScript plugin that automatically adds the next page . Very Helpful plugin for improving the user experience.

Plugin Usage

Infinite Scroll plugin works on a container element with its child item elements

<div class="container">
  <article class="post">...</article>
  <article class="post">...</article>
  <article class="post">...</article>
  ...
</div>

Plugin Options

<!-- wp:paragraph -->
<p>var infScroll = new InfiniteScroll( '.container', {<br>// defaults listed</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>path: undefined,<br>// REQUIRED. Determines the URL for the next page<br>// Set to selector string to use the href of the next page's link<br>// path: '.pagination__next'<br>// Or set with {{#}} in place of the page number in the url<br>// path: '/blog/page/{{#}}'<br>// or set with function<br>// path: function() {<br>// return return '/articles/P' + ( ( this.loadCount + 1 ) * 10 );<br>// }</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>append: undefined,<br>// REQUIRED for appending content<br>// Appends selected elements from loaded page to the container</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>checkLastPage: true,<br>// Checks if page has path selector element<br>// Set to string if path is not set as selector string:<br>// checkLastPage: '.pagination__next'</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>prefill: false,<br>// Loads and appends pages on intialization until scroll requirement is met.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>responseType: 'document',<br>// Sets the type of response returned by the page request.<br>// Set to 'text' to return flat text for loading JSON.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>outlayer: false,<br>// Integrates Masonry, Isotope or Packery<br>// Appended items will be added to the layout</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>scrollThreshold: 400,<br>// Sets the distance between the viewport to scroll area<br>// for scrollThreshold event to be triggered.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>elementScroll: false,<br>// Sets scroller to an element for overflow element scrolling</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>loadOnScroll: true,<br>// Loads next page when scroll crosses over scrollThreshold</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>history: 'replace',<br>// Changes the browser history and URL.<br>// Set to 'push' to use history.pushState()<br>// to create new history entries for each page change.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>historyTitle: true,<br>// Updates the window title. Requires history enabled.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>hideNav: undefined,<br>// Hides navigation element</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>status: undefined,<br>// Displays status elements indicating state of page loading:<br>// .infinite-scroll-request, .infinite-scroll-load, .infinite-scroll-error<br>// status: '.page-load-status'</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>button: undefined,<br>// Enables a button to load pages on click<br>// button: '.load-next-button'</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>onInit: undefined,<br>// called on initialization<br>// useful for binding events on init<br>// onInit: function() {<br>// this.on( 'append', function() {…})<br>// }</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>debug: false,<br>// Logs events and state changes to the console.<br>})</p>
<!-- /wp:paragraph -->

Google Recaptcha in CodeIgniter

It is one of the major discussed question, how we can use google recaptcha in codeigniter.First we should need a google account to start. Login the corresponding gmail and access https://www.google.com/recaptcha/admin from your browser. Next you have to register the domain. After that you will get a site key and secret key.

Herecomes the our coding part, insert following part in header

<script src='https://www.google.com/recaptcha/api.js'></script>

For showing the recpatcha section, use the below html code. Complete the code by using your data site key.

<div class="g-recaptcha" data-sitekey="ENTER YOUR SITE KEY"></div>

Add the secret key in your controller with following code.

$recaptchaResponse = trim($this->input->post('g-recaptcha-response'));
            $secret='ENTER THE SECRET KEY';
       
            $credential = array(
                    'secret' => $secret,
                    'response' => $this->input->post('g-recaptcha-response')
                );
                $verify = curl_init();
                curl_setopt($verify, CURLOPT_URL, "https://www.google.com/recaptcha/api/siteverify");
                curl_setopt($verify, CURLOPT_POST, true);
                curl_setopt($verify, CURLOPT_POSTFIELDS, http_build_query($credential));
                curl_setopt($verify, CURLOPT_SSL_VERIFYPEER, false);
                curl_setopt($verify, CURLOPT_RETURNTRANSFER, true);
                $response = curl_exec($verify);
           
                $status= json_decode($response, true);
                if($status['success'])
            {
			 echo “sucesss”;
			}
                 Else{
			  Echo “fail”;
			}

Jquery flexselect

Flexselect is a jquery plugin that transforming select boxes into flex-matching
incremental-findings controls. This one using Liquidmetal scoring algorithm
to sort the selection

installing steps

We can load the default styles, jQuery, the LiquidMetal scoring algorithm, and the plugin.

Please note : Load the stylesheets before the javascript

<link rel="stylesheet" href="flexselect.css" type="text/css" media="screen" />
<script src="jquery.min.js" type="text/javascript"></script>
<script src="liquidmetal.js" type="text/javascript"></script>
<script src="jquery.flexselect.js" type="text/javascript"></script>

By writing the below code we can convert the selectboxes into flexboxes

jQuery(document).ready(function() {
  $("select.flexselect").flexselect();
});
<select class="flexselect">
  <option value="1">George Washington</option>
  <option value="2">John Adams</option>
  <option value="3">Thomas Jefferson</option>
  ...
</select>

Include the class ‘flexselect’ for transforming the selectbox into flexbox.

FSPagerView : An elegant Screen Slide Library.

FSPagerView is an elegant library of screen slides. This is very useful for creating Banner View, Product Show, Welcome / Guide Pages ? Screen / ViewController sliders.

  • Unlimited scrolling.
  • Automatic gliding.
  • Horizontal and vertical scrolling.
  • Fully customized article, a predefined article on the banner.
  • Control pages that are fully customizable.
  • Take over 3D transformers.
  • Simple and fun use of the API.
  • Supports SWIFT and OBJECTIVE-C.

Read More Download

Dependency free JavaScript ES6 slider

A slider and a dependency JavaScript carousel ES6. It is light, flexible and fast. Designed to slide. No less no more.

  • Free of dependencies. Everything inclusive, ready to use.
  • Light. Only ~ 23kb (~ 7kb gzippt) with all functions on board.
  • Modular. Remove unused modules and further reduce the script weight.
  • Expandable. Insert your own modules with additional functions.
  • Bundler ready. Do you use Rollup or Webpack? We have your back.

Download the files using the download link. Then place the each files to corresponding folder.

CSS : Call css files to header

<!– Required Core stylesheet –>
<link rel="stylesheet" href="node_modules/@glidejs/glide/dist/css/glide.core.min.css">

<!– Optional Theme stylesheet –>
<link rel="stylesheet" href="node_modules/@glidejs/glide/dist/css/glide.theme.min.css">

Add the below markup to the HTML

<div class="glide">
<div data-glide-el="track" class="glide__track">
<ul class="glide__slides">
<li class="glide__slide"></li>
<li class="glide__slide"></li>
<li class="glide__slide"></li>
</ul>
</div>
</div>

Please download the files using the below links and follow the informations

Read More Demo Download

Download Free Responsive jQuery Content Slider

Responsive jQuery content slider, Check the below features

  • Fully responsive
  • Horizontal, vertical, and fade modes
  • Slides can contain images, video, or HTML content
  • Small file size, fully themed, simple to implement
  • Browser support: Firefox, Chrome, Safari, iOS, Android, IE7+

Please use the following methods to use the plugin. First thing you have to do is download the whole files. and place the css code in css files. Call the jquery files from google or from any other good cdn

Step 1 : Include Libraries

<!– jQuery library (served from Google) –>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!– bxSlider Javascript file –>
<script src="/js/jquery.bxslider.min.js"></script>
<!– bxSlider CSS file –>
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />

Or, if you like, you can get the bxSlider’s resources from the CDN: check below

<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.css" rel="stylesheet" />

Step 2: HTML markup

Insert the markup in the slider div

<ul class="bxslider">
<li><img src="/images/pic1.jpg" /></li>
<li><img src="/images/pic2.jpg" /></li>
<li><img src="/images/pic3.jpg" /></li>
<li><img src="/images/pic4.jpg" /></li>
</ul>

Step 3: Calling the bxSlider

$(document).ready(function(){
$(‘.bxslider’).bxSlider();
});

Read More Demo Download

Download Fully responsive jQuery Slider Plugin

Download a beautiful, fully responsive jQuery slider plugin.

You can started with FlexSlider by following the below 3 easy steps!

Include the below items to the of your document. These code will link jQuery and the FlexSlider core CSS and javascript files into your website page.

<!– Place somewhere in the <head> of your document –>
<link rel="stylesheet" href="flexslider.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="jquery.flexslider.js"></script>

HTML Markup

Please add the html markup to wherever the slider is needed

<!– Place somewhere in the <body> of your page –>
<div class="flexslider">
<ul class="slides">
<li>
<img src="slide1.jpg" />
</li>
<li>
<img src="slide2.jpg" />
</li>
<li>
<img src="slide3.jpg" />
</li>
</ul>
</div>

Call the plugin

For initializing the plugin add the below code in footer

<!– Place in the <head>, after the three links –>
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$(‘.flexslider’).flexslider();
});
</script>

Please check and use wisely the below customization codes

namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin
selector: ".slides > li", //{NEW} Selector: Must match a simple pattern. ‘{container} > {slide}’ — Ignore pattern at your own peril
animation: "fade", //String: Select your animation type, "fade" or "slide"
easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
direction: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"
reverse: false, //{NEW} Boolean: Reverse the animation direction
animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
smoothHeight: false, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
startAt: 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide)
slideshow: true, //Boolean: Animate slider automatically
slideshowSpeed: 7000, //Integer: Set the speed of the slideshow cycling, in milliseconds
animationSpeed: 600, //Integer: Set the speed of animations, in milliseconds
initDelay: 0, //{NEW} Integer: Set an initialization delay, in milliseconds
randomize: false, //Boolean: Randomize slide order

// Usability features
pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
pauseOnHover: false, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
useCSS: true, //{NEW} Boolean: Slider will use CSS3 transitions if available
touch: true, //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
video: false, //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches

// Primary Controls
controlNav: true, //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false)
prevText: "Previous", //String: Set the text for the "previous" directionNav item
nextText: "Next", //String: Set the text for the "next" directionNav item

// Secondary Navigation
keyboard: true, //Boolean: Allow slider navigating via keyboard left/right keys
multipleKeyboard: false, //{NEW} Boolean: Allow keyboard navigation to affect multiple sliders. Default behavior cuts out keyboard navigation with more than one slider present.
mousewheel: false, //{UPDATED} Boolean: Requires jquery.mousewheel.js (https://github.com/brandonaaron/jquery-mousewheel) – Allows slider navigating via mousewheel
pausePlay: false, //Boolean: Create pause/play dynamic element
pauseText: ‘Pause’, //String: Set the text for the "pause" pausePlay item
playText: ‘Play’, //String: Set the text for the "play" pausePlay item

// Special properties
controlsContainer: "", //{UPDATED} Selector: USE CLASS SELECTOR. Declare which container the navigation elements should be appended too. Default container is the FlexSlider element. Example use would be ".flexslider-container". Property is ignored if given element is not found.
manualControls: "", //Selector: Declare custom control navigation. Examples would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
sync: "", //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care.
asNavFor: "", //{NEW} Selector: Internal property exposed for turning the slider into a thumbnail navigation for another slider

// Carousel Options
itemWidth: 0, //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
itemMargin: 0, //{NEW} Integer: Margin between carousel items.
minItems: 0, //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.
maxItems: 0, //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.
move: 0, //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.

// Callback API
start: function(){}, //Callback: function(slider) – Fires when the slider loads the first slide
before: function(){}, //Callback: function(slider) – Fires asynchronously with each slider animation
after: function(){}, //Callback: function(slider) – Fires after each slider animation completes
end: function(){}, //Callback: function(slider) – Fires when the slider reaches the last slide (asynchronous)
added: function(){}, //{NEW} Callback: function(slider) – Fires after a slide is added
removed: function(){} //{NEW} Callback: function(slider) – Fires after a slide is removed

Read More Demo Download

Download JavaScript Fullscreen Slider

Using javascript create a fullscreen slider . This asset controls sections in a HTML page.That one resizing sections to fullscreen resolution and moves these individually by wheel/touch events.

Usage

Add Css in head


<link rel="preload" as="style" href="/fullscreen-slider/css/main.min.css" onload="this.onload=null;this.rel=’stylesheet’">

Insert the below html code to body

<div class="l-page" data-page-id="index">
<div class="p-global-header">
<h1 class="p-global-title">FullScreen Slider</h1>
<div class="p-global-links"><a href="https://github.com/ykob/fullscreen-slider">View Source on GitHub</a></div>
</div>
<div class="l-contents">
<div class="p-sections-wrap js-fullscreen-wrap">
<div class="p-section p-section–01 js-fullscreen-section">
<div class="p-section__in">
<h2 class="p-section__header">Section1</h2>
<p class="p-section__text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br>Aenean commodo ligula eget dolor. Aenean massa.</p>
</div>
</div>
<div class="p-section p-section–02 js-fullscreen-section">
<div class="p-section__in">
<h2 class="p-section__header">Section2</h2>
<p class="p-section__text">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<br>Nulla consequat massa quis enim.</p>
</div>
</div>
<div class="p-section p-section–03 js-fullscreen-section">
<div class="p-section__in">
<h2 class="p-section__header">Section3</h2>
<p class="p-section__text">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.<br>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.<br>Nullam dictum felis eu pede mollis pretium.</p>
</div>
</div>
<div class="p-section p-section–04 js-fullscreen-section">
<div class="p-section__in">
<h2 class="p-section__header">Section4</h2>
<p class="p-section__text">Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.<br>Aenean vulputate eleifend tellus.<br>Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
</div>
</div>
<div class="p-section p-section–05 js-fullscreen-section">
<div class="p-section__in">
<h2 class="p-section__header">Section5</h2>
<p class="p-section__text">Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.<br>Phasellus viverra nulla ut metus varius laoreet.<br>Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.</p>
</div>
</div>
</div>
<div class="p-pager js-fullscreen-pager">
<div class="p-pager__in">
<div class="p-pager__pointer js-fullscreen-pager-pointer js-hover"></div>
<div class="p-pager__pointer js-fullscreen-pager-pointer js-hover"></div>
<div class="p-pager__pointer js-fullscreen-pager-pointer js-hover"></div>
<div class="p-pager__pointer js-fullscreen-pager-pointer js-hover"></div>
<div class="p-pager__pointer js-fullscreen-pager-pointer js-hover"></div>
<div class="p-pager__bar"></div>
</div>
</div>
<div class="p-background js-fullscreen-bg"></div>
</div>
</div>

Js Code in footer

<script src="/fullscreen-slider/js/main.min.js" async></script>

Demo Download Read More

Download JQuery LightSlider

Download JQuery lightSlider for building awesome slider for your website. Jquery lightslider is having top features as follows, lightweight responsive Content slider with carousel thumbnails navigation

Jquery Lightslider Features

  • Fully responsive – will adapt to any device.
  • Separate settings per breakpoint.
  • Gallery mode to create an image slideshow with thumbnails
  • Supports swipe and mouseDrag
  • Add or remove slides dynamically.
  • Small file size, fully themed, simple to implement.
  • CSS transitions with jQuery fallback.
  • Full callback API and public methods.
  • Auto play and infinite loop to create a content carousel.
  • Keyboard, arrows and dots navigation.
  • Chrome, Safari, Firefox, Opera, IE7+, IOS, Android, windows phone.
  • Slide and Fade Effects.
  • Auto width, Vertical Slide, Adaptiveheight, Rtl support…
  • Multiple instances on one page.
  • Slide anything (youtube, vimeo , google map …)
Usage

Add the following code into the head

<link type="text/css" rel="stylesheet" href="css/lightslider.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/lightslider.js"></script>
    // Do not include both lightslider.js and lightslider.min.js

Add the below HTML code

<ul id="light-slider">
    <li>
        <h3>First Slide</h3>
        <p>Lorem ipsum Cupidatat quis pariatur anim.</p>
    </li>
    <li>
        <h3>Second Slide</h3>
        <p>Lorem ipsum Excepteur amet adipisicing fugiat velit nisi.</p>
    </li>
    ...
</ul>
For initialization
<script type="text/javascript">
    $(document).ready(function() {
        $("#light-slider").lightSlider();
    });
</script>
Settings
<script type="text/javascript">
    $(document).ready(function() {
        $("#light-slider").lightSlider({
            item: 3,
            autoWidth: false,
            slideMove: 1, // slidemove will be 1 if loop is true
            slideMargin: 10,

            addClass: '',
            mode: "slide",
            useCSS: true,
            cssEasing: 'ease', //'cubic-bezier(0.25, 0, 0.25, 1)',//
            easing: 'linear', //'for jquery animation',////

            speed: 400, //ms'
            auto: false,
            pauseOnHover: false,
            loop: false,
            slideEndAnimation: true,
            pause: 2000,

            keyPress: false,
            controls: true,
            prevHtml: '',
            nextHtml: '',

            rtl:false,
            adaptiveHeight:false,

            vertical:false,
            verticalHeight:500,
            vThumbWidth:100,

            thumbItem:10,
            pager: true,
            gallery: false,
            galleryMargin: 5,
            thumbMargin: 5,
            currentPagerPosition: 'middle',

            enableTouch:true,
            enableDrag:true,
            freeMove:true,
            swipeThreshold: 40,

            responsive : [],

            onBeforeStart: function (el) {},
            onSliderLoad: function (el) {},
            onBeforeSlide: function (el) {},
            onAfterSlide: function (el) {},
            onBeforeNextSlide: function (el) {},
            onBeforePrevSlide: function (el) {}
        });
    });
</script>
Methods

Read More Demo Download

Download Awesome vanilla javascript slider for all purposes

A tiny slider for all purposes. This tiny-slider only works with static content and it works in the browser. If you are loading the html dynamically, make sure to call tns() after its loading. On this version using % instead of px
and CSS Mediaqueries if supported

Please follow the below steps
1. Add the below css into head (and IE8 polyfills if needed)

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/tiny-slider.css">
<!–[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.helper.ie8.js"></script>

2. The HTML markup

<div class="my-slider">
<div></div>
<div></div>
<div></div>
</div>
<!– or ul.my-slider > li –>

3. Initialize tns()

Add tiny-slider.js to footer of your page:

<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
<!– NOTE: prior to v2.2.1 tiny-slider.js need to be in <body> –>

Follow the below given Responsive options

The following options can be redefined in responsive field:
startIndex,
items,
slideBy,
speed,
autoHeight,
fixedWidth,
edgePadding,
gutter,
center,
controls,
controlsText,
nav,
autoplay,
autoplayHoverPause,
autoplayResetOnVisibility,
autoplayText,
autoplayTimeout,
touch,
mouseDrag,
arrowKeys,
disable

Sample code

<script>
var slider = tns({
container: ‘.my-slider’,
items: 1,
responsive: {
640: {
edgePadding: 20,
gutter: 20,
items: 2
},
700: {
gutter: 30
},
900: {
items: 3
}
}
});
</script>

Read More Demo Download

Understand Bootstrap Grid System

Bootstrap Grid System

Bootstrao grid system providing the easiest way to create a responsive website layouts. The main quality is it provides responsive, mobile first grid system which scales the columns as the device or the viewport size changes. Flexbox is the base of bootstrap’s grid system it allows up to 12 columns across the page.

as you know the grid system is responsive. As per the screen size the columns will rearrange automatically. The total sum of columns must be 12.

Now we can Check the classsed provided – Grid Classes

The new version Bootstrap 4 grid system has five classes.

.col- (extra small devices – screen width less than 576)
.col-sm (small devices – screen width equal to or greater than 576)
.col-md small devices – screen width equal to or greater than 768)
.col-lg small devices – screen width equal to or greater than 992)
.col-xl small devices – screen width equal to or greater than 1200)

All the above classes you can use as per your needs for dynamic and flexible layouts

bootstrap grid system

Understand Basic structure of Bootstrap 4 Grid
Two Column Layout
[sourcecode]
<!–controlled the column width –>
<div class="row">
<div class="col-md-6"></div>
<div class="col-md-6"></div>
</div>

<div class="row">
<div class="col-md-8"></div>
<div class="col-md-4"></div>
</div>
<div class="row">
<div class="col-md-7"></div>
<div class="col-md-5"></div>
</div>
[/sourcecode]

Three Column Layout
[sourcecode]
<div class="row">
<div class="col-lg-4"></div>
<div class="col-lg-4"></div>
<div class="col-lg-4"></div>
</div>
[/sourcecode]

Try above on editor codepen

30 Best Free Ecommerce WordPress Themes 2019

VW Ecommerce Store

wordpress ecommerce theme

Demo Download

Di eCommerce

wordpress ecommerce theme

Demo Download

Alluring eCommerce

ecommerce-theme

Demo Download

Supermarket Ecommerce

wordpress ecommerce theme download

Demo Download

eCommerce Shop

ecommerce shop

Demo Download

eCommerce Child

ecommerce shop

Demo Download

Pasal Ecommerce

ecommerce theme download

Demo Download

Ecommerce Solution

wordpress ecommerce template

Demo Download

Store eCommerce

wordpress ecommerce template download

Demo Download

StoreCommerce

ecommerce shop theme

Demo Download

Ecommerce X

ecommerce shop theme

Demo Download

Ecommerce Hub

download wordpress ecommerce

Demo Download

RT Ecommerce

wordpress download theme

Demo Download

LZ Fashion Ecommerce

wordpress download theme

Demo Download

LZ Fashion Ecommerce

wordpress shopping theme

Demo Download

Advance Ecommerce Store

wordpress shopping theme

Demo Download

eCommerce Business

download shopping theme

Demo Download

Online eCommerce

top free wordpress ecommerce theme

Demo Download

Popular eCommerce

best-wordpress shopping theme

Demo Download

Ultimate Ecommerce Shop

best free shopping theme

Demo Download

Ultimate Ecommerce Shop

best-free-ecommerce-theme

Demo Download

Multipurpose Ecommerce

free wordpress shopping theme

Demo Download

Multipurpose Ecommerce

free wordpress shopping theme

Demo Download

Perfect Ecommerce Store

best free ecommerce download

Demo Download

eCommerce Gem

download-best free ecommerce theme

Demo Download

VW Ecommerce Shop

top free ecommerce download

Demo Download

eCommerce Market

top free ecommerce download

Demo Download

BB Ecommerce Store

top-free-ecommerce-theme

Demo Download

Zen Shop Store

top free wordpress-theme

Demo Download

ShoppingCart

best free shoppingcart theme

Demo Download

Zigcy Lite

download free shoppingcart theme

Demo Download

Top 20 Free eCommerce bootstrap Website Templates

In this post am sharing collection of best free ecommerce bootstrap website templates that you can use for creating website for your building any type of online shop easily and efficiently. All these collection help you for creating any type of ecommerce business site.

Ecommerce websites nowadays trending, Buying the stuffs from online nowadays increased. Every type of business now owns an online shop. So they can get order from online. This activities will reflect in business growth.

Bootie E commerce Bootstrap Responsive Web Template

bootstrap ecommerce

Demo Download

Toys Shop an Ecommerce Category Bootstrap Responsive Web Template

bootstrap 4 ecommerce free

Demo Download

Fashion Hub an E commerce Category Bootstrap Responsive Web Template

bootstrap 4 ecommerce free

Demo Download

Electro Store an Ecommerce Theme Bootstrap Template

bootstrap 4 ecommerce free

Demo Download

Electro Store an Ecommerce Theme Bootstrap Template

bootstrap 4 ecommerce free

Demo Download

Downy Shoes Ecommerce Category Bootstrap Responsive Web Template

bootstrap ecommerce download

Demo Download

Grocery Shoppy Ecommerce Bootstrap Responsive Web Template

bootstrap ecommerce download

Demo Download

Prezzie

bootstrap ecommerce download

Demo Download

Elite Shoppy

bootstrap ecommerce theme

Demo Download

Super Market

bootstrap ecommerce theme

Demo Download

Super Market

bootstrap ecommerce theme

Demo Download

Electronic Store

bootstrap ecommerce theme download

Demo Download

Groovy Apparel

bootstrap ecommerce theme download

Demo Download

Fashion Club

bootstrap ecommerce responsive theme

Demo Download

Smart Bazaar

ecommerce theme-bootstrap 3 free

Demo Download

Grocery Store

bootstrap-ecommerce template download

Demo Download

Big store

ecommerce template bootstrap free

Demo Download

Modern Shoppe

bootstrap free template

Demo Download

Pendent Store

ecommerce template free

Demo Download

Divisima

bootstrap 4 free

Demo Download

Boighor

download ootstrap ecommerce

Demo Download

Boighor

bootstrap 3 ecommerce free

Demo Download

New Store

bootstrap 3 ecommerce free

Demo Download

New Store

bootstrap 3 ecommerce free

Demo Download

20+ Best Responsive Free WordPress Business Themes 2019

Here i am presenting you a good collection of Free WordPress Business Themes. I strongly believe that this collection will be useful for your upcoming wordpress projects. Most of these wordpress themes are free download and use. Every theme comes with the customization option . The wordpress customization option will help you to change the default theme with matching your own project.

Density

education free wordpress theme
Density is a WordPress theme that is useful for startups, businesses, businesses and consulting. Theme is also the latest version of WordPress tested. The design can be fully edited as it is based on the WordPress customization program. Theme is useful for digital agencies, start-ups and any type of business.

Demo Download

The Business WP

education free wordpress theme

The free responsive Business WP is a creative multipurpose business theme ideally suited to the Portfolio, Business, Corporate, WooCommerce, Travel and Creative agencies. The flexibility and theme options like services, Woocommerce integration, contact, legend, social, team, skills, testimonials, sliders, header and footer customization, typography features in the theme will make you feel good

Demo Download

Business Hour

download free wordpress business theme

Business Hour is a child’s topic of Ample Business. Business Hour is a clean, simple and professional business theme with attractive features and numerous features for business and corporate websites.

Demo Download

Business Grow

responsive wordpress business theme

Business Grow wordpress free theme is a child theme of Ample Business. It’s a clean, simple and professional business theme with fabulous elements and many features for corporate and business websites.

Demo Download

Negocio Business

responsive wordpress business theme

Negocio Business is a bold, versatile, imaginative, intuitive and eye-catching WordPress responsive theme. This theme is suitable for all business types, small and large companies, distribution and marketing companies, agencies, start-ups, investment companies, bitcoin and cryptocurrency companies, e-commerce companies and all in between and beyond.

Demo Download

Multiple Business

responsive wordpress business theme

Multiple Business wordpress free theme is a clean, elegant and responsive theme. This is suitable for both corporate and creative businesses. Multiple Business responsive WordPress theme is build with unique and modern design.

Demo Download

Business Path

free wordpress business theme download

A prefect Free Business responsive WordPress Theme. This business wordpress theme includes cutomization options like beautiful slider, header options, WooCommerce compatibility, multiple blog layouts and lot of other options.

Demo Download

Tijarat Business

download wordpress business theme

The Tijarat Business WordPress theme is a professionally designed, clean, sleek, and rich offering to showcase your services in a beautiful way. This free WordPress business theme caters to businesses of all sizes – from individuals to multinational corporations and all other types of business websites. This engaging theme is the best option for joint ventures, e-commerce sites, creative agencies, businesses, entrepreneurs, start-ups, web development agencies, enterprise development companies, digital marketing agencies, consultants, organizations, companies, sales and marketing companies. Advertising and investment companies and all other companies.

Demo Download

Business Cast

corporate free wordpress theme

Business-Cast is a clean and attractive WordPress theme for businesses. This theme is suitable for shops, business e-commerce stores or creative agencies. Even without programming skills, you can easily install and configure your site. Special website template, and you can use different widget as per the needs to make your site attractive.

Demo Download

Ample Business

business consulting free wordpress theme

Ample Business is an awesome, professional and flexible free business WordPress theme for business consulting and investment, based on extensive research, consulting and investment research. It’s a breathtaking free WordPress theme for financial and consulting professionals, financial advisors, insurance brokers, accountants, lawyers, financial firms, consultants, investment advisors, advisors, professionals investment, technology consulting, blogging, business development agencies and others and consult with affiliates.

Demo Download

Businessly

business consulting free wordpress theme

Businessly is a versatile and responsive free WordPress business theme. Single pagers 1 are very popular because products / applications can be presented in a creative and elegant way. It’s easy to launch a landing page or a single page with our modern theme because of its features and its flat and simple design, its large header and sleek design.

Demo Download

Business Way

free business wordpress theme

A Free WordPress Theme for Business This theme offers amazing customization options, headers, WooCommerce compatibility, multiple blog layouts, and more. It also adds options for the footer area, sidebar options, page types, off animation options, and search placeholders.

Demo Download

Multipurpose Business

seo optimized elegant wordpress theme

Multipurpose Business is a free WordPress theme, optimized for SEO and elegant, carefully designed and offer you a sleek, modern and clean design with useful Web elements that distinguish your site from the crowd.

Demo Download

Business Gravity

seo optimized elegant wordpress theme

Business Gravity is a clean, responsive wordpress theme. This stylish free wordpress theme design suits for businesses and creative businesses and offers maximum flexibility.

Demo Download

Business Cover Lite

seo optimized elegant wordpress theme

Most companies used free responsive WordPress themes from Business Cover Lite. This free thme can be use for marketing, finance, stock market, IT infrastructure, consultants, manufacturing facilities, services, retailers, wholesalers, online businesses, businesses, IT companies, the textile industry and many others.

Demo Download

Business Square

bootstrap wordpress theme download

Business Square is a free responsive wordpress theme and offers a very elegant look.This is multipurpose wordpress theme good for agencies, music sites and other small businesses.

Demo Download

Business Aid

wordpress-theme

Demo Download

Advance Business

corporate companies wordpress-theme

Demo Download

Business Startup

wordpress business template

Demo Download

Business Champ

responsive multipuropose wordpress theme

Business Champ is a simple, shapely, responsive free WordPress theme. The awesome customization option help you to create business, portfolio, travel and tour, news, beauty, business, yoga, blog, construction, education, fitness and many more drop sites. Each section can be easily added.

Demo Download

Business Brand

responsive multipuropose wordpress theme

Demo Download

Business Idea

responsive multipuropose wordpress theme

Demo Download

Business Idea

responsive multipuropose wordpress theme

Demo Download

Business Intuition

download free theme

Demo Download

Monster Business

wordpress business theme.png

Demo Download

Awesome Business

wordpress download theme

Demo Download

Master Business

wordpress theme free

Demo Download

Master Business

wordpress theme free

Demo Download

30+ Best Free Education WordPress Themes in 2019

Presenting you a good collection of the available best education wordpress themes. These all free wordpress themes designed for School. College, University, E-learing, Online Courses, High schools and all other education related websites. These free wordpress themes should fulfill your needs for educational website.

WordPress is a free and open-source content management system an its based PHP and MySql. This inclues plugin architecture and template system. The main feature with wordpress is it is most associated with blogging and also supports other types of websites. We can able to integrate many userfriendly features for clients.

Here i have collected 30 plus free education wordpress themes . We can download all these free themes and cutomize as per the need.

Educaional

education free wordpress theme
Educaional is a wordpress theme that specially designed for for university, school, college or other educational institutions. This free wordpress theme is simple, clean, responsive and user-friendly. The Educational free responsive wordpress theme has powerful theme customization options such as custom header settings, logo, custom menu, social icons, featured slider, courses and more. You can use this optiona and makes your website more engaging and informative for you users.

Demo Download

Education Minimal

education free responsive wordpress theme
Education Minimal is a clean and minimalist free WordPress theme. Above all,it is developed especially for an educational field like schools, colleges, universities, institutes and related all other institutions etc. But it will be useful for other purposes also like Blogs info websites.This free responsive wordpress theme gives you stunnning looking website just put you contents and its ready to go and more features.

Demo Download

Education Institute

free education responsive wordpress theme
Education-institute ? is a clean and responsive modern Education WordPress Theme. This free wordpress theme is suitable for any university, workshop, college, school, course hub, training center or any kind of educational institution. This theme includes multiple pages layout, those are easy to edit and customize for your own needs. Also Education theme is a perfect solution for your any educational and institutional websites.

Demo Download

Education Ready

free wordpress theme
This Education Ready is child theme of Education Method. Education Ready is a clean, simple and professional business wordpress free theme with attractive elements and ample of features for business and corporate websites. This responsive free wordpress theme well suitable for business, corporate, private, informative, agencies, travel, design, art, personal ,woocommerce shop and any other creative websites and blogs.

Demo Download

Iqra Education

school free wordpress theme
Iqra Education is perfect wordpress free theme for the school, college or university and for the training centers as well as LMS learning modules. If you want to open up the educational websites or have the goal of amendments in the high schools or kindergarten, then this WordPress theme is a very suitable option.Iqra known for its responsive nature as well as the powerful features.

Demo Download

VW Education Academy

academy free wordpress theme.png
VW Education Academy is a feature full academic free WordPress theme. It is an unique theme for different types of teaching and educational websites whether it is for college, university, high school, training academy, LMS, guidance and counselling centre, coaching centre, institute, distance education.

Demo Download

Advance Education

free wordpress education theme
Advance Education WordPress Theme is a fresh, responsive, visually appealing and elegant theme. It is suitable for all training academies, online educational portals, distance learning, coaching centers, mentors, online library, education websites, and everything related to education, learning, and teaching.

Demo Download

Education Method

wordpress responsive theme
Education Method is a clean and minimalist free WordPress theme. Mainly it is designed for an educational sector such as schools, colleges, universities, institutes, etc. But it can also be useful for other purposes.

Demo Download

Kindergarten Education

free wordpress theme download
The Kindergarten Education is a wonderful and minimal kids school wordpress theme . This is a kids school theme with lot of features, user-friendly customization and personalization options.

Demo Download

Education Corner

free institution wordpress theme

Demo Download

Education Consultr

free institution wordpress theme

Demo Download

Education X

school free responsive wordpress theme

Demo Download

Shark Education

free wordpress responsive theme

Demo Download

Uni Education

college free responsive wordpress theme

Demo Download

Free Education

academy free wordpress responsive theme

Demo Download

Kids Education

free wordpress responsive theme downlaod

Demo Download

Education LMS

free responsive wordpress theme

Demo Download

VW School Education

best free wordpress themes 2019.png

Demo Download

Corporate Education

educational themes for schools free

Demo Download

Gurukul Education

university education responsive wordpress theme free download

Demo Download

Education Booster

high school wordpress theme free download

Demo Download

Education Point

free wordpress themes for researchers

Demo Download

Creativ Education

free wordpress themes for researchers

Demo Download

Academic Education

free wordpress themes for researchers

Demo Download

Education Web

high school wordpress theme

Demo Download

College Education

primary school wordpress theme

Demo Download

Higher Education

educational themes

Demo Download

HB Education

free high school wordpress theme

Demo Download

Best Education

free high school wordpress theme

Demo Download

Education Mind

free high school wordpress theme

Demo Download

Education Park

school themes for 2018

Demo Download

Child Education

wordPress theme for children

Demo Download

Education Care

free institution wordpress theme downlad

Demo Download

Education Base

responsive wordpress theme

Demo Download

VW Education Lite

download free wordpress responsive theme

Demo Download

Clean Education

educational themes free

Demo Download

Education Zone

educational themes free download

Demo Download

Education Hub

responsive wordpress theme download

Demo Download

Tutor

wordpress educational themes

Demo Download

Best Free Bootstrap 4 website templates

Download the best free bootstrap 4 website templates from the below collections. Bootstrap 4 is now trending responsive framework providing best features. For crafting various types of websites these bootstrap themes will help you. web designers and developers now creating lot of website templates by using bootstrap framework. It is very difficult to find the perfect bootstrap themes for your project. In that case these bootstrap 4 website templates will help you. Here i have sort out the best responsive bootstrap themes to makes your work easy.

Customize it your own way

Every business firms need a website on this fast growing and competitive world. As per your business need you can select one of the website template from the listed collection.

For customizing the downloaded theme you can find some helpfull resources here.

helpful Resources for customizing bootstrap

Creating a bootstrap theme from scratch sometimes harder, to making the work easier you can use these bootstrap templates. If you are beginner please get inspired from these free website templates and start to code yourself

Digital Agency

Creative Agency Template built with Bootstrap 4creative agency

Demo Download

New Age

New Age is an app landing page built with bootstrap 4 that will help you beautifully showcase your new mobile app, or anything else!creative agency

Demo Download

Bell ? Free Multipurpose Bootstrap 4 Template

creative agency

Demo Download

Bootstrap 4 website template

bootstrap 4 theme-template

Demo Download

Material Landing

bootstrap 4 template free

Demo Download

Engage ? Multi-purpose Bootstrap 4 Template

bootstrap 4 free theme

Demo Download

Awesome App

bootstrap 4 free landing page template

Demo Download

Agency

free bootstrap 4 website theme

Demo Download

Impact ? Multipurpose Responsive TemplateHome ? Bootstrap Templates ? Impact

bootstrap 4 free theme download

Demo Download

Steve – Free HTML5 portfolio website template based on latest Bootstrap 4

bootstrap 4 free theme download

Demo Download

Eventre

free bootstrap 4 theme download

Demo Download

Classimax

free bootstrap 4 templates download

Demo Download

Infinity

bootstrap 4 template download

Demo Download

Best Free Educational Bootstrap Website Temlates

Online learning, E learning, e tutor we are hearing about these key words nowadays regularly. Besides educational institutions now providing learning system for becoming more popular and get more business. More firms and institutions now start planning service through online. There is competition also a vision behind this , Deliver education in everybody thumb. Who eager to learning through online provide them the online paid training also free tutorials. So the educational institutions now start to competing with these online or elearning system. So they forced to market there qualities through online. Schools , colleges even kindergartens too advertising themselves through online also some institutions start to deliver elearning too. When one client approaches to you with this need your searches will start to search like the following

Best free Educational bootstrap website templates, bootstrap free themes, free bootstrap educational web site themes, education responsive website templates free download, educational institute website templates free download, school website templates free download html, Top educational responsive themes etc.. you can stop searching that after reading these full list of website templates for colleges schools all educational institutions.

What will be the client main needs. just have a look. Neat and clean standard website. Match with the color code of the school or education institutions logo.. anyway thats all in your hand. Responsiveness… One big thing . The website must be fully responsive . So mostly concentrated to collecting free bootstrap themes.

Course – Feature-rich, Multi-page Free HTML5 Education Template

Course is a free education HTML bootstrap template to develop an academic website fast. With the fascinating web layout and Bootstrap 4 support, it?s a real precious for the design professionals. You can download this free bootstrap 4 website template and start to develop the website so easily.

bootstrap 4 free website template

Demo Download

Bootstrap 4 Education Template

Stunning bootstrap 4 educational website template. Build with Bootstrap 4 you can use by downloading . Good match for all education based websites.

bootstrap education template

Demo Download

Bright ? Bootstrap HTML5 Education Template

Bright is Free & Premium responsive Bootstrap HTML5 Education Template Specially designed for University, College, School, Training Institutes and Course Websites.

bootstrap education template

Demo Download

Edusite

school bootstrap responsive free template

Demo Download

Mentor Free Education Bootstrap Theme

Mentor is a free HTML5 website template is based on Bootstrap framework, fully responsive and retina ready. This bootstrap based free website template is very well for any kind of Education, like the University, College, Campus, School, kindergarten and any other related to educational institutions. This free bootstrap responsive website template looks attractive and fabulous on desktop and mobile devices.

bootstrap education template

Demo Download

Academy An Education Category Flat Bootstrap Responsive Web Template

ACADEMY ? An Education based Flat Bootstrap Responsive Website Template designed with soothing colors and awesome responsivity. This free bootstrap responsive theme shaped out from coding with HTML5, CSS3, and twitter Bootstrap Framework.

bootstrap education template

Demo Download

Eskwela

online education website

Demo Download

Brilliance an Education Category Flat Bootstrap Responsive Web Template

Brilliance is an education themed multipurpose bootstrap template, an excellent option for all your educational websites in order to show the educational services via online and increase your online presence by using this elegantly designed responsive website template.

bootstrap education template

Demo Download

Education: Free HTML5 Bootstrap Template eLearning School Websitese

bootstrap education template

Demo Download

Education: Free HTML5 Bootstrap Template eLearning School Websitese

free educational template

Demo Download

Kids Corner a Educational Multipurpose Flat Bootstrap Responsive web template

kindergarten website template

Demo Download

Learner a Educational Flat Responsive web template

kindergarten website template

Demo Download

Free Bootstrap Responsive web template

kindergarten website template

Demo Download

eLearning Free Educational Responsive Web Template

e learing website template

Demo Download

Academia Education Mobile Website Template

e learing website template

Demo Download

Download Full Responsive JavaScript image and video gallery

Image gallery and video galleries are unavoidable items in websites. As per the current web design trends we need more features in everything. Here is one fully responsive javascript image and video gallery that fullfil all features. Please check the following listed main features.

  • Fully responsive.
  • Modular architecture with built in plugins.
  • Touch support for mobile devices.
  • Mouse drag supports for desktops.
  • Animated thumbnails.
  • Social media sharing.
  • YouTube, Vimeo, Dailymotion, VK and HTML5 video support.
  • Full screen support.
  • Supports zoom.
  • Browser history API.
  • Responsive images.
  • HTML iframe support.
  • Keyboard Navigation for desktop.

CDN

http://www.jsdelivr.com/projects/lightgallery.js

Implement in your projects by do the following steps

Include CSS and Javascript files

CSS goes in head section

<head>
<link rel="stylesheet" href="css/lightgallery.css">
</head>

After that include the js library, here its lightgallery.min.css into your footer area
[sourcecode language="plain"]
<body>
…

<script src="js/lightgallery.min.js"></script>

<!– lightgallery plugins –>
<script src="js/lg-thumbnail.min.js"></script>
<script src="js/lg-fullscreen.min.js"></script>
</body>

The markup for light gallery

You can use your own markup too , Here am showing a sample

<div id="lightgallery">
<a href="img/img1.jpg">
<img src="img/thumb1.jpg">
</a>
<a href="img/img2.jpg">
<img src="img/thumb2.jpg">
</a>
…
</div>

Initialize the plugin

<script>
lightGallery(document.getElementById(‘lightgallery’));
</script>

Demo Read More Download

Download Custom image view for Android – Subsampling Scale Image View

Download Library for Subsampling a custom image view for android, created for picture gallerries and showing huge images like maps and building plans without OutOfMemoryErrors. This custome image view includes pinch to zoom, panning , rotation and animation support, and have permissions to easy extensions so good for adding own overlays and touch event detection.

Read More Download

Download jQuery plugin : Touch enabled, responsive lightbox for displaying images and videos

Download jQuery Touch enabled, responsive lightbox for displaying images, videos. You can download and customize it your own way.

<!– 1. Add latest jQuery and fancybox files –>

<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.css" />
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.js"></script>

<!– 2. Create links –>

<a data-fancybox="gallery" href="big_1.jpg"><img src="small_1.jpg"></a>
<a data-fancybox="gallery" href="big_2.jpg"><img src="small_2.jpg"></a>

<!– 3. Have fun! –>

Here is the quick start guide. Follow below steps.

Demo Read More Download

Download JavaScript image gallery plugin for mobile and desktop

Another gallery solution for your upcoming web projects, Javascript image gallery. Its compatible with mobile and desktop.

Include JS and CSS files

<!-- Core CSS file -->
<link rel="stylesheet" href="path/to/photoswipe.css"> 

<!-- Skin CSS file (styling of UI - buttons, caption, etc.)
     In the folder of skin CSS file there are also:
     - .png and .svg icons sprite, 
     - preloader.gif (for browsers that do not support CSS animations) -->
<link rel="stylesheet" href="path/to/default-skin/default-skin.css"> 

<!-- Core JS file -->
<script src="path/to/photoswipe.min.js"></script> 

<!-- UI JS file -->
<script src="path/to/photoswipe-ui-default.min.js"></script> 

Add PhotoSwipe (.pswp) element to DOM

Also we can add HTML code dynamically via JS or have it in the page starts

<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

    <!-- Background of PhotoSwipe. 
         It's a separate element as animating opacity is faster than rgba(). -->
    <div class="pswp__bg"></div>

    <!-- Slides wrapper with overflow:hidden. -->
    <div class="pswp__scroll-wrap">

        <!-- Container that holds slides. 
            PhotoSwipe keeps only 3 of them in the DOM to save memory.
            Don't modify these 3 pswp__item elements, data is added later on. -->
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>

        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
        <div class="pswp__ui pswp__ui--hidden">

            <div class="pswp__top-bar">

                <!--  Controls are self-explanatory. Order can be changed. -->

                <div class="pswp__counter"></div>

                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

                <button class="pswp__button pswp__button--share" title="Share"></button>

                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

                <!-- Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR -->
                <!-- element will get class pswp__preloader--active when preloader is running -->
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                      <div class="pswp__preloader__cut">
                        <div class="pswp__preloader__donut"></div>
                      </div>
                    </div>
                </div>
            </div>

            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div> 
            </div>

            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>

            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>

            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>

        </div>

    </div>

</div>

Plugin initialize

var pswpElement = document.querySelectorAll('.pswp')[0];

// build items array
var items = [
    {
        src: 'https://placekitten.com/600/400',
        w: 600,
        h: 400
    },
    {
        src: 'https://placekitten.com/1200/900',
        w: 1200,
        h: 900
    }
];

// define options (if needed)
var options = {
    // optionName: 'option value'
    // for example:
    index: 0 // start at first slide
};

// Initializes and opens PhotoSwipe
var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);
gallery.init();

Demo Read More Download

Download Awesome Mobile Touch Slider

Swiper is the free latest mobile touch slider. Includes with hardware accelerated transitions and awesome native behavior. The swiper designed for using in mobile websites, mobile web apps, and native hybrid apps . Intentionally designed for iOS, but also compatible with latest android and windows versions.

Please not one thing “Swiper is not compatible with all platforms”

Demo Read More Download

Download jQuery grid plugin Ajax-enabled JavaScript control

jqGrid is an Ajax-enabled JavaScript control that provides solutions for presenting and manipulating table data on the Web. Because the Grid is a client-side solution that dynamically loads data through Ajax callbacks, it can be integrated with any server-side technology, including PHP, ASP, Java Servlets, JSP, ColdFusion, and Perl.

Demo Read More

Material Design for Bootstrap

Material Design for Bootstrap is the best way to use Material Design guidelines by Google in your Bootstrap 4 based application. Since this is a fully customizable version of Bootstrap, just include Material Design for Bootstrap CSS instead of Bootstrap CSS, and include the JavaScript at the end of your document (just before the tag), and everything will be converted to Material Design.

Read More Download

jQuery Scroll Indicator Plugin

Modern browsers and especially mobile devices often do not have permanent scrollbars. Scroll bars on mobile devices are not necessary because the user simply moves by dragging. The problem with this though is that users may miss the ability to scroll through a certain window to see more. This applies mainly to

and

Chanakya’s quotes

The biggest guru-mantra is: never share your secrets with anybody. It will destroy you

It is better to die than to preserve this life by incurring disgrace. The loss of life causes but a moment’s grief, but disgrace brings grief every day of one’s life.

We should not fret for what is past, nor should we be anxious about the future; men of discernment deal only with the present moment.

Treat your kid like a darling for the first five years. For the next five years, scold them. By the time they turn sixteen, treat them like a friend. Your grown up children are your best friends.

There is some self-interest behind every friendship. There is no friendship without self-interests. This is a bitter truth.

The serpent, the king, the tiger, the stinging wasp, the small child, the dog owned by other people, and the fool: these seven ought not to be awakened from sleep.

God is not present in idols. Your feelings are your god. The soul is your temple.

Once you start a working on something, don’t be afraid of failure and don’t abandon it. People who work sincerely are the happiest.

Never make friends with people who are above or below you in status. Such friendships will never give you any happiness.

O wise man! Give your wealth only to the worthy and never to others. The water of the sea received by the clouds is always sweet.

The fragrance of flowers spreads only in the direction of the wind. But the goodness of a person spreads in all directions.

Do not reveal what you have thought upon doing, but by wise council keep it secret being determined to carry it into execution.

If one has a good disposition, what other virtue is needed? If a man has fame, what is the value of other ornamentation?

Purity of speech, of the mind, of the senses, and of a compassionate heart are needed by one who desires to rise to the divine platform.

One whose knowledge is confined to books and whose wealth is in the possession of others, can use neither his knowledge nor wealth when the need for them arises.

As long as your body is healthy and under control and death is distant, try to save your soul; when death is immanent what can you do?

Books are as useful to a stupid person as a mirror is useful to a blind person.

Even if a snake is not poisonous, it should pretend to be venomous.

Test a servant while in the discharge of his duty, a relative in difficulty, a friend in adversity, and a wife in misfortune.

The wise man should restrain his senses like the crane and accomplish his purpose with due knowledge of his place, time and ability.

The happiness and peace attained by those satisfied by the nectar of spiritual tranquillity is not attained by greedy persons restlessly moving here and there.

A man is born alone and dies alone; and he experiences the good and bad consequences of his karma alone; and he goes alone to hell or the Supreme abode.

A person should not be too honest. Straight trees are cut first and honest people are screwed first.

The life of an uneducated man is as useless as the tail of a dog which neither covers its rear end, nor protects it from the bites of insects.

The world’s biggest power is the youth and beauty of a woman.

As soon as the fear approaches near, attack and destroy it.

There is no austerity equal to a balanced mind, and there is no happiness equal to contentment; there is no disease like covetousness, and no virtue like mercy.

He who lives in our mind is near though he may actually be far away; but he who is not in our heart is far though he may really be nearby.

The earth is supported by the power of truth; it is the power of truth that makes the sun shine and the winds blow; indeed all things rest upon truth.

As a single withered tree, if set aflame, causes a whole forest to burn, so does a rascal son destroy a whole family.

The one excellent thing that can be learned from a lion is that whatever a man intends doing should be done by him with a whole-hearted and strenuous effort.

He who is overly attached to his family members experiences fear and sorrow, for the root of all grief is attachment. Thus one should discard attachment to be happy.

There is poison in the fang of the serpent, in the mouth of the fly and in the sting of a scorpion; but the wicked man is saturated with it.

A good wife is one who serves her husband in the morning like a mother does, loves him in the day like a sister does and pleases him like a prostitute in the night.

Education is the best friend. An educated person is respected everywhere. Education beats the beauty and the youth.

A man is great by deeds, not by birth.

Before you start some work, always ask yourself three questions – Why am I doing it, What the results might be and Will I be successful. Only when you think deeply and find satisfactory answers to these questions, go ahead.

Do not be very upright in your dealings for you would see by going to the forest that straight trees are cut down while crooked ones are left standing.

jquery plugins, web designer and web developer resources