Skip to main content

Posts

Showing posts with the label Responsive

Responsive header menu bar using jquery with sub-menu for mobile and tables

Responsive menu jquery with submenu mobile and tables Download HTML File Source : <!doctype html> <html> <head> <meta charset="utf-8"> <title>Responsive menu jquery with submenu mobile and tables </title> <link rel="stylesheet" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css" type="text/css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(e) {     $("#mobileMen").click(function(){ $("#menu").fadeToggle(100) }) }); </script> <style> * { margin:0px; padding:0px; text-decoration:none; color:inherit; font-family:arial; transition-duration:.5s; }  nav  { background:#FF404E;     background: -webkit-linear-gradient(#FF404E, #FF616C);     background: -o-linear-gradient(#FF404E, #FF616C);     backgrou...

Responsive Contact Form and send data to email by php

Responsive Contact form with php validation and transfer data to email script Source : don't forget one think this will saved by filename.php extension its mandatory and its working online and linux based server platform. <!DOCTYPE html> <html lang="en"> <head>   <title>Bootstrap Example</title>   <meta charset="utf-8">   <meta name="viewport" content="width=device-width, initial-scale=1">   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="jumbotron text-center">   <h2>Contact form with PHP ans send data to email...