MakeEasy

Step 1:

Create a repository on Github. Visit github.com.

Step 2:

Initialize Git
git init

Step 3:

Add files to repository.
git add .

Step 3:

Commit your added files to repository.
git commit -m "changes info"

Step 4:

Copy the repository url
git remote add origin url

Step 5:

Push your changes to master branch
git push origin master or git push -f origin master

Toggle between login and sign up forms. jQuery helps us to hide and show elements or divs with click function.

Download source code:

Download

This tutorials we creating two forms like login and sign up and switching between form without reloading page.

Languages:

HTML 5, CSS 3, Bootstarp 3.3.7 and jQuery

Code for login and sign up forms
Login Form:

<div class="container">
    <div class="form1 col-md-4 col-md-offset-4 col-sm-offset-3 col-sm-6 col-xs-8 col-xs-offset-2">
        <div>
           <h3 class="active">Login</h3>
           <hr>
           <br>
        </div>
        <div class="form-group">
            <input type="text" class="form-control" name="" placeholder="username">
        </div>
        <div class="form-group">
            <input type="password" class="form-control" name="" placeholder="password">
        </div>
        <div class="form-group">
            <input type="button" class="btn btn-info" name="" value="Login">
        </div>


        <div>
            <p>not a member at yet please? <a href="" id="signUp">signup</a></p>
        </div>
    </div>
</div>

<div class="form2 col-md-4 col-md-offset-4 col-sm-offset-3 col-sm-6 col-xs-8 col-xs-offset-2">
        <div>
            <h3 class="active">Signup</h3>
            <hr>
            <br>
        </div>

        <div class="form-group">
            <input type="text" class="form-control" name="" placeholder="username">
        </div>
        <div class="form-group">
            <input type="email" class="form-control" name="" placeholder="email">
        </div>
        <div class="form-group">
            <input type="password" class="form-control" name="" placeholder="pasword">
        </div>
        <div class="form-group">
            <input type="button" class="btn btn-info" name="" value="Sign up">
        </div>

        <div>
            <p>Already a member please? <a href="" id="logIn">Login</a></p>
        </div>

    </div>

Added a form2 class to sign up form. First case hiding sign up form with css3 display none property.

.form2{
display: none;
}

So, now we are adding jQuery minified js from downloaded file.

Final jQuery code for switching login and signup forms

$(function(){
    $('#signUp').on('click', function(e){

      $(".form1").hide("slow");
      $('.form2').css('display', 'inline');

      e.preventDefault();
    });
});
    $(function(){
    $('#logIn').on('click', function(e){
      $(".form2").hide("slow");
      $('.form1').css('display', 'inline');
      e.preventDefault();
    });
});

In custom jquery we repeated hide and show functions are active according to click function.

Download file:

Download

Know more explanation about this tutorials watch below video. It may helps to understand entire flow of this tutorial.

Branching is a feature available in all version control systems like git and subversion. Git branches tracks your changes. The changes in particular branch won't effect to parent until you merge.

List of basic commands for git branches:

List of branches in repository:

git branch

Create a new branch

git checkout -b branch-name

It will switch to new branch

git checkout branch-name

It won't switch to new branch

Switching between branches

git checkout branch-name

Make sure you need to commit all your changes before switching.

Delete branches

git checkout -b branch-name

Force delete

git checkout -D branch-name

Git branch tutorial:

Next: Merging Git branches

More about git branches:
Visit git branching

Visit open snippets for download free and open source bootstrap themes, email templates and forms.

Free and open source responsive theme built by opensnippets.com.

Features

Responsive theme built with bootstrap 3

Fixed top navigation bar
Header with background image
Tech theme includes clients, contact form and footer sections included.
Built with Bootstarp 3, HTML 5, CSS 3 and jQuery

Demo image:

About open snippets:

open snippets - Open source web snippets

Open snippets is place for Landing pages, cover pages, forms, email templates and responsive websites. All the snippets built with HTML 5, CSS 3, JavaScript, jQuery and other css frameworks.

Open snippets has over 15+ snippets including demos and different categories.

Download theme:

Download

The logo makes a visual representation of your company or blog. Customers can easily identify products or Companies with respective their logos. Companies like Amazon, Nike, Apple, Twitter....etc maintain standard logos to remember their products and attracting some millions of customers.

Logos helps you increase customers, the impression about blog (or) company and finally recognition.

The logo designing is a challenging task. Because it must unique, Easy to remember, and it must elevate your blog (or) company.

The logo design is a difficult task. Because It will change your Company brand.

Pros: