Shahidul Islam DevShahidul

## slick custom nav.html
<!-- Beginning hero section
==================================== -->
<section class="hero-wrap">
    <div class="hero-slide-wrap" id="hero-slide-wrap">
        <div class="slide">
            <div class="hero-thumb" style="background-image: url(images/home-hero.jpg)">
                <div class="common-wrap clear hero-thumb-inner">
                    <div class="hero-title">
                        <h1>Hello Jozi. We are Ramzy Ride</h1>
                        <p>Ramzy Ride is a distinctly African ride-sharing alternative to traditional taxi cabs.</p>

## set same height all element in jquery.js
var maxHeight = 0;
var heightHolder = [];
$(".wine-info-wrap").each(function(i){
    var getHeight = $(this).outerHeight();
    heightHolder.push(getHeight)
    maxHeight = Math.max.apply(null, heightHolder);

})

$(".wine-info-wrap").each(function(){

## Select IE and EDGE browser.css
/* This css for edge broser */
@supports (-ms-ime-align:auto)
{
    .why-choose-us {
        background-attachment: scroll;
    }
}

/* This css for IE broser */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

## Scroll horizontali section.js
/* See related post at
https://codepen.io/Javarome/post/full-page-sliding
*/

var width = 0;
$(".scroller-wrap > div").each(function() {
  width += $(this).outerWidth( true );
});

$('.scroller-wrap').css('width', width);

## Mouse Up and Down event.js
$(document).on('DOMMouseScroll mousewheel', function(e) {
    var moved = e.originalEvent.wheelDelta || e.originalEvent.detail * -1 || 0;

    if (moved > 0) {
        // scrolled up
    } else if (moved < 0) {
        // scrolled down
    }

});

## Fullpage scroll down jquery.html
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title> Linton-Park | Our Wines Selected </title>
        <style>
          body {
            margin:0;
            padding:0;

## Get total element margin-padding with jquery.js
var totalItem = $('#firstMiddle-link-info li').length,

tM = $("#secondMiddle-link-info li").css("margin").split(" "),
Margin = {
    Top: tM[0] != null ? parseInt(tM[0]) : 0,
    Right: tM[1] != null ? parseInt(tM[1]) : (tM[0] != null ? parseInt(tM[0]) : 0),
    Bottom: tM[2] != null ? parseInt(tM[2]) : (tM[0] != null ? parseInt(tM[0]) : 0),
    Left: tM[3] != null ? parseInt(tM[3]) : (tM[1] != null ? parseInt(tM[1]) : (tM[0] != null ? parseInt(tM[0]) : 0))
},
TotalMargin = Margin.Right + Margin.Left,

## Get element with checkbox checked.html
<html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>Title</title>

    <link type="text/css" rel="stylesheet" href="css/style.css">

    <script type="text/javascript" src="scripts/jquery-1.12.4.min.js"></script>

## Add dynamic transition delay.js
var delayTime = 0.2
$('.menu-wrap ul li').each(function(i){
    $(this).find(' > a').css({
       'transition-delay'  : delayTime + (i * .05) + 's'
    });
})

## Sticky Sidebar function.js
$( document ).ready(function() {
  console.log( "document ready!" );

  var $sticky = $('.sticky');
  var $stickyrStopper = $('.sticky-stopper');
  if (!!$sticky.offset()) { // make sure ".sticky" element exists

    var generalSidebarHeight = $sticky.innerHeight();
    var stickyTop = $sticky.offset().top;
    var stickOffset = 0;
	var maxHeight = 0;
	var heightHolder = [];
	$(".wine-info-wrap").each(function(i){
	var getHeight = $(this).outerHeight();
	heightHolder.push(getHeight)
	maxHeight = Math.max.apply(null, heightHolder);

	})

	$(".wine-info-wrap").each(function(){
	/* This css for edge broser */
	@supports (-ms-ime-align:auto)
	{
	.why-choose-us {
	background-attachment: scroll;
	}
	}

	/* This css for IE broser */
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* See related post at
	https://codepen.io/Javarome/post/full-page-sliding
	*/

	var width = 0;
	$(".scroller-wrap > div").each(function() {
	width += $(this).outerWidth( true );
	});

	$('.scroller-wrap').css('width', width);
	$(document).on('DOMMouseScroll mousewheel', function(e) {
	var moved = e.originalEvent.wheelDelta \|\| e.originalEvent.detail * -1 \|\| 0;

	if (moved > 0) {
	// scrolled up
	} else if (moved < 0) {
	// scrolled down
	}

	});
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<title> Linton-Park \| Our Wines Selected </title>
	<style>
	body {
	margin:0;
	padding:0;
	var totalItem = $('#firstMiddle-link-info li').length,

	tM = $("#secondMiddle-link-info li").css("margin").split(" "),
	Margin = {
	Top: tM[0] != null ? parseInt(tM[0]) : 0,
	Right: tM[1] != null ? parseInt(tM[1]) : (tM[0] != null ? parseInt(tM[0]) : 0),
	Bottom: tM[2] != null ? parseInt(tM[2]) : (tM[0] != null ? parseInt(tM[0]) : 0),
	Left: tM[3] != null ? parseInt(tM[3]) : (tM[1] != null ? parseInt(tM[1]) : (tM[0] != null ? parseInt(tM[0]) : 0))
	},
	TotalMargin = Margin.Right + Margin.Left,
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<title>Title</title>

	<link type="text/css" rel="stylesheet" href="css/style.css">

	<script type="text/javascript" src="scripts/jquery-1.12.4.min.js"></script>
	var delayTime = 0.2
	$('.menu-wrap ul li').each(function(i){
	$(this).find(' > a').css({
	'transition-delay' : delayTime + (i * .05) + 's'
	});
	})