"; } } else { ?>

Similarly, the output of the above code will look like this.

Making a Dashboard Page

Once member signin i will redirect to the member dashboard page. Create a PHP file named dashboard.php and paste the below code in it.

dashboard.php





    
    Dashboard - Client area
    


    

Hey, !

You are now member dashboard page.

Logout

Similarly, you can create another secure page. Only you need to add the below code first in your PHP file.


Create a Logout (Destroy session)

When clicking on the logout button i have to destroy member sessions. It will redirect to the signin page. Thus, create a file named logout.php and add the below code.

logout.php


CSS File Create

Finally, important step for a member experience perspective. Create CSS file style.css and put the below code.

style.css

body {
    background: #3e4144;
}
.form {
    margin: 50px auto;
    width: 300px;
    padding: 30px 25px;
    background: white;
}
h1.signin-title {
    color: #666;
    margin: 0px auto 25px;
    font-size: 25px;
    font-weight: 300;
    text-align: center;
}
.signin-input {
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 25px;
    height: 25px;
    width: calc(100% - 23px);
}
.signin-input:focus {
    border-color:#6e8095;
    outline: none;
}
.signin-button {
    color: #fff;
    background: #55a1ff;
    border: 0;
    outline: 0;
    width: 100%;
    height: 50px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}
.link {
    color: #666;
    font-size: 15px;
    text-align: center;
    margin-bottom: 0px;
}
.link a {
    color: #666;
}
h3 {
    font-weight: normal;
    text-align: center;
}

And Last step, our login system is ready to use. here You can use download the full source code from the below download link.

I am Jaydeep Gondaliya , a software engineer, the founder and the person running Pakainfo. I'm a full-stack developer, entrepreneur and owner of Pakainfo.com. I live in India and I love to write tutorials and tips that can help to other artisan, a Passionate Blogger, who love to share the informative content on PHP, JavaScript, jQuery, Laravel, CodeIgniter, VueJS, AngularJS and Bootstrap from the early stage.

Leave a Reply

Your email address will not be published. Required fields are marked *

We accept paid guest Posting on our Site : Guest Post Chat with Us On Skype