<!DOCTYPE html>
<html lang="en-US" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--
    Document Title
    =============================================
    -->
    <title>Home | NSO API</title>
    <!--
    Favicons
    =============================================
    -->
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
{{--    <meta name="msapplication-TileImage" content="{{asset('assets/images/favicons/ms-icon-144x144.png')}}">--}}
    <meta name="theme-color" content="#ffffff">
    <!--
    Stylesheets
    =============================================

    -->
    <!-- Default stylesheets-->
    <link href="{{asset('assets/lib/bootstrap/dist/css/bootstrap.min.css')}}" rel="stylesheet">
    <!-- Template specific stylesheets-->
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Volkhov:400i" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
    <link href="{{asset('assets/lib/animate.css/animate.css')}}" rel="stylesheet">
    <link href="{{asset('assets/lib/components-font-awesome/css/font-awesome.min.css')}}" rel="stylesheet">
    <link href="{{asset('assets/lib/et-line-font/et-line-font.css')}}" rel="stylesheet">
    <link href="{{asset('assets/lib/flexslider/flexslider.css')}}" rel="stylesheet">
    <link href="{{asset('assets/lib/owl.carousel/dist/assets/owl.carousel.min.css')}}" rel="stylesheet">
    <link href="{{asset('assets/lib/owl.carousel/dist/assets/owl.theme.default.min.css')}}" rel="stylesheet">
    <link href="{{asset('assets/lib/magnific-popup/dist/magnific-popup.css')}}" rel="stylesheet">
    <link href="{{asset('assets/lib/simple-text-rotator/simpletextrotator.css')}}" rel="stylesheet">
    <!-- Main stylesheet and color file-->
    <link href="{{asset('assets/css/style.css')}}" rel="stylesheet">
    <link id="color-scheme" href="{{asset('assets/css/colors/default.css')}}" rel="stylesheet">
  </head>
  <body data-spy="scroll" data-target=".onpage-navigation" data-offset="60">
    <main>
      <div class="page-loader">
        <div class="loader">Loading...</div>
      </div>
      <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#custom-collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="/">NSO API</a>
          </div>
          <div class="collapse navbar-collapse" id="custom-collapse">
            <ul class="nav navbar-nav navbar-right">
              <li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">Home</a>
                <ul class="dropdown-menu">
                  <li><a href="/">Home</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </nav>
      <section class="bg-dark-30 showcase-page-header module parallax-bg" data-background="{{asset('assets/images/showcase_bg.jpg')}}">
        <div class="titan-caption">
          <div class="caption-content">
            <div class="font-alt mb-30 titan-title-size-1">Powerful. Multipurpose.</div>
            <div class="font-alt mb-40 titan-title-size-4">100+ Layouts</div><a class="section-scroll btn btn-border-w btn-round" href="#demos">See Demos</a>
          </div>
        </div>
      </section>
      <div class="main showcase-page">
        <section class="module-extra-small bg-dark">
          <div class="container">
            <div class="row">
              <div class="col-sm-6 col-md-8 col-lg-9">
                <div class="callout-text font-alt">
                  <h4 style="margin-top: 0px;">Start Creating Beautiful Websites</h4>
                  <p style="margin-bottom: 0px;">Download Titan Free today!</p>
                </div>
              </div>
              <div class="col-sm-6 col-md-4 col-lg-3">
                <div class="callout-btn-box"><a class="btn btn-border-w btn-circle" href="https://themewagon.com/themes/titan/">Downlaod Free</a></div>
              </div>
            </div>
          </div>
        </section>
        <section class="module-medium" id="demos">
          <div class="container">
            <div class="row multi-columns-row">
              <div class="col-md-4 col-sm-6 col-xs-12"><a class="content-box" href="#">
                  <div class="content-box-image"><img src="{{asset('assets/images/screenshots/main_demo.jpg')}}" alt="Main Demo"></div>
                  <h3 class="content-box-title font-serif">Main Demo</h3></a>
              </div>
              <div class="col-md-4 col-sm-6 col-xs-12"><a class="content-box" href="#">
                  <div class="content-box-image"><img src="{{asset('assets/images/screenshots/agency.jpg')}}" alt="Agency"></div>
                  <h3 class="content-box-title font-serif">Agency</h3></a>
              </div>
              <div class="col-md-4 col-sm-6 col-xs-12"><a class="content-box" href="#">
                  <div class="content-box-image"><img src="{{asset('assets/images/screenshots/portfolio.jpg')}}" alt="Portfolio"></div>
                  <h3 class="content-box-title font-serif">Portfolio</h3></a>
              </div>

            </div>
          </div>
        </section>
        <section class="module-extra-small bg-dark">
          <div class="container">
            <div class="row">
              <div class="col-sm-6 col-md-8 col-lg-9">
                <div class="callout-text font-alt">
                  <p style="margin-bottom: 0px;">Credit Titan</p>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
      <div class="scroll-up"><a href="#totop"><i class="fa fa-angle-double-up"></i></a></div>
    </main>
    <!--
    JavaScripts
    =============================================
    -->
    <script src="{{assert('assets/lib/jquery/dist/jquery.js')}}"></script>
    <script src="{{asset('assets/lib/bootstrap/dist/js/bootstrap.min.js')}}"></script>
    <script src="{{asset('assets/lib/wow/dist/wow.js')}}"></script>
    <script src="{{asset('assets/lib/imagesloaded/imagesloaded.pkgd.js')}}"></script>
    <script src="{{asset('assets/lib/flexslider/jquery.flexslider.js')}}"></script>
    <script src="{{asset('assets/lib/owl.carousel/dist/owl.carousel.min.js')}}"></script>
    <script src="{{asset('assets/lib/smoothscroll.js')}}"></script>
    <script src="{{asset('assets/js/plugins.js')}}"></script>
    <script src="{{asset('assets/js/main.js')}}"></script>
  </body>
</html>
