²é¿´/±à¼ ´úÂë
ÄÚÈÝ
<?php $__env->startSection('title','Itineraries - Dusty helmets'); ?> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" /> <?php $__env->startSection('content'); ?> <style type="text/css"> .template_faq { background: #edf3fe none repeat scroll 0 0; } .panel-group { background: #fff none repeat scroll 0 0; border-radius: 3px; /*box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);*/ margin-bottom: 0; padding: 30px; } #accordion .panel { border: medium none; border-radius: 0; box-shadow: none; margin: 0 0 15px 10px; } #accordion .panel-heading { border-radius: 15px; padding: 0; } #accordion .panel-title a { background: #fbaf32 none repeat scroll 0 0; border: 1px solid transparent; border-radius: 30px; color: #fff; display: block; font-size: 18px; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04) !important; font-weight: 600; padding: 12px 20px 12px 50px; position: relative; transition: all 0.3s ease 0s; } #accordion .panel-title a.collapsed { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; color: #333; } #accordion .panel-title a::after, #accordion .panel-title a.collapsed::after { background: #719a0a none repeat scroll 0 0; border: 1px solid transparent; border-radius: 50%; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58); color: #fff; content: ""; font-family: fontawesome; font-size: 25px; height: 55px; left: -20px; line-height: 55px; position: absolute; text-align: center; top: -5px; transition: all 0.3s ease 0s; width: 55px; } #accordion .panel-title a.collapsed::after { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; box-shadow: none; color: #333; content: ""; } #accordion .panel-body { background: transparent none repeat scroll 0 0; border-top: medium none; padding: 20px 25px 10px 9px; position: relative; } #accordion .panel-body { /*border-left: 1px dashed #fbaf32;*/ padding-left: 25px; } .myCard { padding: 20px; border-radius: 15px; border-left: 1px solid #fbaf32 !important; border-right: 1px solid #fbaf32 !important; } </style> <!-- Page Header Start --> <!-- p8/pic1 --> <div class="mb-0 page-header" style="background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(public/assets/P8/pic1.jpg);background-position: center; background-repeat: no-repeat; background-size: cover;"> <div class="container"> <div class="row"> <div class="col-12"> <h2>Itineraries</h2> </div> <div class="col-12"> <a href="<?php echo e(url('/')); ?>">Home</a> <a href="<?php echo e(url('/itineraries')); ?>">Itineraries</a> </div> </div> </div> </div> <!-- Page Header End --> <div class="about"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-12"> <div class="about-content"> <div class="section-header"> <p><?php echo e($page->title); ?></p> <h2 class="dusty-color"><?php echo e($page->title1); ?></h2> </div> <!--<div class="menu-tab">--> <!--<div class="row"> --> <!--<div class="col-md-12">--> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true" style="padding: 0px !important;"> <?php $__currentLoopData = $itineraries; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $itinerary): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <!--<div id="<?php echo e($itinerary->controls); ?>" class="container shadow active myCard"--> <!-- style="<?php if($itinerary->id >1): ?>display:none;<?php endif; ?>">--> <!--</div>--> <div class="panel panel-default" title="Click for more details"> <div class="panel-heading" role="tab" id="heading<?php echo e($itinerary->id); ?>"> <h4 class="panel-title" onclick="$('html,body').stop();"> <a <?php if($loop->iteration == 0): ?> aria-expanded="false" <?php else: ?> class="collapsed" aria-expanded="true" <?php endif; ?> role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse<?php echo e($itinerary->id); ?>" aria-controls="collapse<?php echo e($itinerary->id); ?>"> <?php echo e($itinerary->title); ?> </a> </h4> </div> <div id="collapse<?php echo e($itinerary->id); ?>" <?php if($loop->iteration == 0): ?> class="panel-collapse in collapse myCard shadow show" <?php else: ?> class="myCard shadow panel-collapse collapse" <?php endif; ?> role="tabpanel" aria-labelledby="heading<?php echo e($itinerary->id); ?>"> <div class="panel-body"> <div class="row"> <?php echo $itinerary->content; ?> <div class="col-lg-4 d-none d-lg-block"> <!-- <img src="assets/P4/pic2.jpg" alt="Image"> --> <div class="mt-4 services services-1 color-2 d-block img" style="background-image: url(<?php echo e(asset('')); ?>public/storage/<?php echo e($itinerary->image); ?>);"> <div class="icon d-flex align-items-center justify-content-center" style="background: transparent !important;"> <!--<span class="fa fa-moon"></span>--> </div> </div> </div> </div> <div class="row" id="moreDoc1"> <?php echo $itinerary->prices; ?> </div> <div id="landscape"> <div class="row portfolio-container"> <?php echo $itinerary->pics; ?> </div> </div> </div> </div> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> <!--</div>--> </div> </div> </div> </div> </div> </div> <script> function stopScroll() { $('html,body').stop(); } (function($) { 'use strict'; jQuery(document).on('ready', function(){ $('a.page-scroll').on('click', function(e){ var anchor = $(this); alert(anchor); $('html, body').stop().animate({ scrollTop: $(anchor.attr('href')).offset().top - 50 }, 1500); e.preventDefault(); }); }); </script> <?php $__env->stopSection(); ?> <?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/dustyhe2/public_html/resources/views/itineraries.blade.php ENDPATH**/ ?>