menu

Tuesday, 14 April 2015

CSS POPUP without using js

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="popup.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="modal">
  <input id="modal" type="checkbox" name="modal" tabindex="1"  style="display:none">
  <label for="modal" >For Admission Query</label>
  <div class="modal__overlay">
    <div class="modal__box">
      <label for="modal">&#10006;</label>
      <div class="form-layout" style="width: 485px;">
        <div  class="title3" style="font-size:27px;">Website Design & Developent</div>
        <p class="p" style="margin-bottom: 8px;">Contact for - 7398623742</p>
        <p class="p"> <a href="http://e-technology.co.in/" target="_new" style="color:#fff">E-Technology</a> </p>
        <form action="#" method="post" name="myform" class="form" style="width:70%; margin-left: 70px;  ">
          <input type="text" name="name" id="name" placeholder="Name"  >
          <input type="varchar" name="phone" id="phone" placeholder="Mobile No.") {this.placeholder= 'Mobile No.';}" >
          <input type="email" name="email" id="email" placeholder="Email" ) {this.placeholder= 'Email';}" >
          <select name="course" id="course" style="width:104%;">
            <option value="B.Tech" selected >B.Tech</option>
            <option value="MBA" selected >MBA</option>
            <option value="PGDM" selected >PGDM</option>
            <option value="BBA" selected >BBA</option>
            <option value="BCA" selected >BCA</option>
          </select>
          <input name="page" value="index"  type="hidden">
          <input type="submit"  name="submit" value="submit" class="submit_btn5" style="bottom: 35px;">
        </form>
      </div>
    </div>
  </div>
</div>
</body>
</html>

Download Source


No comments:

Post a Comment