Skip to content

Instantly share code, notes, and snippets.

View DevlopersField's full-sized avatar

Viraj Chaudhary DevlopersField

1 follower · 1 following
View GitHub Profile
@DevlopersField
DevlopersField / ghl-countdown-timer.html
Created May 16, 2024 06:51
GHL multiple countdown timmer using JS with restart specific period expire time in hours.
<!-- HTML Structure for Countdown Timers -->
<div class="timer_outer_wrapper bg_red" id="timer1">
<div class="timer_wrapper">
<div class="timer_value days"></div>
<div class="timer_label">DAYS</div>
</div>
<div class="timer_wrapper">
<div class="timer_value hours"></div>
<div class="timer_label">HOURS</div>
</div>
@DevlopersField
DevlopersField / ghl-countdown-timmer.html
Created May 10, 2024 02:45
GHL counter for multiple countdown timer
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="timer_outer_wrapper">
<div class="timer_wrapper">
@DevlopersField
DevlopersField / ub-tab-using jquery.html
Created April 8, 2024 05:10
tab section on unbounce landing page
<style>
.tab_btn{
cursor: pointer!important;
}
.tab_btn:hover p span {
font-weight: 700 !important;
color: #2C333D !important;
}
.tab_btn.active_tab {
border-bottom: 3px solid #6DBBA5 !important;
@DevlopersField
DevlopersField / ub-sticky-header-.html
Created April 5, 2024 05:02
BG change after some scroll on sticky header for unbounce
<script>
var boxToAppend = '#lp-pom-box-18';
// Set to 'header' or 'footer'
var headerOrFooter = 'header';
var backgroundCSS = {"position":"fixed", "left":"0", "top":"0px", "bottom":"auto", "width":"100%", "z-index":"899"};
var colorOverlayCSS = {"position":"fixed", "left":"0", "top":"0px", "bottom":"auto", "width":"100%", "z-index":"auto", "border-style":"none none none none"};
var childrenCSS = {"position":"fixed", "left":"auto", "top":"0px", "bottom":"auto", "width":"100%", "z-index":"999", "border-style":"none none none none", "border-width":"0px", "background":"none"};
@DevlopersField
DevlopersField / multiple-step-form.html
Created April 5, 2024 01:41
Multi step form with multiple continue buton
<style>
.number {
color: #FFF;
font-weight: 500;
}
#lp-pom-form-444 .option {
position: absolute;
margin-right: -5px;
margin-bottom: 10px;
@DevlopersField
DevlopersField / dynamic-form.html
Created March 21, 2024 14:06 — forked from RobertCam/dynamic-form.html
Have an Unbounce form redirect to different URLs based on a dropdown selection
<script>
/*
Unbounce Community :: Tips & Scripts :: Dynamic Form Confirmation URL's Using Browser Redirects
TS:0002-04-051
***********************
Do not remove this section. It helps our team track useage of external workarounds.
*/
var url = $("#destination");
var formDestination = document.getElementById('form_destination'); // Add ID of dropdown field
@DevlopersField
DevlopersField / border-gradient.css
Created March 20, 2024 12:19
border gradient
.slider_inner::after {
position: absolute;
border: 1px solid #00B2FF;
border: 1px solid transparent;
background: linear-gradient(to top, #00B2FF, #ffff0000) border-box;
-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
top: 0px;
left: 0px;
@DevlopersField
DevlopersField / a.readme.md
Last active March 21, 2024 09:34
counter effect in unbounce with 0.1 to 1 10000 to 30,000 and 30 to 3 with threen different styles

counter effect in unbounce with 0.1 to 1 10000 to 30,000 and 30 to 3 with threen different styles

counter animation with progressbar in counter-with-progress-bar.html

@DevlopersField
DevlopersField / a.readme.md
Last active March 14, 2024 06:57 — forked from noahub/count_up.js
Count Up Animation

Instructions

Step 1. Paste the Javascript code in the Javascript section with placement ‘Before Body End Tag’. On line 14, you have the option to set the duration of the animation (in ms).

Step 2. Create a textbox element and enter a number. This will be your starting number.

Step 3. With the text editor still open, click the ‘Source’ button.

@DevlopersField
DevlopersField / a-readme.md
Last active March 11, 2024 04:46
Light youtube video for unbounce and other