A PHP Error was encountered

Severity: Notice

Message: Undefined variable: staticTitle

Filename: views/header.php

Line Number: 16

Backtrace:

File: /home/spfoundationbd/public_html/application/views/header.php
Line: 16
Function: _error_handler

File: /home/spfoundationbd/public_html/application/controllers/BlogController.php
Line: 1346
Function: view

File: /home/spfoundationbd/public_html/index.php
Line: 315
Function: require_once

PHP & Website Design, Development Tutorials | SP Foundation
Display Loading Image While Page Loads using jQuery and CSS

Display Loading Image While Page Loads using jQuery and CSS

Md. Shahab uddin
15-02-2018

A web page load time depends on the page elements and it may be longer for lots of images, JavaScript, and CSS. Sometimes well-designed pages suffer for page load time. There are many ways to optimize your web pages to load faster.

Read More
How to custom checkbox create with background

How to custom checkbox create with background

Md. Shahab uddin
01-02-2018

<!DOCTYPE html>

<html>

<body>

<h1>Custom Checkboxes</h1>

<label class="chk_lbl">One

  <input type="checkbox" checked="checked">

  <span class="checkmark"></span>

</label>

<label class="chk_lbl">Two

  <input type="checkbox">

  <span class="checkmark"></span>

</label>

<label class="chk_lbl">Three

  <input type="checkbox">

  <span class="checkmark"></span>

</label>

<label class="chk_lbl">Four

  <input type="checkbox">

  <span class="checkmark"></span>

</label>

</body>

</html>

 

Read More
Custom file upload button with pure css

Custom file upload button with pure css

Md. Shahab uddin
25-11-2017

HTML Code

<div class="upload-btn-wrapper">

  <button class="btn">Upload a file</button>

  <input type="file" name="myfile" />

</div>

Read More
how to create a mouse effect

how to create a mouse effect

Md. Shahab uddin
05-07-2017

<div class="col-md-4">

 <div class="singlePortfolio portfolio-main">

  <img src="http://localhost/all_file/codeigniter/blog/

uploads/portfolio/SPF170115090151.png">

 <div class="portfolio-shadow"></div>

 <a href="" class="portfolio-more-text">More Info</a>

</div>

 </div>

</div>

Read More
How to create a slider carousel

How to create a slider carousel

Md. Shahab uddin
04-05-2017

script file:

//carousel slider

    $(document).ready(function () {

    $('#media').carousel({

    pause: true,

            interval: false,

            autoplay:false

            autoplayTimeout:5000

            autoplayHoverPause:false

    });

    });

Read More
When i scroll down then menu & header is top fixed

When i scroll down then menu & header is top fixed

Md. Shahab uddin
16-03-2017
.....

.fixed {

    position: fixed; 

    top: 0; 

    height: 10px; 

    z-index: 1;    width: 100%;

    background: #fff;    height: 85px;

}

Read More
How to create a Dropdown Menu

How to create a Dropdown Menu

Md. Shahab uddin
17-01-2017

At first Link Bootstrap & Jquery CDN file

Css:

menuSection{

}

.menuArea{   

    border-bottom: 1px solid #008F2B;

}

.menuArea ul li a{

    font-size: 16px;

    font-family: SolaimanLipi,FallbackBengaliFont, Siyam Rupali, Vrinda,Helvetica,sans-serif;

    margin-right: 0px;

    border: 0px;

}

.navbar{

    margin-bottom: 5px;

}

.navbar-default {

    background-color: #fff;

    border-color: #fff;

 

}

Read More