drupal 7 slick export

rewrite_result.css

#date-created span{
    position:absolute;
    top:160px;
    font-size: .75em;
    width: 76%;
    padding: 2em 1.5em 1em;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(0,0,0,.75));
    color: #fff;
    font-style: italic;
    font-weight: 300;
    text-align: left;
}
.property-photo>span{
    display:none;
}
div.slick__slide{
    overflow: hidden;
    box-shadow: 0 0 7px #dedede;
    margin:-25px;
    height:410px
}
.slick__slide a img{
    width:100%
}
.propery-info .listing-price{
    font-size: 16px;
    color: #b83b5d;
    margin-top:-20px;
    font-weight: 600;
}
.propery-info .listing-details{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    min-width: 205px;
    padding: 1em 0 .8em;
    color: #4a4a4a;
}
.propery-info .listing-area{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    padding: .8em 0 .5em;
    border-top: 1px solid #9b9b9b;
    color: #9b9b9b;
}
.propery-info .listing-details span{
    margin-right: .75em
}
.propery-info .listing-title{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    top: -15px;
    display: inline-block;
    max-width: 100%;
    line-height: .9em;
    font-weight: 600;
    font-size:16px
}
.propery-info{
    padding: 15px 15px 0;
    text-align: left;
}
.slide--grid .slide__content{
    margin:0 50px
}

rewrite_result.html

<div class="property-photo">[property_photo] <span>[field_property_purpose]</span>
<div id="date-created"><span>[created]</span></div>
 </div>
<div class="propery-info">
<h3 class="listing-title">[title]</h3>
<div class="listing-price">₦[field_price]</div>
<div class="listing-details"> 
<span>[property_bathrooms] baths</span> | <span>[field_bedroom] beds</span>
</div>
<div class="listing-area">
<span>[field_state_administrative_area]</span> </div>
</div>

slick.inc

$preset = new stdClass();
$preset->disabled = FALSE; /* Edit this to true to make a default preset disabled initially */
$preset->api_version = 1;
$preset->name = 'default';
$preset->label = 'Default';
$preset->breakpoints = 0;
$preset->skin = 'grid';
$preset->options = array(
  'general' => array(
    'normal' => 'medium',
    'thumbnail' => 'thumbnail',
    'template_class' => '',
    'goodies' => array(
      'arrow-down' => 0,
      'pattern' => 0,
      'random' => 0,
    ),
    'arrow_down_target' => '',
    'arrow_down_offset' => '',
  ),
  'settings' => array(
    'mobileFirst' => TRUE,
    'asNavFor' => '',
    'accessibility' => TRUE,
    'adaptiveHeight' => FALSE,
    'autoplay' => TRUE,
    'autoplaySpeed' => 5000,
    'pauseOnHover' => TRUE,
    'pauseOnDotsHover' => FALSE,
    'arrows' => TRUE,
    'prevArrow' => '<button type="button" data-role="none" class="slick-prev" aria-label="previous">Previous</button>',
    'nextArrow' => '<button type="button" data-role="none" class="slick-next" aria-label="next">Next</button>',
    'centerMode' => FALSE,
    'centerPadding' => '50px',
    'dots' => FALSE,
    'dotsClass' => 'slick-dots',
    'appendDots' => '$(element)',
    'draggable' => TRUE,
    'fade' => FALSE,
    'focusOnSelect' => FALSE,
    'infinite' => TRUE,
    'initialSlide' => 0,
    'lazyLoad' => 'ondemand',
    'respondTo' => 'window',
    'rtl' => FALSE,
    'rows' => 1,
    'slidesPerRow' => 2,
    'slide' => '',
    'slidesToShow' => 3,
    'slidesToScroll' => 1,
    'speed' => 1000,
    'swipe' => TRUE,
    'swipeToSlide' => FALSE,
    'edgeFriction' => 0.34999999999999998,
    'touchMove' => TRUE,
    'touchThreshold' => 5,
    'useCSS' => TRUE,
    'cssEase' => 'ease',
    'cssEaseBezier' => '',
    'cssEaseOverride' => '',
    'useTransform' => FALSE,
    'easing' => 'linear',
    'variableWidth' => FALSE,
    'vertical' => FALSE,
    'verticalSwiping' => FALSE,
    'waitForAnimate' => TRUE,
  ),
);