Skip to content

Instantly share code, notes, and snippets.

View minakshi-sharma's full-sized avatar
🏠
Working from home

Minakshi Sharma minakshi-sharma

🏠
Working from home
View GitHub Profile
@minakshi-sharma
minakshi-sharma / Redirect_Form_Based_on_Dropdown_Field_Value.js
Created April 21, 2020 11:24
Form Redirect Based on Dropdown Field Value
<script>
document.getElementById('lp-pom-button-23').onclick = function() {
var question1 = document.getElementById('did_you_or_a_loved_one_have_the_paragard_iud_birth_control_device_implanted').value;
var question2 = document.getElementById('were_you_or_a_loved_one_injured_by_a_broken_paragard_at_any_time').value;
var question3 = document.getElementById('in_what_year_was_the_paragard_implanted').value;
if ((question1 == "Yes") && (question2 == "Yes") && (question3 != "Before 2002")) {
@minakshi-sharma
minakshi-sharma / Adding background music to the webpage.html
Created April 21, 2020 11:50
Add background music to the webpage
<p><audio id="loop-limited" controls="controls" autoplay style="width: 6em;height:20px;"><source src="http://www.chakdhoom.com/wp-content/uploads/2017/01/chak-1-AudioTrimmer.com_.mp3" type="audio/ogg" /><source src="http://www.chakdhoom.com/wp-content/uploads/2017/01/chak-1-AudioTrimmer.com_.mp3" type="audio/mpeg" /></audio><br />
<script>
var loopLimit = 5;
var loopCounter = 0;
document.getElementById('loop-limited').addEventListener('ended', function(){if (loopCounter < loopLimit){this.currentTime = 0;this.play();loopCounter++;}
}, false);</script></p>
@minakshi-sharma
minakshi-sharma / unordered checked List.html
Created April 21, 2020 11:54
unordered checked List.html
<style>
.elHeadlineIcon_check:before {
content: "\f00c";
position: relative;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
@minakshi-sharma
minakshi-sharma / open modal on button click.html
Last active April 21, 2020 11:57
Create Modal on button click
<style>
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
@minakshi-sharma
minakshi-sharma / Designer circle with text overlay.html
Created April 21, 2020 11:58
Designer circle with text overlay.html
<style>
.circle-ul {
list-style: none outside none;
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
<style>
.counter_circle5 {
display: inline-flex;
top: 0px;
right: -25px;
z-index: 10;