<div class="container main-container" style="height: 30%; margin-top: 2%">
    <div class="row">
        <div class="col-lg-9 col-md-9 col-sm-7">
            <h1 class="section-title-inner"><span><i class="fa fa-unlock-alt"></i> My account </span></h1>

            <div class="row userInfo">
                <div class="col-xs-12 col-sm-12">
                    <h2 class="block-title-2">
                        <span>Welcome to your account. Here you can manage all of your personal information and orders.</span>
                    </h2>
                    <ul class="myAccountList row">
                        <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4  text-center ">
                            <div class="thumbnail equalheight">
                                <a title="Orders" href="order-list.html">
                                    <i class="fa fa-calendar"></i> Orders history
                                </a>
                            </div>
                        </li>
                        <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4  text-center ">
                            <div class="thumbnail equalheight">
                                <a title="My addresses" id="myAddresses">
                                    <i class="fa fa-map-marker"></i> My addresses
                                </a>
                            </div>
                        </li>
                        <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4  text-center ">
                            <div class="thumbnail equalheight">
                                <a title="Add address" id="addAddress">
                                    <i class="fa fa-edit"></i> Add address
                                </a>
                            </div>
                        </li>
                        <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4  text-center ">
                            <div class="thumbnail equalheight">
                                <a title="My Info" id="myPersonalInfo">
                                    <i class="fa fa-cog"></i>
                                    Personal Info
                                </a>
                            </div>
                        </li>
                        <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4  text-center ">
                            <div class="thumbnail equalheight">
                                <a title="My Shopping Cart" id="myShoppingCart">
                                    <i class="fa fa-shopping-cart"></i>
                                    Shopping Cart
                                </a>
                            </div>
                        </li>
                        <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4  text-center ">
                            <div class="thumbnail equalheight">
                                <a title="My wishlists" id="wishList">
                                    <i class="fa fa-heart"></i> Wishlist
                                </a>
                            </div>
                        </li>
                        <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4  text-center ">
                            <div class="thumbnail equalheight">
                                <a title="My Reviews" id="myReviews">
                                    <i class="fa fa-comments"></i> Reviews
                                </a>
                            </div>
                        </li>
                    </ul>
                    <div class="clear clearfix"></div>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-5"></div>
    </div>

    <div style="clear:both"></div>
</div>

<div class="gap"></div>

@Scripts.Render("~/bundles/myAccount")

//BUNDLE CONFIG
bundles.Add(new ScriptBundle("~/bundles/myAccount").Include("~/Scripts/User/myAccount.js"));