Posts

React.js

 // index.js. import React from "react"; import ReactDom from "react-dom"; ReactDOM.render(<h1>Hello World</h1>, document.getElementById("Root")); Fragment For React (For Div Close) // index.js. import React from "react"; import ReactDom from "react-dom"; ReactDOM.render( <React.Fragment> <h1>Hello World</h1> <p>Lore texxt is the dummy text for this website</p> <span>Change Method For React<span> </React.Fragment>, document.getElementById("Root")); Use Can Use: <></>
Post a Comment
Read more

Whats App

  <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;}
Post a Comment
Read more

Call Desktop

 <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 ...
Post a Comment
Read more

Google Translate

  <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>
Post a Comment
Read more

Animation Border

Image
  <!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...
Post a Comment
Read more

Graphic Website

Image
 
Post a Comment
Read more

Right click disable

 <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...
Post a Comment
Read more