@extends('front.layouts.app')
@section('content')
    <style>
        #trade-now-hero {
            background-color: #213843;
            padding: 70px 0;
            text-align: center;
            margin-bottom: 40px;
            min-height: 354px;
            overflow: hidden;
            position: relative;
        }

        #trade-now-hero .hero-bg-wrapper {
            left: calc(50% - 1150px);
            height: 100%;
            max-width: 100%;
            position: absolute;
            top: 0;
        }

        #trade-now-hero .hero-bg-wrapper .hero-bg-image {
            max-width: none;
            min-height: 100%;
            min-width: 100%;
        }

        #trade-now-hero .grid-container {
            margin-left: auto;
            margin-right: auto;
            max-width: 1240px;
            width: 100%;
            padding-left: 20px;
            padding-right: 20px;
            position: relative;
        }

        #trade-now-hero .grid-container .hero-content-wrapper {
            position: relative;
            margin-top: 20px;
        }

        #trade-now-hero .grid-container .hero-content-wrapper h1 {
            font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
            font-weight: 600;
            font-size: 5rem;
            color: #fff !important;
        }

        #trade-now-hero .grid-container .hero-content-wrapper .grid-center {
            margin: auto;
        }

        .btn-cta {
            border: 3px solid #fff;
            display: inline-block;
            font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
            font-size: 2rem;
            font-weight: bold;
            text-transform: uppercase;
            line-height: 2.0625rem;
            margin: 20px -3px 0 -3px;
            padding: 15px 35px;
            text-align: center;
            background-color: #01acb6;
            color: #fff;
            text-shadow: 0 1px 1px #0a8194;
        }

        .btn-cta:hover {
            border-color: #fff;
            background-color: #283545;
            color: #f4ad03;
            text-shadow: 0 1px 1px #151c25;
        }
    </style>
    <div id="trade-now-hero" class="hero-wrapper txt-white" style="background-color:#213843;">
        <div class="hero-bg-wrapper">
            <img class="hero-bg-image" src="{{ asset('images/trade-now-354px.jpg') }}" alt="Hazar Capital Markets">
        </div>
        <div class="grid-container">
            <div class="row">
                <div class="grid-100 hero-content-wrapper">
                    <h1>@lang('front.Trade Now with Hazar Capital Markets')</h1>
                    <div class="row">
                        <div class="grid-33 grid-center tablet-grid-70 tablet-grid-center margin-top-40">
                            <a href="https://secure4.fxcorporate.com/tr/?rb=HAZAR_CAPITAL_MARKETS_DBA" class="btn btn-cta">@lang('front.Open An Account')</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">

        <div class="margin-bottom">
            <h3>@lang('front.Benefits of trading with Hazar Capital Markets')</h3>

            <p class="font_size_15px"><i class="fa fa-check"></i> @lang('front.Trade full set of popular currency pairs and CFDs with our improved execution system and no restrictions for stop and limit orders.')
            </p>
            <p class="font_size_15px"><i class="fa fa-check"></i> {!! trans('front.Average low spreads for EUR/USD of 0.7 and for GBP/USD 0.9 pips<sup>1</sup>') !!}.</p>
            <p class="font_size_15px"><i class="fa fa-check"></i> @lang('front.Powerful Trading Platforms: Hazar Capital Markets Flagship Trading Station Desktop, Mac friendly Trading Station Web 2.0, and our Mobile platforms. Do you have an Expert Advisor? Hazar Capital Markets also offers MetaTrader4.')</p>
        </div>

        <div class="margin-bottom">
            <h3>@lang('front.FREE Live Trading Signals & More')</h3>

            <p>
                @lang("front.All live account holders enjoy access to Free Live Forex and CFD Trading Signals inside Hazar Capital Markets PLUS, Hazar Capital Markets's live account portal. Hazar Capital Markets PLUS has the tools you need to maximize your trading experience including proprietary trading signals and technical analysis. Our custom Trading Analytics reports allow you to visually find mistakes in your trading, recognize your trading habits, and improve your overall trading experience.")
            </p></div>
        <div class="margin-bottom">
            <h3>@lang('front.Are you an Active Trader?')</h3>

            <p>@lang('front.You can get different tier pricing on your spread costs based on the volume you trade.')</p></div>

        <div class="grid-33 grid-center text-center margin-bottom">
            <a href="https://secure4.fxcorporate.com/tr/?rb=HAZAR_CAPITAL_MARKETS_DBA" class="btn btn-cta">@lang('front.Open An Account')</a>
        </div>

    </div>

@endsection