Md Bulbul Hasan bulbul84
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div align="center" class="embed-responsive embed-responsive-16by9"> | |
| <button class="playbutton" id="video_play"><img id="playpasue" src="custom/images/pause.png"></button> | |
| <video id="herovideo" class="embed-responsive-item" width="560" height="315" autoplay loop muted> | |
| <source src="custom/videos/Hero-Video-v8.mp4" type="video/mp4" /> | |
| <source src="custom/videos/Hero-Video-v8.mp4" type="video/mov" /> | |
| <source src="custom/videos/Hero-Video-v8.mp4" type="video/ogg" /> Your browser does not support the video tag. | |
| </video> | |
| </div> |
bulbul84
/ index.html
Created
February 22, 2022 14:34
How to change html element attribute value by jquery
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <button id="dsk_humberger" class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false" aria-label="Open the menu"> | |
| <img src="<?php echo get_template_directory_uri()?>/assets/images/humberger-open.svg" alt="open menu icon" class="open_menu"> | |
| <img src="<?php echo get_template_directory_uri()?>/assets/images/humberger-close.svg" alt="close menu icon" class="close_menu"> | |
| </button> |
bulbul84
/ scripts.js
Last active
March 11, 2022 10:42
adding loading icon when submit multistep form
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script> | |
| $(document).ready(function() { | |
| $("#email_submit").on("click", function() { | |
| $(".multistep_form").addClass("loading"); | |
| setTimeout(function() { | |
| $(".multistep_form").removeClass("loading"); | |
| }, 5000); | |
| }); | |
| }); | |
| </script> |
bulbul84
/ scripts.html
Created
March 15, 2022 14:22
Scrolling a specific area when focus an input fields
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- This will scrolling desktop and mobile both --> | |
| <script> | |
| $(function(){ | |
| $("#filter").focus(function() { | |
| $('html,body').animate({ | |
| scrollTop: $(".advisor_single_input").offset().top - 0},'slow'); | |
| }); | |
| $("#filter").focusout(function() { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ::-webkit-scrollbar-corner { | |
| background: rgba(0, 0, 0, 0.5); | |
| } | |
| * { | |
| scrollbar-width: thin; | |
| scrollbar-color: #c5c5c5; | |
| } | |
| /* Works on Chrome, Edge, and Safari */ | |
| *::-webkit-scrollbar { | |
| width: 12px; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| html::-webkit-scrollbar-track { | |
| background: linear-gradient(90deg,#434343,#434343 1px,#111 0,#111); | |
| } | |
| html::-webkit-scrollbar-thumb { | |
| background: #434343; | |
| border-radius: 16px; | |
| box-shadow: inset 2px 2px 2px hsl(0deg 0% 100% / 25%), inset -2px -2px 2px rgb(0 0 0 / 25%); | |
| } | |
| html::-webkit-scrollbar { | |
| width: 16px; |
bulbul84
/ index.html
Created
July 25, 2022 13:25
How to check password strength / length / requirements
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="row" id="idpassword"> | |
| <div class="col-sm-6"> | |
| <div class="form-group input_fields"> | |
| <input class="form-control" type="password" name="password" id="password" required> | |
| <p class="show_hide" id="pass1">Show</p> | |
| <label for="password">Password </label> | |
| </div> | |
| </div> | |
| <div class="col-sm-6"> | |
| <div class="form-group input_fields"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script> | |
| $(function(){ | |
| if ($(window).width() < 768) { | |
| $("#filter").focus(function() { | |
| $('html,body').animate({ | |
| scrollTop: $(".advisor_single_input").offset().top - 0},'slow'); | |
| }); | |
| $("#filter").focusout(function() { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script> | |
| $(document).ready(function() { | |
| $("#email_submit").on("click", function() { | |
| $(".multistep_form").addClass("loading"); | |
| setTimeout(function() { | |
| $(".multistep_form").removeClass("loading"); | |
| }, 500); | |
| }); | |
| }); | |
| </script> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <form action="#" id="form_affiliates"> | |
| <div class="affliate-form"> | |
| <div class="form-group input_fields"> | |
| <input type="text" id="organization" class="form-control" placeholder=" " name="organization" required> | |
| <label for="organization">Organization</label> | |
| </div> | |
| <div class="form-group input_fields"> | |
| <input type="text" id="websiteurl" class="form-control" placeholder=" " name="websiteurl" required> | |
| <label for="websiteurl">Website URL</label> |