Embeding login for on a page created within enfold?

I’ve actually found out a solution for this, and thought I’d share with people incase they wish to be able to do the same thing.

I simply created a new page and named it memberlogin.

I used the custom code widget and paste the following in:

<div id="login">
<h1><a href="http://wordpress.org/">WordPress</a></h1>

<form name="loginform" id="loginform" action="http://domain.tld/wp-login.php" method="post">
<label>Login:<input type="text" name="log" id="log" value="" size="20" tabindex="1" /></label>

<label>Password: <input type="password" name="pwd" id="pwd" value="" size="20" tabindex="2" /></label>

<p class="submit">
<input type="submit" name="submit" id="submit" value="Login &raquo;" tabindex="3" />
<input type="hidden" name="redirect_to" value="wp-admin/" />

</form>
<ul>
<li><a href="http://domain.tld" title="Are you lost?">&laquo; Back to blog</a></li>
<li><a href="http://domain.tld/wp-register.php">Register</a></li>
<li><a href="http://domain.tld/wp-login.php?action=lostpassword" title="Password Lost and Found">Lost your password?</a></li>
</ul>
</div>

You need to edit a few bits such as the http://domain.tld and replace it with your website domain.
I also added some inline CSS to the form and added some H3 tags to the labels and it works perfectly.

You can also edit the redirect_to element so when they login it takes them directly to the membership page I want them to see.

Hope this helps people.