Code Design html

Posts

Whats App

January 22, 2022

<div class =" whats-app-icon "> <a href =" https://api.whatsapp.com/send?phone=123456789&text=Hello%20Company%20Name%2C%20would%20like%20to%20know%20more%20details%20about%20your%20products%2C%20Please%20send%20more%20details. " target =" _blank "> <img src =" images/whats-app-icon.png " alt =" Whatsapp " title =" Whatsapp "> </a> </div> .whats-app-icon img { position: fixed; bottom: 129px; left: 20px; cursor: pointer; transition: 0.5s; z-index: 999; box-shadow: 2px 2px 6px rgb(0 0 0 / 40%); border-radius: 100px;}

Call Desktop

January 22, 2022

<div class="phone_lefts-side glow" data-target="html"> <a title="Contact Us" href="tel:+91 "><i class="fa fa-phone"></i></a> </div> /*Call Me*/ .phone_lefts-side{position:relative;} .phone_lefts-side a{ position: fixed; bottom: 50px; color:white; background-color:#03a84e; animation: topBottom 4s infinite; z-index: 11111; left: 20px; background-color: #0000ff; color: white; padding: 11px 16px; border-radius: 50%; font-size: 20px; animation: bounce 4s infinite alternate;} .glow { font-size: 80px; color: #fff; text-align: center; -webkit-animation: glow 1s ease-in-out infinite alternate; -moz-animation: glow 1s ease-in-out infinite alternate; animation: glow 1s ease-in-out infinite alternate;} @-webkit-keyframes glow { from {text-shadow: 0 0 10px ...

Google Translate

January 22, 2022

<div id =" google_translate_element "> </div> <script type =" text/javascript "> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); } </script> <script type =" text/javascript " src =" //translate.google.com/translate_a/element.js?cb=googleTranslateElementInit "> </script> </div>

Animation Border

September 14, 2021

<!DOCTYPE html> <html> <head> <title>Loader</title> </head> <body> <div class="loader"> <span></span> <span></span> <span></span> <h2>Loading.......</h2> </div> </body> </html> <style type="text/css"> *{margin: 0px; padding: 0px; box-sizing: border-box;} body{background-color: #111; display: flex; justify-content: center; align-items: center; min-height: 100vh;} .loader{position: relative; width: 200px; height: 200px; display: flex; justify-content: center; align-items: center;} .loader span{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 2px solid #fff; pointer-events: none; animation: animate 5s linear infinite;} .loader h2{color: #fff; font-family: consolas; font-weight: 600;} .loader span:nth-child(1){ border-radius: 38% 62% 68% 32% / 28% 34% 66% 72%; } .loader span:nth-child(2){ animation-direc...

Graphic Website

August 28, 2021

Right click disable

June 20, 2021

<body class="tg-home" onLoad="disableClick()" oncontextmenu="return false"> //hide code// document.onkeydown = function(e) { if(e.keyCode == 123) { return false; } if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)){ return false; } if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)){ return false; } if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)){ return false; } if(e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)){ return false; } } ///F12// //------------------------------ function unloadJS(scriptName) { var head = document.getElementsByTagName('head').item(0); var js = document.getElementById(sc...

Lligting Name

June 04, 2021