
@{
    ViewData["Title"] = "USD/CAD";
    Layout = "~/Views/Shared/_HomeLayout.cshtml";
}
<div class="app-content container center-layout mt-2">
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <h3 class="content-header-title mb-0">United States Dollar/Canadian Dollar</h3>
                <div class="row breadcrumbs-top">
                    <div class="breadcrumb-wrapper col-12">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="@Url.Action("Index", "Home")">Home</a>
                            </li>
                            <li class="breadcrumb-item active">
                                USD/CAD
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <div class="card px-2">
                <div class="card-header border-bottom-accent-1">
                    <h4 class="card-title">USD/CAD</h4>
                </div>
                <div class="row ">
                    <div class="col-sm-6 pl-3">
                        <p>
                            One of the most traded currency pairs in the world, representing the world's two largest trading blocks, offers consistently tight spreads and high liquidity.
                        </p>
                    </div>
                    <div class="col-sm-6  .mx-auto ">
                        <button button type="button" class="btn btn-lg  ">
                            <span>1.13<b class="bold">24</b><sup class="superscript">4</sup></span>
                            <strong class="">BUY</strong>
                        </button>
                        <button button type="button" class="btn btn-lg ">
                            <span>1.13<b class="bold">24</b><sup class="superscript">4</sup></span>
                            <strong class="">SELL</strong>
                        </button>
                    </div>
                </div>

                <div class="row  mx-2">
                    <div class="col-sm-8  ">
                        <figure>
                            <img src="~/images/Chart.JPG" width="700" height="360">
                        </figure>
                    </div>
                    <div class="col-sm-4 pl-3">
                        <div class="btn-group-vertical">
                            <button type="button" class="btn  btn-success">High : 1.13223</button>
                            <button type="button" class="btn btn btn-danger">Low : 1.13195</button>
                            <button type="button" class="btn btn-secondary">Change : 0.00026</button>
                            <button type="button" class="btn btn-secondary">%Chance : 0.02%</button>

                            </div>
                        </div>
                    </div>

                            <h4 class="card-title">Pivot Points</h4>



                            <p>
                                Pivot points are used by traders as a predictive indicator and denote levels of technical significance. When used in conjunction with other technical indicators such as support and resistance or Fibonacci, pivot points can...... <a href="@Url.Action("PivotPoints", "Chart")"><i class="ft-chevrons-right"></i>Read More</a>
                            </p>

                        </div>
                    </div>
                </div>
                
                
            </div>
    
