<!doctype html>
<html class="no-js" lang="">
 
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="{{ $configuration->meta_description }}">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    @yield('meta')
    <title>@yield('title') - Canvas International College</title>
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="{{ asset('frontend/img/favicon.jpg') }}">
    <!-- Normalize CSS -->
    <link rel="stylesheet" href="{{ asset('frontend/css/normalize.css') }}">
    <!-- Main CSS -->
    <link rel="stylesheet" href="{{ asset('frontend/css/main.css') }}">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="{{ asset('frontend/css/bootstrap.min.css') }}">
    <!-- Animate CSS -->
    <link rel="stylesheet" href="{{ asset('frontend/css/animate.min.css') }}">
    <!-- Font-awesome CSS-->
    <link rel="stylesheet" href="{{ asset('frontend/css/font-awesome.min.css') }}">
    <!-- Owl Caousel CSS -->
    <link rel="stylesheet" href="{{ asset('frontend/vendor/OwlCarousel/owl.carousel.min.css') }}">
    <link rel="stylesheet" href="{{ asset('frontend/vendor/OwlCarousel/owl.theme.default.min.css') }}">
    <!-- Main Menu CSS -->
    <link rel="stylesheet" href="{{ asset('frontend/css/meanmenu.min.css') }}">
    <!-- nivo slider CSS -->
    <link rel="stylesheet" href="{{ asset('frontend/vendor/slider/css/nivo-slider.css') }}" type="text/css" />
    <link rel="stylesheet" href="{{ asset('frontend/vendor/slider/css/preview.css') }}" type="text/css" media="screen" />
    <!-- Datetime Picker Style CSS -->
    <link rel="stylesheet" href="{{ asset('frontend/css/jquery.datetimepicker.css') }}">
    <!-- Magic popup CSS -->
    <link rel="stylesheet" href="{{ asset('frontend/css/magnific-popup.css') }}">
    <!-- Switch Style CSS -->
    <link rel="stylesheet" href="{{ asset('frontend/css/hover-min.css') }}">
    <!-- ReImageGrid CSS -->
    <link rel="stylesheet" href="{{ asset('frontend/css/reImageGrid.css') }}">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="{{ asset('frontend/css/style.css') }}">
    <!-- Modernizr Js -->
   
    <script src="{{ asset('frontend/js/modernizr-2.8.3.min.js') }}"></script>
   
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
 

</head>

<body>  
    <!-- Main Body Area Start Here -->
    <div id="wrapper">
        <!-- Header Area Start Here -->
        <header>
            <div id="header2" class="header2-area">
                <div class="header-top-area">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                                <div class="header-top-left">
                                    <ul>
                                        <li><i class="fa fa-phone" aria-hidden="true"></i><a href=""> +977-01 {{ $configuration->phone }}/{{ $configuration->phone2clear }} </a></li>
                                        <li><i class="fa fa-envelope" aria-hidden="true"></i><a href="mailto:info@canvascollege.edu.np">{{ $configuration->email }}</a></li>
                                        <li><i class="fa fa-map-marker" aria-hidden="true"></i><a href="#">{{ $configuration->address }}</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                <div class="header-top-right">
                                    <ul>
                                        <li>
                                            <a class="login-btn-area" href="#" id="login-button"><i class="fa fa-search" aria-hidden="true"></i>Online Result </a>
                                          <!--   <div class="login-form" id="login-form" style="display: none;">
                                                <div class="title-default-left-bold">Login</div>
                                                <form>
                                                    <label>Username or email address *</label>
                                                    <input type="text" placeholder="Name or E-mail" />
                                                    <label>Password *</label>
                                                    <input type="password" placeholder="Password" />
                                                    <label class="check">Lost your password?</label>
                                                    <span><input type="checkbox" name="remember"/>Remember Me</span>
                                                    <button class="default-big-btn" type="submit" value="Login">Login</button>
                                                    <button class="default-big-btn form-cancel" type="submit" value="">Cancel</button>
                                                </form>
                                            </div> -->
                                        </li>
                                        <li>
                                            <div class="apply-btn-area">
                                                <a href="#" class="apply-now-btn">Applying for Admission</a>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main-menu-area bg-textPrimary" id="sticker">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-1 col-md-1 col-sm-1">
                                <div class="logo-area">
                                    <a href="{{ route('frontend.home.index') }}"><img class="img-responsive" src="{{ asset('images/configuration/' . $configuration->logo) }}" alt="logo"></a>
                                </div>
                            </div>
                            <div class="col-lg-11col-md-11 col-sm-11">
                                <nav id="desktop-nav">
                                    <ul>
                                        <li><a href="{{ route('frontend.home.index') }}">Home</a>
                                             
                                        </li>
                                        <li><a href="#">About Canvas</a>
                                             <ul>
                                                <li><a href="{{ route('frontend.about') }}">About Canvas</a></li>
                                                <!--<li><a href="{{ route('frontend.director') }}">Board of Directors</a></li>-->
                                                
                                                <!--<li><a href="{{ route('frontend.team') }}">Management Team</a></li>-->
                                                <!--<li><a href="{{ route('frontend.message') }}"> Principal's Message</a></li>-->
                                                <!--<li><a href="{{ route('frontend.member') }}">Faculty member's</a></li>-->
                                                <li><a href="{{ route('frontend.whyCanvas') }}">Why Canvas</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Academic Program</a>
                                            <ul>
                                                @php($data['program'] = \App\Models\Program::where('status',1)->orderBy('rank','asc')->get())
                                                @foreach ($data['program'] as $program )
                                                <li><a href="{{ route('frontend.program',$program->slug) }}">{{ $program->title }}</a></li>  
                                                @endforeach
                                            </ul>
                                        </li>
                                        <li><a href="#">Student Corner</a>
                                            <ul>
                                                <li><a href="{{ route('frontend.student.speak') }}">Students Speak</a></li>
                                                <li><a href="{{ route('frontend.alumni') }}"> Alumni Corner</a></li> 
                                                <li><a href="{{ route('frontend.canvasLife') }}">Life at Canvas</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Media Center</a>
                                            <ul>
                                                <li><a href="{{ route('frontend.notice') }}">Notice & Announcement</a></li>
                                                <li><a href="{{ route('frontend.image.gallery') }}"> Photo Gallery</a></li>
                                                <li><a href="{{ route('frontend.video.gallery') }}">Video Galley</a></li>
                                                <li><a href="{{ route('frontend.event') }}">College Events</a></li>
                                            </ul>
                                        </li>
                                       <li><a href="#">Resource </a>
                                        <ul>
                                        <li><a href="{{ route('frontend.scholarship') }}"> Scholarship Schemes</a></li>
                                         <li><a href="{{ route('frontend.syllabi') }}">Syllabus</a></li>
                                         <li><a href="{{ route('frontend.hour') }}">College Hour</a></li>
                                        </ul>
                                        </li>
                                        <li><a href="{{ route('frontend.contact') }}">Contact Us</a>
                                            
                                        </li>
                                    </ul>
                                </nav>
                            </div> 
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile Menu Area Start -->
            <div class="mobile-menu-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="mobile-menu">
                                <nav id="dropdown">
                                    <ul>
                                        <li><a href="{{ route('frontend.home.index') }}">Home</a>
                                             
                                        </li>
                                        <li><a href="#">About Canvas</a>
                                             <ul>
                                                <li><a href="{{ route('frontend.about') }}">About Canvas</a></li>
                                                <!--<li><a href="{{ route('frontend.message') }}"> Principal's Message</a></li>-->
                                                <!--<li><a href="{{ route('frontend.member') }}">Faculty member's</a></li>-->
                                                <li><a href="{{ route('frontend.whyCanvas') }}">Why Canvas</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Academic Program</a>
                                            <ul>
                                                @php($data['program'] = \App\Models\Program::where('status',1)->orderBy('rank','asc')->get())
                                                @foreach ($data['program'] as $program )
                                                <li><a href="{{ route('frontend.program',$program->slug) }}">{{ $program->title }}</a></li>  
                                                @endforeach
                                            </ul>
                                            
                                        </li>
                                        <li><a href="#">Student Corner</a>
                                            <ul>
                                                <li><a href="{{ route('frontend.student.speak') }}">Students Speak</a></li>
                                                <li><a href="{{ route('frontend.alumni') }}"> Alumni Corner</a></li> 
                                                <li><a href="{{ route('frontend.canvasLife') }}">Life at Canvas</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Media Center</a>
                                            <ul>
                                                <li><a href="{{ route('frontend.notice') }}">Notice & Announcement</a></li>
                                                <li><a href="{{ route('frontend.image.gallery') }}"> Photo Gallery</a></li>
                                                <li><a href="{{ route('frontend.video.gallery') }}">Video Galley</a></li>
                                                <li><a href="{{ route('frontend.event') }}">College Events</a></li>
                                            </ul>
                                        </li>
                                       <li><a href="#">Resource </a>
                                        <ul>
                                            <li><a href="{{ route('frontend.scholarship') }}"> Scholarship Schemes</a></li>
                                            <li><a href="{{ route('frontend.syllabi') }}">Syllabus</a></li>
                                            <li><a href="{{ route('frontend.hour') }}">College Hour</a></li>
                                            
                                        </ul>
                                        </li>
                                        <li><a href="{{ route('frontend.contact') }}">Contact Us</a>
                                            
                                        </li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile Menu Area End -->
        </header>
        <!-- Header Area End Here -->
        @include('sweetalert::alert')

        @yield('content')
        <!-- Footer Area Start Here -->
        <footer>
            <div class="footer-area-top">
                <div class="container">
                    <div class="row">
                       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                            <div class="footer-box">
                                <h3>Academic Programs</h3><hr/>
                                <ul class="featured-links">
                                      <li>
                                        <ul>
                                            @php($data['programs'] =             \App\Models\Program::where('status',1)->orderBy('rank','asc')->get())
                                            @foreach($data['programs'] as $key     => $program)
                                            @if($key < 2)
                                            @foreach ($program->courses->sortBy    ('rank') as $course )
                                        <li><a href="{{ route('frontend.course',$course->slug) }}">{{ $course->title }}</a></li>
                                             @endforeach
                                             @endif
                                             @endforeach
                                        </ul>
                                    </li>
                                    <li>
                                        <ul>
                                            @php($data['programs'] =             \App\Models\Program::where('status',1)->orderBy('rank','asc')->get())
                                            @foreach($data['programs'] as $key     => $program)
                                            @if($key > 1)
                                            @foreach ($program->courses->sortBy    ('rank') as $course )
                                        <li><a href="{{ route('frontend.course',$course->slug) }}">{{ $course->title }}</a></li>
                                             @endforeach
                                             @endif
                                             @endforeach
                                        </ul>
                                    </li>
                                    
                                    
                                </ul>
                            </div>
                        </div>
                        
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                            <div class="footer-box">
                                <h3>Students Corner</h3><hr/>
                                <ul class="corporate-address"> 
                                 <li><a href="{{ route('frontend.student.speak') }}">Students Speak</a></li>
                                 <li><a href="{{ route('frontend.alumni') }}"> Alumni Corner</a></li>
                                 <!--<li><a href="{{ route('frontend.member') }}">Faculty member's</a></li>-->
                                 <li><a href="{{ route('frontend.canvasLife') }}">Life at Canvas</a></li> 
                                 <li><a href="{{ route('frontend.event') }}">College Events</a></li>
                                </ul>
 
                               
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                            <div class="footer-box">
                                <h3>Quick Links</h3><hr/>
                                <ul class="corporate-address"> 
                                  <li><a href="{{ route('frontend.scholarship') }}"> Scholarship Schemes</a></li>
                                  <li><a href="{{ route('frontend.syllabi') }}">Syllabus</a></li>
                                  <li><a href="{{ route('frontend.hour') }}">College Hour</a></li>
                                  <li><a href="{{ route('frontend.notice') }}">Notice & Announcement</a></li>
 
                               
                            </div>
                        </div>
                        
                      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                            <div class="footer-box">
                                <h3>Contact Information</h3><hr/>
                                <ul class="corporate-address"> 
                                    <li><i class="fa fa-map-marker" aria-hidden="true"></i> {{ $configuration->address }}</li>
                                    <li><i class="fa fa-phone" aria-hidden="true"></i><a href="014380304"> +977-01-{{ $configuration->phone }}/{{ $configuration->phone2clear }} </a></li>
                                    <li><i class="fa fa-envelope-o" aria-hidden="true"></i>{{ $configuration->email }}</li>
                                </ul>
 
                               <ul class="footer-social">
                                 <li><P>Follow Us:</p></li>
                                    <li><a href="{{ $configuration->facebook }}"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                    <li><a href="{{ $configuration->twitter }}"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                    <li><a href="{{ $configuration->linkedIn }}"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li> 
                                    <li><a href="{{ $configuration->instagram }}"><i class="fa fa-instagram" aria-hidden="true"></i></a></li> 
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Messenger Chat Plugin Code -->
             <div id="fb-root"></div>
             <!-- Your Chat Plugin code -->
             <div id="fb-customer-chat" class="fb-customerchat">
            </div>
            <!-- Messenger Chat Plugin Code  Ends -->
            <div class="footer-area-bottom">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                            <p>  © <?php echo date("Y");?>  {{ $configuration->title }} All Rights Reserved. </p>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                            <p> Powered By: <a target="_blank" href="https://grafiastech.com/" rel="nofollow"> Grafias Technology </a></p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- Footer Area End Here -->
    </div>
    <!-- Main Body Area End Here -->
    <!-- jquery-->
    <script src="{{ asset('frontend/js/jquery-2.2.4.min.js') }}" type="text/javascript"></script>
    <!-- Plugins js -->
    <script src="{{ asset('frontend/js/plugins.js') }}" type="text/javascript"></script>
    <!-- Bootstrap js -->
    <script src="{{ asset('frontend/js/bootstrap.min.js') }}" type="text/javascript"></script>
    <!-- WOW JS -->
    <script src="{{ asset('frontend/js/wow.min.js') }}"></script>
    <!-- Nivo slider js -->
    <script src="{{ asset('frontend/vendor/slider/js/jquery.nivo.slider.js') }}" type="text/javascript"></script>
    <script src="{{ asset('frontend/vendor/slider/home.js') }}" type="text/javascript"></script>
    <!-- Owl Cauosel JS -->
    <script src="{{ asset('frontend/vendor/OwlCarousel/owl.carousel.min.js') }}" type="text/javascript"></script>
    <!-- Meanmenu Js -->
    <script src="{{ asset('frontend/js/jquery.meanmenu.min.js') }}" type="text/javascript"></script>
    <!-- Srollup js -->
    <script src="{{ asset('frontend/js/jquery.scrollUp.min.js') }}" type="text/javascript"></script>
    <!-- jquery.counterup js -->
    <script src="{{ asset('frontend/js/jquery.counterup.min.js') }}"></script>
    <script src="{{ asset('frontend/js/waypoints.min.js') }}"></script>
    <!-- Countdown js -->
    <script src="{{ asset('frontend/js/jquery.countdown.min.js') }}" type="text/javascript"></script>
    <!-- Isotope js -->
    <script src="{{ asset('frontend/js/isotope.pkgd.min.js') }}" type="text/javascript"></script>
    <!-- Magic Popup js -->
    <script src="{{ asset('frontend/js/jquery.magnific-popup.min.js') }}" type="text/javascript"></script>
    <!-- Gridrotator js -->
    <script src="{{ asset('frontend/js/jquery.gridrotator.js') }}" type="text/javascript"></script>
    <!-- Custom Js -->
    <script src="{{ asset('frontend/js/main.js') }}" type="text/javascript"></script>

    <script>
        var chatbox = document.getElementById('fb-customer-chat');
        chatbox.setAttribute("page_id", "1751243685139387");
        chatbox.setAttribute("attribution", "biz_inbox");
  
        window.fbAsyncInit = function() {
          FB.init({
            xfbml            : true,
            version          : 'v11.0'
          });
        };
  
        (function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
      </script>
</body>
 
</html>
