Skip to main content

Posts

Love calculator with Html and Javascript

<!doctype html>  <!-- Latest compiled and minified CSS --> <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...
1 comment
Read more

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>     <!-- Required meta tags -->     <meta charset="utf-8">     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">     <!-- Bootstrap CSS -->     <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> ...
Post a Comment
Read more

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"...
1 comment
Read more

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