Prakash Pandey

Monday, 29 August 2016

Fully Responsive Footer For css

@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,700');

*{
    padding:0;
    margin:0;
}

html{
    background-color: #eaf0f2;
}

body{
    font:14px/1.5 Arial, Helvetica, sans-serif;
}

@media (max-height:800px){
    footer { position: static; }

}
.footer-distributed{
    background-color: #E83556;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    font: bold 16px sans-serif;

    padding: 55px 50px;
    margin-top: 0px;
}
.footer-distributed .footer-left,
.footer-distributed .footer-center1,
.footer-distributed .footer-center2,
.footer-distributed .footer-right{
    display: inline-block;
    vertical-align: top;
    width: 22%;
    text-align:right;
    margin-right:10px;
    position: relative;

}
/* Footer */

.imagediv {
    text-align: right;
    width: 40%;
    float:left;
}
.image {
    width: 50%;
}
.content {
    text-align: left;
    width: 50%;
    color: white;
    font-size:12px;
    float:right;
}

@media (max-width: 880px) {

.footer-distributed{
    background-color: #E83556;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    font: bold 16px sans-serif;

    padding: 55px 50px;
    margin-top: 0px;
}

    .footer-distributed .footer-left,
    .footer-distributed .footer-center1,
    .footer-distributed .footer-center2,
    .footer-distributed .footer-right{
        display: inline-block;
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }




    .footer-distributed .footer-center i{
        margin-left: 0;
    }

}

Fully Responsive Footer in four Column

In this tutorial we will be creating a basic responsive Footer with four column using only HTML and CSS. Many Footer (especially responsive ones) are created using a combination of HTML, CSS This simple CSS. And Css Tutorial in next Post click on it For Css

Link :- http://prakashdevloper.blogspot.in/2016/08/fully-responsive-footer-for-css.html

<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">


    <meta name="keywords" content="footer, address, phone, icons" />

    <title>Footer </title>

    <link rel="stylesheet" href="css/style.css">

    <link href="http://fonts.googleapis.com/css?family=Cookie" rel="stylesheet" type="text/css">

</head>

    <body>


            

            <footer class="footer-distributed">
                <div class="footer-left">

                <div class="imagediv">
                <img src="img/what.png" class="image">
                </div>
                <div class="content">
                <p>
                 WhatsApp<br/>
                (+49) 176 9877 408
                </p>
                </div>
                </div>

                <div class="footer-center1">

                <div class="imagediv">
                <img src="img/email.png" class="image">
                </div>
                <div class="content">
                <p>
                 Email <br/>
                kontaktlourenz@yahoo.de

                </p>
                </div>

                </div>
                <div class="footer-center2">

                <div class="imagediv">
                <img src="img/add.png" class="image">
                </div>
                <div class="content">
                <p>
                 <img src="img/f.png" class="phonemg" width="20%">
                <img src="img/g.png" class="phonemg" width="20%">

                </p>
                </div>

                </div>
                <div class="footer-right">
                <div class="imagediv">
                <img src="img/copyright.png" class="image">
                </div>
                <div class="content">
                <p>

                © 2016 by Lawrence Anumudu.

                </p>
                </div>

                </div>

            </footer>

    </body>

</html>

Friday, 26 August 2016

Free IDM Serial Number

How to apply Serial keys............

1. Turn off internet connection...

2. Enter any fake data's in name and email....

3. Enter any one row of keys given below

4. Enjoy!

5. Don't forgot to share if it works.

Serial keys............

629U7-XLT5H-6SCGJ-2CENZ

L67GT-CE6TR-DFT1D-XWVCM

XONF7-PMUOL-HU7P4-D1QQX

F9TZ9-P6IGF-SME74-2WP21

CJA0S-K6CO4-R4NPJ-EKNRK

N0Z90-KJTTW-7TZO4-I27A1

Thursday, 25 August 2016

How to Become Famous on the Google

Step - 1
Learn About Google That How it work and Then Give Your Post ........

Wednesday, 24 August 2016

How To Do Krishna Puja

The Greatest Shri Krishna pooja that a person can do is to read the Bhagavad Gita and go to template of God Krishna . But many people feel the need to perform a puja when they feel they need to connect with the Supreme Being. A simple puja dedicated to Lord Krishna helps in keeping the mind calm and in concentrating. Some people exclusively perform Sri Krishna pooja during Shri Krishna Jayanti or Janmashtami or Gokulashtami.

Pages