Form

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

{!-- ReCaptcha support --}
{exp:reinos_email_form:init_recaptcha}

{exp:reinos_email_form:form
    required_fields="name|emailaddress"
}

    <div class="container">
        <div class="row">
            <div class="col">
                <div class="form-group">
                    <label for="name">Name</label>
                    {name:error}
                    <input type="text" class="form-control" id="name" placeholder="Your name" value="{name:value}" name="name">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="form-group">
                    <label for="emailaddress">Email address</label>
                    {emailaddress:error}
                    <input type="email" class="form-control" id="emailaddress" placeholder="name@example.com" value="{emailaddress:value}" name="emailaddress">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="form-group">
                    <label for="message">Message</label>
                    {message:error}
                    <textarea class="form-control" id="message" rows="3" name="message">{message:value}</textarea>
                </div>
            </div>
        </div>
        <div class="row">
             <div class="col">
                 <div class="form-group">
                     <label for="name">Hobbies</label>
                     <input name="hobbies[]" type="checkbox" value="football"/>
                     <input name="hobbies[]" type="checkbox" value="hockey"/>
                     <input name="hobbies[]" type="checkbox" value="chess"/>
                 </div>
             </div>
         </div>
        <div class="row">
            <div class="col">
                {if captcha}
                    <span style="color:red;">{captcha_error}</span><br>
                    {captcha}<br /> 
                    <input type="text" name="captcha" value="" maxlength="20" />
                {/if}

                {!-- repactcha should be enabled in the email_form CP and the tag {exp:reinos_email_form:init_recaptcha} shoud be added to the head --}
                {if recaptcha}
                    <span style="color:red;">{recaptcha_error}</span><br>
                    {recaptcha}
                {/if}
            </div>
        </div>
        <div class="row">
            <div class="col">
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>
        </div>
    </div>

    {email_template
       to:name="John Doe"
       to:email="test@example.nl"
       from:name="William Doe"
       from:email="test@no-example.com"
        subject="Test email"
    }
        This email is sent to {to:name}. 
        The following field, that are declared inside the form can be used inside this template. 

        name: {name}
        email: {emailaddress}
        message: {message}
        Hobbies: {hobbies}
        Hobbies: {hobbies_pair}{value}, {/hobbies_pair} <!-- loop over your data and format the data by yourself
    {/email_template}

    {email_template
       to:name="John Doe"
       to:email="test@example.nl"
       from:name="William Doe"
       from:email="test@no-example.com"
       subject="Test email"
    }
        You can set as many templates as you want.
    {/email_template}

{/exp:reinos_email_form:form}

Direct Email

{exp:reinos_email_form:email_template
    direct="no"
    to:name="John Doe"
    to:email="test@example.nl"
    from:name="William Doe"
    from:email="test@no-example.com"
    subject="Test email"
}
    Everthing between the tags will be send per mail, just once and also shown on screen.

    Excelent for using this for an invoice. Show the content and send the content once. 
{/exp:reinos_email_form:email_template}

Form with Attachements

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

{exp:reinos_email_form:form}
    <div class="alert alert-danger">{attachments_error}</div>

    <div class="container">
        <div class="row">
            <div class="col">
                <div class="form-group">
                    <label for="name">Name</label>
                    <input type="file" class="form-control" id="myfile" name="myfile">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>
        </div>
    </div>

    {email_template
       to:name="John Doe"
       to:email="test@example.nl"
       from:name="William Doe"
       from:email="test@no-example.com"
        subject="Test email"
        attachments="myfile"
    }
        Show a link to your file by just reference the variable {myfile}.

        Also, make sure you setup the location in the CP for the attachements.
    {/email_template}

{/exp:reinos_email_form:form}