Example of WP Login and Register form on same page template

<?php

get_header();

get_template_part('includes/breadcrumbs');

if (get_option('magnificent_integration_single_top') <> '' && get_option('magnificent_integrate_singletop_enable') == 'on') echo(get_option('magnificent_integration_single_top'));
?>
        <div id="entries" class="fullwidth">
        <div class="entry post entry-full">
            <div class="border">
                <div class="bottom">
                    <div class="entry-content clearfix">
                        <div id="page-content-div">
                            <?php the_content(); ?>
                        </div>
<?php if( 'yes' === $new_user ) { ?>
                        <div id="logon" class="logon-register clearfix">
                            <div class="border alignleft" style="margin: 18px; width: 45%;">
                                <div class="title">
                                    <h4>
                                        Sign On To Your Account
                                    </h4>
                                    <hr />
                                </div>
                                <div>
                                    <form name="loginform" id="loginform" action="<?php echo wp_login_url(get_permalink()) ?>" method="post">
                                        <div class="alignleft" style="width: 100%;">
                                            <input type="hidden" name="redirect_to" value="<?php echo get_permalink() ?>" />
                                            <input type="hidden" name="testcookie" value="1" />
                                            <label for="user_login">Username<br />
                                            <input type="text" name="log" id="user_login_signon" class="input login_input" value="" />
                                            </label> <br /> <label for="user_pass">Password<br />
                                            <input type="password" name="pwd" id="user_pass" class="input login_input" value="" />
                                            </label>
                                            <ul class="sav-nav">
                                                <li class="sav-nav post" style="font-size: 14px;"><a id="AcceptLogin" href="#">Sign-In</a></li>
                                            </ul>
                                        </div>
                                        <div class="alignleft"  style="width: 100%;">
                                            <hr />
                                            <label for="rememberme">
                                            <input name="rememberme" type="checkbox" id="rememberme" value="forever" tabindex="90" />
                                            Remember Me</label>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="border alignleft" style="margin: 18px; width: 45%;">
                                <div class="title">
                                    <h4>
                                        Account Services
                                    </h4>
                                    <hr />
                                </div>
                                <div class="title">
                                    <h5><a href="#register-form" class="fancybox" id="show-register">Create A New Account</a></h5>
                                    <h5><a href="<?php echo wp_lostpassword_url( get_permalink()) ?>" title="Password Lost and Found">Recover Your Password</a></h5>
                                    <h5><a href="<?php echo wp_logout_url( home_url() ); ?>" title="Logout">Log Out</a></h5>
                                </div>
                            </div>
                        </div>
<?php } else { ?>
                <!-- a lot of code for the custom user profile form -->
<?php } ?>
                    <div class="fancybox-hidden" style="display:none">
                        <div id="register-form">
                            <div class="title">
                                <h3>Create A New Account</h3>
                            </div>
                            <div>
                                <form name="registerform" id="registerform" action="<?php echo wp_login_url() ?>?action=register&redirect_to=<?php echo get_permalink() ?>" method="post">
                                    <input type="hidden" name="redirect_to" value="<?php echo get_permalink() ?>" />
                                    <div class="alignleft" style="width: 100%;">
                                        <label for="user_name">User Name<br />
                                        <input type="text" name="user_login" id="user_login_register" class="input reg_input" value="your account name" /></label><small>This is the "account" name; keep it short</small>
                                        <br />
                                        <label for="user_email">Email Address<br />
                                        <input type="text" name="user_email" id="user_email" class="input reg_input" value="your email address" /></label><small>This must be a working address</small>
                                        <br />
                                        <ul class="sav-nav">
                                            <li class="sav-nav post" style="font-size: 18px;"><a id="AcceptRegister" href="#" >Register</a></li>
                                            <li class="sav-nav post" style="font-size: 18px;" ><a id="CancelRegister" href="#" >Cancel</a>&nbsp;|</li>
                                        </ul>
                                    </div>
                                    <div class="alignleft"  style="width: 100%;">
                                        <hr />
                                        <p class="statement">A password will be e-mailed to you.</p>
                                        <p class="statement">Please check your "junkmail" and "spam" mail box if you don't see it in your inbox.</p>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
    <!-- end .entry-content -->
                </div>
    <!-- end .bottom -->
            </div>
    <!-- end .border -->
        </div>
    <!-- end .entry -->
    </div> <!-- end .container -->
    <div class="clear">
    </div>
<?php if (get_option('magnificent_integration_single_bottom') <> '' && get_option('magnificent_integrate_singlebottom_enable') == 'on') echo(get_option('magnificent_integration_single_bottom')); ?>
<?php if (get_option('magnificent_show_pagescomments') == 'on') comments_template('', true); ?>
</div>
<!-- end #entries -->
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(function(){

    jQuery('#CancelRegister').click(function(e){
        parent.jQuery.fancybox.close();
        return false;
    });

    jQuery('#AcceptRegister').click(function(e){
        jQuery('#registerform').submit();
        return false;
    });

    jQuery(".reg_input").keyup(function(event){
        if(event.keyCode == 13){
            jQuery("#AcceptRegister").click();
        }
        if(event.keyCode == 27){
            jQuery("#CancelRegister").click();
        }
    });

<?php if( 'yes' === $new_user ) { ?>
    jQuery('#CancelLogin').click(function(e){
        parent.jQuery.fancybox.close();
        return false;
    });

    jQuery('#AcceptLogin').click(function(e){
        jQuery('#loginform').submit();
        return false;
    });

    jQuery(".login_input").keyup(function(event){
        if(event.keyCode == 13){
            jQuery("#AcceptLogin").click();
        }
        if(event.keyCode == 27){
            jQuery("#CancelLogin").click();
        }
    });

    jQuery('#user_login').focus();
<?php } else { ?>
    jQuery('#stateSelector').val('<?php echo $meta[3] ?>');

    jQuery("#tabs li").click(function() {
        //  First remove class "active" from currently active tab
        jQuery("#tabs li").removeClass('active');

        //  Now add class "active" to the selected/clicked tab
        jQuery(this).addClass("active");

        //  Hide all tab content
        jQuery(".tab_content").hide();

        //  Here we get the href value of the selected tab
        var selected_tab = jQuery(this).find("a").attr("href");

        //  Show the selected tab content
        jQuery(selected_tab).fadeIn();

        //  At the end, we add return false so that the click on the link is not executed
        return false;
    });

    jQuery('#AcceptRegistration').click(function(){
        state_code = jQuery('#stateSelector').val();
        jQuery('#state').val(state_code);
        jQuery('#profile').submit();
        return false;
    });

    jQuery('input').keyup(function(event) {
        jQuery('.message').hide();
    });

<?php if ( isset($_GET['updated']) ) { ?>
    jQuery('#tab-2').trigger('click');
<?php } else { ?>
    jQuery('#tab-1').trigger('click');
<?php } ?>
<?php } ?>
});
// ]]>
</script>
<?php get_footer(); ?>