Gajabwap Web in Hindi – Tech, AI, Blogging & Computer Tips

Posts

How to create youtube thumbnail downloader tool with javascript

code- <!DOCTYPE html> <html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <title>Youtube Thumbnail Downloader Tool</title> <meta content='YouTube Thumbnail Downloader automatically Generate High Quality Thumbnails or Images from YouTube videos. Paste your YouTube Video URL in the below box and Click on "Download" button. Within Second it will generate your sweet thumbnails.' name='Description'/> <meta content='YouTube Thumbnail Downloader,youtube, thumbnail, generator, screenshots, image generator, picture generator, maker, photo, creater,' name='Keywords'/> <meta content='index, follow' name='robots'/> <meta content='2 days' name='revisit-after'/> <meta c...

Love calculator with Html and Javascript

<!doctype html>  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" /> <style > body{ background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url('https://images.pexels.com/photos/1028725/pexels-photo-1028725.jpeg'); background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 100vh; position: relative; } header{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } </style> <header > <div class="card w-50 m-auto text-center "> <div class="card-header bg-danger text-white"><h2>LOVE CALCULATOR Website</h2> </div> <div class="card-body"> <form class="form-inlin...

How to Import and Compress Image from URL with PHP

How to import image image from URL then compress Demo- Import and compress Step1-create a index.php file <!doctype html> <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <title>Save Image and Resize</title> </head> <body> <div class="container"> <div class="card mt-3"> <div class="card-header"> <h3>Save Image</h3> ...

Send Multiple attachment with Php mail function

step1-create a test2.php Demo- Send multiple attachment with PHP MAIL Demo2- SEND multiple attachment WITH PHP MAIL FUNCTION(AJAX JQUERY) <center> <form id="frmEnquiry" action="mail2.php" method="post" enctype='multipart/form-data'> <h2>Send Multiple Attachment With Php Mail Function</h2><br> <div id="mail-status"></div> <div id="loader-icon" style="display: none;"> <img src="LoaderIcon.gif" /> </div> <div> <input type="text" name="userName" id="userName" class="demoInputBox" placeholder="Name" required> </div> <div> <input type="text" name="userEmail" id="userEmail" class="demoInputBox" placeholder="from email"...

Import image from URL with Ajax,Jquery and Php

Demo- Import Image From URL Download code- Import image fom url sand save in database and directory Step 1-create a index.php file </body> </html> <style> #uploadForm {border-top:#F0F0F0 2px solid;background:#FAF8F8;padding:10px;} #uploadForm label {margin:2px; font-size:1em; font-weight:bold;} .demoInputBox{padding:5px; border:#F0F0F0 1px solid; border-radius:4px; background-color:#FFF;} #progress-bar {background-color: red;height:20px;color: #FFFFFF;width:0%;-webkit-transition: width .3s;-moz-transition: width .3s;transition: width .3s;} .btnSubmit{background-color:#09f;border:0;padding:10px 40px;color:#FFF;border:#F0F0F0 1px solid; border-radius:4px;} #progress-div {border:black 1px solid;padding: 5px 0px;margin:30px 0px;border-radius:4px;text-align:center;} #targetLayer{width:100%;text-align:center;} </style> <script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></scri...