@{
    Layout = null;


}
<!DOCTYPE html>
<html>
<head>
    <title>API Home | Careaxes</title>
    <meta content="Careaxes" name="description">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="application-name" content="Careaxes REST API" />
    <link rel="shortcut icon" href="@Url.Content("~/assets/images/favicon.png")">
    <link type="text/css" href="@Url.Content("~/assets/fonts/style.css")" rel="stylesheet">
    <link type="text/css" href="@Url.Content("~/assets/css/bootstrap.min.css")" rel="stylesheet">
    <link type="text/css" href="@Url.Content("~/assets/css/slick.css")" rel="stylesheet">
    <link type="text/css" href="@Url.Content("~/assets/css/style.css")" rel="stylesheet">
    <link type="text/css" href="@Url.Content("~/assets/css/custom.css")" rel="stylesheet">
</head>
<body>
    <div id="header-holder" class="main-header">
        <div class="bg-animation">
            <div class="graphic-show">
                <img class="fix-size" src="@Url.Content("~/assets/images/graphic1.png")" alt="Graphic 1">
                <img class="img img1" src="@Url.Content("~/assets/images/graphic1.png")" alt="Graphic 1">
                <img class="img img2" src="@Url.Content("~/assets/images/graphic2.png")" alt="Graphic 2">
                <img class="img img3" src="@Url.Content("~/assets/images/graphic3.png")" alt="Graphic 3">
            </div>
        </div>
        <nav id="nav" class="navbar navbar-default">
            <div class="container-fluid">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="navbar-header">
                                <button aria-expanded="false" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs">
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <a class="logo-holder" href="@Url.Action("Index")">
                                    <div class="logo"></div>
                                </a>
                            </div>
                            <div style="height: 1px;" role="main" aria-expanded="false" class="navbar-collapse collapse" id="bs">
                                <ul class="nav navbar-nav navbar-right">
                                    <li class="active">
                                        <a href="@Url.Action("Index")">Home</a>
                                    </li>
                                    <li>
                                        <a href="@ViewBag.ApiDocsUrl">API Documentation</a>
                                    </li>
                                    <li>
                                        <a href="@Url.Action("Swagger")">Swagger Document</a>
                                    </li>
                                    <li>
                                        <a href="@Url.Action("IdentityServer")">Identity Server Document</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
        <div id="top-content" class="container-fluid">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div id="main-slider">
                            <div class="slide">
                                <div class="noti-holder">
                                    <div class="noti">
                                        <span class="badge">New</span><span class="text">Added new packages in API documentation.</span>
                                    </div>
                                </div>
                                <div class="spacer"></div>
                                <div class="big-title">Connect your <span>doctor,</span><br>anywhere, anytime.</div>
                                <p>
                                    Careaxes gives you a live private connection to your doctor from anywhere in the world. All of our doctors are experienced, friendly and professional and they want to give the best treatment to the patients.
                                </p>
                                <div class="btn-holder">
                                    <a href="@ViewBag.ApiDocsUrl" class="ybtn ybtn-white ybtn-shadow">View API Documentation</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <img class="header-graphic" src="assets/images/graphic1.png" alt="Graphic 1" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="services" class="container-fluid">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="row-title">Our API</div>
                    <div class="row-subtitle">Designed to satisfy your creative needs.</div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 col-md-6">
                    <div class="service-box">
                        <div class="service-icon">
                            <img src="@Url.Content("~/assets/images/service-icon1.svg")" alt="Identity Server">
                        </div>
                        <div class="service-title">
                            <a href="@ViewBag.SwaggerUrl" target="_blank">Swagger</a>
                        </div>
                        <div class="service-details">
                            <p>
                                Swagger offers the most powerful and easiest to use tools to take full advantage of the OpenAPI Specification.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6">
                    <div class="service-box">
                        <div class="service-icon">
                            <img src="@Url.Content("~/assets/images/service-icon2.svg")" alt="Swagger">
                        </div>
                        <div class="service-title">
                            <a href="@ViewBag.IdentityServerUrl" target="_blank">Identity Server</a>
                        </div>
                        <div class="service-details">
                            <p>
                                the Open Source OpenID Connect and OAuth 2.0 framework for .NET.
                                Identity Server is OpenID Certified and part of the .NET Foundation.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="footer" class="container-fluid">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <p>
                        @@Copyright @DateTime.Now.Year - All rights reserved.
                    </p>
                </div>
                <div class="col-lg-6" align="right">
                    <a href="javascript:;">Terms</a>
                    <a href="javascript:;">Privacy</a>
                    <a href="javascript:;">Policy</a>
                    <a href="javascript:document.body.scrollTop = 0;document.documentElement.scrollTop = 0;">Go to Top</a>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="@Url.Content("~/assets/js/jquery.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/assets/js/bootstrap.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/assets/js/slick.min.js")"></script>
    <script type="text/javascript">
        var mainSlider = $("#main-slider", "#top-content");
        mainSlider.slick({
            dots: true,
            speed: 1000,
            autoplay: true,
            autoplaySpeed: 5000,
            arrows: false,
            infinite: true,
            slidesToShow: 1,
            slidesToScroll: 1
        });

        mainSlider.on('afterChange',
            function () {
                window.$(".slide > div:nth-child(1)", '#main-slider').removeClass("animated");
                window.$(".slide > div:nth-child(2)", '#main-slider').removeClass("animated animation-delay1");

                window.$(".slick-active > div:nth-child(1)", '#main-slider').addClass("animated");
                window.$(".slick-active > div:nth-child(2)", '#main-slider').addClass("animated animation-delay1");
            });
    </script>
</body>
</html>