You are an expert in writing code in many different languages. Your goal is to perform code completion for the following code, keeping in mind the rest of the code and the file meta data.
    Metadata details:
    filename: sign_up.rs
    path of file: ./repos/aardwolf/aardwolf-yew-frontend/src/templates/pages
    
    the code of the file until where you have to start completion: use yew::prelude::*;

use crate::templates::elements::input_email::InputEmail;
use crate::templates::elements::input
    
pub fn sign_up() -> Html {
    html! {
        <>
            <PageTitle page_title="Aardwolf-Social | Sign Up!" />

            <section class="section">
                <div class="container">

                    <div class="columns is-centered">

                        // <!-- Begin Left-Hand Column Contents -->
                        <AboutUs />
                        // <!-- End Left-Hand Column -->

                        // <!-- Begin Right-Hand Column Contents -->
                        <div class="column is-mobile">
                            <h1 class="title">
                                {"Create an Account"}
                            </h1>
                            <p class="subtitle">
                                {"Feel free to sign up!"}
                            </p>

                            <span style="color: red;">{"Error Message"}</span>

                            <form class="box" method="POST" action="/auth">

                                // <!-- Reusable Username Input -->
                                <InputUsername />

                                // <!-- End Reusable Username Input -->

                                // <!-- Reusable Email Input -->
                                <InputEmail />
                                // <!-- End Reusable Email Input -->

                                // <!-- Reusable Password Input -->
                                <InputPassword />
                                // <!-- End Reusable Password Input -->

                                // <!-- Reusable Password Confirm Input -->
                                <InputPasswordConfirm />
                                // <!-- End Reusable Password Confirm Input -->
                                <button>{"Sign Up"}</button>
                            </form>
                        </div>// <!-- End Right-Hand Column -->
                    </div>
                </div>
            </section>
        </>
    }
}