G S Patel

Add custom script in gform $( document ).on( 'gform_post_render', function () {     // code });

function isScrolledIntoView(elem) {     let docViewTop = $(window).scrollTop();     let docViewBottom = docViewTop + $(window).height();     let elemTop = $(elem).offset().top;     let elemBottom = elemTop + $(elem).height();     return ((elemTop <= docViewBottom) && (elemBottom >= docViewTop)); } $('.animate').each(function() {     if (isScrolledIntoView(this) === true) {         let animation = $(this).attr('data-animation');         let iteration = $(this).attr('data-iteration');         let duration = $(this).attr('data-duration');         let delay = $(this).attr('data-delay');         $(this).addClass('animated');         $(this).css({             'visibility': 'visible',             'animation-duration': duration,     ...

'use strict'; var gulp = require('gulp'); var sass = require('gulp-sass'); var cssMin = require('gulp-cssnano'); var concatJs = require('gulp-concat'); var uglify = require('gulp-uglify'); gulp.task('compile-sass', () => {      return gulp.src('assets/scss/main.scss')           .pipe(sass())           .pipe(cssMin())           .pipe(gulp.dest('dist/')); }); gulp.task('compile-js', () => {      return gulp.src(['assets/js/*.js', 'assets/js/vendor/*.js'])           .pipe(concatJs('app.js'))           .pipe(uglify())           .pipe(gulp.dest('dist/')); }); gulp.task('watch', () => {      gulp.watch('assets/**/*.scss', gulp.series('compile-sass'));      gulp.watch(['assets/js/*.js', 'assets/js/vendor/*.js'], gulp.series('compile-js')); }) gulp.task('default', gulp.series('wa...

Git Add file git add . hit enter Commit git commit -m "your local text" hit enter Push git push  origin branch-name  hit enter

$z-index : 3 ; @for $i from 1 through $z-index { . z-index- #{ $i } { z-index : $i } } https://github.com/Gspatelw3/Onepage-Studio

.headerBox .toggle { display: block; width: 30px; height: 20px; position: relative; } .headerBox .toggle span { font-size: 0; color: transparent; height: 2px; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); background: #fff; } .headerBox .toggle span::before, .headerBox .toggle span::after { content: ''; display: block; width: 100%; height: 2px; position: absolute; left: 0; transition: 0.3s ease-in-out; background: #fff; } .headerBox .toggle span::before { top: -9px; } .headerBox .toggle span::after { bottom: -9px; } .headerBox .toggle:hover span { background: transparent; } .headerBox .toggle:hover span::before { top: 0; transform: rotate(45deg) } .headerBox .toggle:hover span::after { bottom: 0; transform: rotate(-45deg) }