Posts

PHP-Post Data

<?php if(isset($_POST['submit'])) { $name = $_POST['name']; $email=$_POST['email']; $phone=$_POST['phone']; $comment=$_POST['comment']; mysql_connect("localhost","root",""); mysql_select_db("register_form"); $data=mysql_query("insert into quick_contact values('','$name','$email','$phone','$comment')"); if($data) {  echo "<script>alert('Your post jobs has been submitted successfully')</script>";  /*   echo "<script>location='files/post_jobs.php'</script>";   */  }  else { echo"<script>alert('your post not submited')</script>"; echo mysql_error(); } } ?> <!DOCTYPE html> <html> <head> <title> Working with web forms </title> <style type="text/css"> table { font-family:verdana; } td
Post a Comment
Read more

JavaScript-Popup

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script src="js/script.js"></script> <style> #overlay {             display: none;             position: absolute;             top: 0;             bottom: 0;             background: #999;             width: 100%;             height: 100%;             opacity: 0.8;             z-index: 100;         }         .popupcontent {             padding: 10px;         } #get_popup {             display: none;             position: absolute;             top: 70%;             left: 50%;             background: #fff;             width: 500px;             height: 250px;             margin-left: -250px; /*Half the value of width to center div*/             margin-top: -250px; /*Half the value of height to center div*/             z-index:1200;         } #get_popupclose {             float: right;
Post a Comment
Read more

Form Validation with HTML5 AND CSS3

<!doctype html> <html> <head> <meta charset="utf-8"> <title>welcome to form validation</title> <link href="form validation.css" rel="stylesheet"> </head> <body> <form name="loginform"> <fieldset> <ul>     <li>User Name</li>     <li>     <div class="symbol">n</div>     <input type="text" placeholder="User Name" required pattern="[a-z]{4,10}">     <span valid="W" invalid="X"></span>     </li>     <li>Password</li>     <li>     <div class="symbol">I</div><input type="password" placeholder="Password" required pattern="[a-z]{4,10}[@#$]{1}">     <span valid="W" invalid="X"></span>     </li>         <li><input type="
Post a Comment
Read more

Backup Code

Transition: <!doctype html> <html> <head> <meta charset="utf-8"> <title>working with animations</title> <style> ul { border:0px; padding:0px; margin:0px; } ul li { list-style:none; height:60px; width:60px; background:#999; padding:10px; margin:5px; transition:0.5s; } ul li img { width:60px; height:60px; } ul li:hover { padding-left:80px; transition:0.5s; } div { width:150px; height:150px; background:#F60; margin-left:auto; margin-right:auto; border-radius:100px; position:relative; transition:0.5s; } div img { width:70px; height:50px; position:absolute; top:33%; left:33%; transition:0.5s; } div:hover { transform:scale(2) translateY(-200px) skewX(45deg); transition:0.5s; } div:hover img { transform:rotate(720deg); transition:0.5s; } article { width:200px; height:200px; background:#36C; margin:50px auto; overflow:auto; } </style> </head> <body> &l
Post a Comment
Read more

Framework/grid system in css3

<!doctype html> <html> <head> <meta charset="utf-8"> <title>MEDIA QUERY</title> <style> body { background:#CCC; } .row { margin:10px; clear:both; padding:10px;   } .col-12 {     width: 100%;   }   .col-11 {     width: 91.66666667%;   }   .col-10 {     width: 83.33333333%;   }   .col-9 {     width: 75%;   }   .col-8 {     width: 66.66666667%;   }   .col-7 {     width: 58.33333333%;   }   .col-6 {     width: 50%;   }   .col-5 {     width: 41.66666667%;   }   .col-4 {     width: 33.33333333%;   }   .col-3 {     width: 25%;   }   .col-2 {     width: 16.66666667%;   }   .col-1 {     width: 8.33333333%;   } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {     float: left;   }     @media(max-width:1024px){ body { background:#396; } } @media(max-width:780px){ body { background:#699; } .col-1, .col-2, .col-3, .col-4, .col
Post a Comment
Read more

Mini Project

Image
Post a Comment
Read more

Multi Level Menu

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Multi level menu</title> <link href="multi level menu.css" rel="stylesheet"> </head> <body> <nav> <ul> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT US</a></li> <li><a href="#">Gallery</a>     <ul>     <li><a href="#">Photo </a></li>     <li><a href="#">Video</a></li>     <li><a href="#">Audio</a></li>     </ul> </li> <li>SERVICES     <ul>     <li><a href="#">Training </a></li>     <li><a href="#">Development</a></li>     <li><a href="#">Placement</a></li>     </ul> </li> <li><a hr
Post a Comment
Read more