mvc form

I have the html form below in index.cshtml
and want to submit them to email using code behind.
I am new on MVC, and can you show me how to do that? I know how to send email in codes, just do not want what is the best practice to carry the data into code behind.

<form class="account-settings-form" id="form">
                        <br /><br />
                        <h5>General Information</h5>
                        <p class="small-paragraph-spacing">By letting us know your name, we can make our support experience much more personal.</p>
                        <div class="row">
                            <div class="col-sm">
                                <div class="form-group">
                                    <label for="first-name" class="col-form-label">First Name:</label>
                                    <input type="text" required class="form-control" id="first-name" placeholder="Your First Name">
                                </div>
                            </div><!-- close .col -->
                            <div class="col-sm">
                                <div class="form-group">
                                    <label for="last-name" class="col-form-label">Last Name:</label>
                                    <input type="text" required class="form-control" id="last-name" placeholder="Your Last Name">
                                </div>
                            </div><!-- close .col -->
                            <div class="col-sm">
                                <div class="form-group">
                                    <label for="last-name" class="col-form-label">I want to know more about:</label>
                                    <textarea class="form-control" id="areas"></textarea>
                                </div>
                            </div><!-- close .col -->
                        </div><!-- close .row -->
                        <div class="row">
                            <div class="col-sm">
                                <div class="form-group">
                                    <label for="first-name" class="col-form-label">Email:</label>
                                    <input type="email" required class="form-control" id="email" placeholder="Your Email Address">
                                </div>
                            </div><!-- close .col -->
                            <div class="col-sm">
                                <div class="form-group">
                                    <label for="last-name" class="col-form-label">Phone No.:</label>
                                    <input type="tel" required class="form-control" id="phoneNo" placeholder="Your Phone No.">
                                </div>
                            </div><!-- close .col -->
                            <div class="col-sm">
                                <div class="form-group">
                                    <label for="last-name" class="col-form-label">State:</label>
                                    <select class="custom-select">
                                        <option value="0">All Countries</option>
                                        <option value="1">Argentina</option>
                                        <option value="2">Australia</option>
                                        <option value="3">Bahamas</option>
                                        <option value="4">Belgium</option>
                                        <option value="5">Brazil</option>
                                        <option value="6">Canada</option>
                                        <option value="7">Chile</option>
                                        <option value="8">China</option>
                                        <option value="9">Denmark</option>
                                        <option value="10">Ecuador</option>
                                        <option value="11">France</option>
                                        <option value="12">Germany</option>
                                        <option value="13">Greece</option>
                                        <option value="14">Guatemala</option>
                                        <option value="15">Italy</option>
                                        <option value="16">Japan</option>
                                        <option value="17">asdfasdf</option>
                                        <option value="18">Korea</option>
                                        <option value="19">Malaysia</option>
                                        <option value="20">Monaco</option>
                                        <option value="21">Morocco</option>
                                        <option value="22">New Zealand</option>
                                        <option value="23">Panama</option>
                                        <option value="24">Portugal</option>
                                        <option value="25">Russia</option>
                                        <option value="26">United Kingdom</option>
                                        <option selected>United States</option>
                                    </select>
                                </div>
                            </div><!-- close .col -->
                        </div><!-- close .row -->
                        <hr>
                        <div class="clearfix"></div>
                        <p>
                            <input type="submit" id="submitNow" class="btn btn-green-pro" value="Submit Now" />
                        </p>
                        <br>
                    </form>

Select allOpen in new window