How to send mail from PHP Localhost Server


Yes, we can send the Email from Local Machine and Internet Connection is must.
Open your php.ini file located in your folder C:\wamp\bin\php\php5.3.4
Search for mail function in the php.ini file. Change localhost to mailer server name of your webhosting account and save it. Finally restart your local wamp server.

[mail function]
; For Win32 only.
; http://php.net/smtp
SMTP = smtp.yourdomain.com
; http://php.net/smtp-port
smtp_port = 25
; For Win32 only.
sendmail_from = info@yourdomain.com

Pinterest-Style Column Layout In Pure CSS


<div id="wrapper">
    <div id="columns">
    
        <figure>
        <img src="demo.jpg" alt>
        <figcaption>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</figcaption>
        </figure> 

        <figure>
        <img src="demo_2.jpg" alt>
        <figcaption>caption goes here...</figcaption>
        </figure> 

        <figure>
        <img src="demo_3.jpg" alt>
        <figcaption>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</figcaption>
        </figure> 
..................
        
    </div>
</div>  

<------------ CSS ------------>  
#wrapper {
        max-width:80%;
        margin: 0 auto;
    }
    #columns {
        column-gap: 15px;
        column-width: 220px;
        -moz-column-gap: 15px;
        -moz-column-width: 220px;
        -webkit-column-gap: 15px;
        -webkit-column-width: 220px;
        background: rgba(0, 0, 0, 0);
        font-family: Arial,sans-serif;
        padding: 15px;
        width: 100%;
    }    

    div#columns figure {
        background: none repeat scroll 0 0 #fefefe;
        border: 2px solid #fcfcfc;
        box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
        display: inline-block;
        margin: 0 2px 15px;
        padding: 15px 15px 10px;
        transition: all 0.4s ease-in-out 0s;
        text-align: center;
    }

    div#columns figure img {
        width: 100%; 
        height: auto;
        border-bottom: 1px solid #ccc;
        padding-bottom: 15px;
        margin-bottom: 5px;
    }
    #columns figure figcaption {
        color: #444;
        font-size: 0.9rem;
        line-height: 1.5;
        margin: 0;
        text-align: left;
    }

Equal height columns using only CSS


<div class="page-container"> 
    <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  
    Etiam congue, tortor in mattis mattis, arcu erat pharetra orci, at vestibulum lorem ante a felis.  
    Integer sit amet est ac elit vulputate lobortis. Vestibulum in ipsum nulla. Aenean erat elit,  
    lacinia sit amet adipiscing quis, aliquet at erat. Vivamus massa sem, cursus vel semper non,  
    dictum vitae mi. Donec sed bibendum ante. 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  
    Etiam congue, tortor in mattis mattis, arcu erat pharetra orci, at vestibulum lorem ante a felis.  
    Integer sit amet est ac elit vulputate lobortis. Vestibulum in ipsum nulla. Aenean erat elit,  
    lacinia sit amet adipiscing quis, aliquet at erat. Vivamus massa sem, cursus vel semper non,  
    dictum vitae mi. Donec sed bibendum ante.
    </div> 
   
    <div class="sidebar">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  
    Etiam congue, tortor in mattis mattis, arcu erat pharetra orci, at vestibulum lorem ante a felis.
    </div> 
</div> 

.page-container { 
    display: table; 
} 
 
.content { 
    width: 450px;
    padding: 20px;
    float: none;
    display: table-cell;
    vertical-align: top;
    background-color: #CCC; 
} 
 
.sidebar {
    width: 250px;
    padding: 20px;
    float: none;
    display: table-cell;
    vertical-align: top;
    background-color: #999; 
}