@{
    ViewData["Title"] = "Welcome";
    Layout = "~/Views/Shared/_HomeLayout.cshtml";
}

@model EForT.Models.PublisherModel



<div class="section bg-white with-bg">
    <div class="app-content container left-layout col-7">
        <h1 class="display-2 mb-0 text-bold-500 blue-grey darken-4">Welcome</h1>
        <h1 class="display-3 mb-2 text-bold-500 blue-grey darken-4">to EForT</h1>
        <div class="text-xl-left">
            <a href="@Url.Action("OpenAccount", "Login")" class="btn btn-blue">Open an Account</a>
            <a href="#readreviews" class="btn btn-blue">Read Reviews</a>
        </div>
    </div>
</div>



<!-- first banner starts here -->
<div class="section bg-dark text-white py-5">
    <div class="app-content container center-layout">
        <h1 class="text-center mb-3">Open an account in less than 5 minutes</h1>
        <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 mb-xs-3 mb-sm-3 mb-md-3 mb-lg-0 mx-lg-0 mb-3">
                <div class="text-center mb-1">
                    <i class="fa icon-user fa-4x"></i>
                </div>
                <h3 class="text-center mb-3">Tell us about yourself by providing your information.</h3>
            </div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 mb-xs-3 mb-sm-3 mb-md-3 mb-lg-0 mx-lg-0 mb-3">
                <div class="text-center mb-1">
                    <i class="fa icon-users fa-4x"></i>
                </div>
                <h3 class="text-center mb-2">Link your forex account.</h3>

            </div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 mb-xs-3 mb-sm-3 mb-md-3 mb-lg-0 mx-lg-0 mb-3">
                <div class="text-center mb-1">
                    <i class="fa fa-money fa-4x"></i>
                </div>
                <h3 class="text-center mb-2">Start Trading and have an unique experience. </h3>
            </div>
            <div class="col-12 text-center mt-2">
                <a href="#" class="btn btn-primary">Open an Account</a>
            </div>
        </div>
    </div>
</div>
<!-- first banner ends here -->
<!-- second banner starts here -->
<div class="section bg-lighten-1 text-dark py-5">
    <div class="app-content container center-layout">
        <div class="text-center mb-1">
            <i class="fa fa-handshake-o fa-4x"></i>
        </div>
        <h1 class="display-4 text-center mb-3">Ready to know more about EForT?</h1>

        <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 mb-xs-3 mb-sm-3 mb-md-3 mb-lg-0 mx-lg-0 mb-3">
                <div class="card" style="width: 25rem;">
                    <img class="card-img-top" src="~/images/home2.JPG" alt="Card image cap">
                    <div class="card-body">
                        <p class="card-text text-dark">If you are a new trader, we have open resources for you to learn.</p>
                    </div>
                    <a href="@Url.Action("WhatisForex","Education")" class="btn btn-primary">Education Center</a>
                </div>
            </div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 mb-xs-3 mb-sm-3 mb-md-3 mb-lg-0 mx-lg-0 mb-3">
                <div class="card" style="width: 25rem;">
                    <img class="card-img-top" src="~/images/home3.JPG" alt="Card image cap">
                    <div class="card-body">
                        <p class="card-text"> We want to know you and we want you to know us. </p>
                    </div>
                    <a href="@Url.Action("Contact", "Home")" class="btn btn-primary">Contact Us</a>
                </div>
            </div> 
            <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 mb-xs-3 mb-sm-3 mb-md-3 mb-lg-0 mx-lg-0 mb-3">
                <div class="card" style="width: 25rem;">
                    <img class="card-img-top" src="~/images/home4.JPG" alt="Card image cap">
                    <div class="card-body">
                        <p class="card-text">We offer a great variety of tools for you to have an unique experience.</p>
                    </div>
                    <a href="#" class="btn btn-primary">Trading Tools</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- second banner ends here -->




<!-- Third banner starts here -->
<div id="readreviews" class="section bg-dark text-white py-5">
    <div class="app-content container center-layout">
        <div class="text-center mb-1">
            <i class="fa fa-star fa-4x"></i>
        </div>
        <h1 class="display-4 text-center mb-3">What our member say about us?</h1>

        <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 mb-xs-3 mb-sm-3 mb-md-3 mb-lg-0 mx-lg-0 mb-3">
                <div class="card" style="width: 25rem;">
                    <img class="card-img-top" src="~/images/person1.JPG" alt="Card image cap">
                    <div class="card-body">
                        <p class="card-text text-dark">Within the platforms, traders can access charts, economic calendars, news, see positions, and trade/order history, access trade signals and research reports, as well as market analysis from EForT.com analysts.</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 mb-xs-3 mb-sm-3 mb-md-3 mb-lg-0 mx-lg-0 mb-3">
                <div class="card" style="width: 25rem;">
                    <img class="card-img-top" src="~/images/person3.JPG" alt="Card image cap">
                    <div class="card-body">
                        <p class="card-text text-dark"> Pricing is transparent and easily found on EFort.com. Also, functional demo accounts are provided for free which give potential clients time to assess the pricing structure before committing real capital. </p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 mb-xs-3 mb-sm-3 mb-md-3 mb-lg-0 mx-lg-0 mb-3">
                <div class="card" style="width: 25rem;">
                    <img class="card-img-top" src="~/images/person2.jpg" alt="Card image cap">
                    <div class="card-body">
                        <p class="card-text text-dark">Pricing is transparent, although several types of accounts are offered. For instance, in one account type traders pay the spread on every trade. EForT.com provides the average spreads for all of these types of accounts.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Third banner ends here -->
<div class="section bg-lighten-1 text-dark py-5">
    <div class="app-content container center-layout">
        <div class="text-center mb-1">
            <h1 class="text-center mb-3 text-bold-500 blue-grey darken-4">Tired of remembering new usernames and passwords?</h1>
            <h3 class="text-center mb-3 text-bold-500 blue-grey darken-4">You can use your favorite social media to login with us!</h3>
            <div class="text-center mb-3 text-bold-500 blue-grey darken-4">
                <ul class="list-inline font-medium-2 center">
                    <li class="pr-1">
                        <a href="http://www.facebook.com" target="_blank" class=""><i class="fa fa-facebook-official fa-4x"></i></a>
                    </li>
                    <li class="pr-1">
                        <a href="http://www.instagram.com" target="_blank" class=""><i class="fa fa-instagram fa-4x"></i></a>
                    </li>
                    <li class="pr-1">
                        <a href="http://www.twitter.com" target="_blank" class=""><i class="fa fa-twitter fa-4x"></i></a>
                    </li>
                    <li class="pr-1">
                        <a href="http://www.google.com" target="_blank" class=""><i class="fa fa-google fa-4x"></i></a>
                    </li>
                    <li>
                        <a href="http://www.linkedin.com" target="_blank" class=""><i class="fa fa-linkedin-square fa-4x"></i></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div>
        </div>
    </div>
    <!-- Fourth banner Starts here -->
    <div class="section bg-primary text-white py-5">
        <div class="app-content container center-layout">
            <div class="text-center mb-1">
                <i class="fa fa-superpowers fa-4x"></i>
            </div>
            <h1 class="text-center mb-3">Why are traders choosing EForT.com?</h1>
            <div class="row">
                <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 mb-xs-3 mb-sm-3 mb-md-3 mb-lg-0 mx-lg-0 mb-3">
                    <div class="text-center mb-1">
                        <i class="fa fa-tasks fa-4x"></i>
                    </div>
                    <h3 class="text-center mb-3">
                        We have the leatlest Algorithms and Technology
                    </h3>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 mb-xs-3 mb-sm-3 mb-md-3 mb-lg-0 mx-lg-0 mb-3">
                    <div class="text-center mb-1">
                        <i class="fa fa-check-square fa-4x"></i>
                    </div>
                    <h3 class="text-center mb-2">
                        Trade 80+ EForT pairs, and gold & silver
                        Global opportunities 24/5 with flexible trade sizes.
                    </h3>

                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 mb-xs-3 mb-sm-3 mb-md-3 mb-lg-0 mx-lg-0 mb-3">
                    <div class="text-center mb-1">
                        <i class="fa fa-bolt fa-4x"></i>
                    </div>
                    <h3 class="text-center mb-2">
                        EUR/USD as low as 0.2
                        Trade your way with flexible pricing options including spread only, spread + fixed commission, or DMA.
                    </h3>
                </div>
                <div class="col-12 text-center mt-2">
                </div>
            </div>
        </div>
    </div>
    <!-- Fourth banner ends here -->
