Your area of interest to choose from:-
HOME
FICTION
UPLOADING ZONE!!
ANIMATIONS
BYGONES(UR UPS & DOWNS)
CHARACTER SKETCH(OF ANY RENOWNED PERSONALITY)
ARTISTIC DESIGNS
CRAFT TECHNIQUES
ESSAYS
FANTASY
GRAPHS
GUEST LECTURE
HORROR
INDIGINEOUS RECIEPES
INTRESTING FACTS
JOKES
KEY WITH CROSSWORDS
LYRICS
Movies Review-all movies 2012
NON-FICTION
POETRY
OVERVIEW OF NOVELS
PRECY
PAINTINGS
QUOTATIONS
RECIPE
ROMANCING IN LIFE
REMEDY
SHORT STORIES
SCIENTIFIC FACTS
TECHNO TOPICS
TALES(EPISODE WISE)
UTTERLY RIDICULOUS
VIEW POINT
WEDDING CARD'S DESIGNS
X-MAS DESIGNS
YELLOW PAGES
ZONE OF EXPERTISE COMMENTS
HOW TO PUBLISH?
NEW CONTESTS
REGIONAL
Hidden pages
QUESTIONS???
LIVE CRICKET ONLINE FOR FREE
Title DICTIONARY
FACEBOOK PROXY
Newsletter
E-MAGAZINE
MOVIE MANIA!!(REVIEWS)
Contact
LATEST INDIA RESULTS
Title of your new page
MOVIE MANIA!!!(REVIEWS)
movies
PENDOWN MOVIES
posters
Title of
Polls
Title of your new page1
u
new
u1
Title of your new pag
Title of your new
Title
aqwe
liftdedo
Title of your new page98
iPresent
ipresent1
file1
Suntt1
Suntt2
Suntt3
Snutt4
gyyyyyyyyyyyyyy
 

Copyright © 2012 Pendown Society

Suntt3

<html>
<title>Book NewPaper!!</title>
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
 
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
 
  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
 
 
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
   <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="jBox.css">
<script src="jBox.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="BootSideMenu.css">
<link rel="stylesheet" type="text/css" href="roboto.css"/>
<link rel="stylesheet" type="text/css" href="dhtmlxcalendar.css"/>
<script src="dhtmlxcalendar.js"></script>
<link rel="icon" href="images/icon.png">
  <link href="bootstrap1.min.css" rel="stylesheet">
  <link href="loki3.css" rel="stylesheet">
  <link href="chatbot.css" rel="stylesheet">
<style>
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
 
/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 55%;
    height: auto;
    
}
 
/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
 
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
</style>
<style>
/* The Modal (background) */
.modal1 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
 
/* Modal Content */
.modal-content1 {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 55%;
    height: auto;
  
}
 
/* The Close Button */
.close1 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
 
.close1:hover,
.close1:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
</style>
<style>
/* The Modal (background) */
.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
 
/* Modal Content */
.modal-content2 {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 55%;
    height: auto;
    
}
 
/* The Close Button */
.close2 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
 
.close2:hover,
.close2:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
</style>
<style>
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
 
.dropdown {
    position: relative;
    display: inline-block;
}
 
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 170px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
 
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
 
.dropdown-content a:hover {background-color: #f1f1f1}
 
.dropdown:hover .dropdown-content {
    display: block;
}
 
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
</style>
<style>
.jumbotron .container {
    max-width: 100%;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
width: 30%;
    border: 5px solid white;
}
@media (min-width: 992px)
.container {
    width: 970px;
}
</style>
</head>
<body style="background: #9EDB51 url(../images/background.png) no-repeat;">
<div style="height:25%;">
<table style="width:100%;">
<tr>
<td style="width:75%;">
</td>
<td style="width:25%;">
<button onclick="location.href='http://www.engineering.com/Blogs/tabid/3207/Default.aspx';" class="dropbtn">Blogs</button>
<button class="dropbtn">Ad Slots</button>
<div class="dropdown">
 
  <button class="dropbtn">Login / SignUp</button>
  <div class="dropdown-content">
     <a href="#"><p id="myBtn" style="font-size:16px;font-weight:bolder;color:green;margin-top: 0;">Customer Login</p></a>
  <a href="#"><p id="myBtn1" style="font-size:16px;font-weight:bolder;color:green;margin-top: 0;">Corporate Login</p></a> 
 <a href="#"><p id="myBtn2" style="font-size:16px;font-weight:bolder;color:green;margin-top: 0;">Distributor Login</p></a>
  </div>
</div>
</td>
</tr>
</table>
</div>
<div style="height:75%;">
<table style="width:100%;">
<tr>
<td style="width:50%;">
<img src="add1.png" style="height:70%; margin-left:5%">
</td>
<td style="width:50%;">
<img src="airtel.jpg" style="height:45%; margin-left:15%">
</td>
</tr>
</table>
</div>
<div id="myModal" class="modal">
<div class="modal-content">
    <span class="close">&times;</span>
<div class="container">
<h3>Customer Login</h3>
 <div>
        <input type="text" class="form-control" autofocus="autofocus" placeholder="User Name" id="QLssn">
</br>
</br>
        <input type="password" class="form-control" placeholder="Password" id="QLpin">
</br>
</br>
<center><button type="submit">Submit</button></center>
</div>
  </div>
  </div>
  </div>
  <div id="myModal1" class="modal1">
<div class="modal-content1">
    <span class="close1">&times;</span>
    <div class="container">
<h3>Corporate Login</h3>
 <div>
        <input type="text" class="form-control" autofocus="autofocus" placeholder="User Name" id="QLssn">
</br>
</br>
        <input type="password" class="form-control" placeholder="Password" id="QLpin">
</br>
</br>
<center><button type="submit">Submit</button></center>
</div>
  </div>
  </div>
  </div>
  <div id="myModal2" class="modal2">
<div class="modal-content2">
    <span class="close2">&times;</span>
   <div class="container">
<h3>Distributor Login</h3>
 <div>
        <input type="text" class="form-control" autofocus="autofocus" placeholder="User Name" id="QLssn">
</br>
</br>
        <input type="password" class="form-control" placeholder="Password" id="QLpin">
</br>
</br>
<center><button type="submit">Submit</button></center>
</div>
  </div>
  </div>
  </div>
 
  <script>
// Get the modal
var modal = document.getElementById('myModal');
 
// Get the button that opens the modal
var btn = document.getElementById("myBtn");
 
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
 
// When the user clicks the button, open the modal 
btn.onclick = function() {
    modal.style.display = "block";
}
 
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
    modal.style.display = "none";
}
 
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}
</script>
<script>
// Get the modal
var modal1 = document.getElementById('myModal1');
 
// Get the button that opens the modal
var btn1 = document.getElementById("myBtn1");
 
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close1")[0];
 
// When the user clicks the button, open the modal 
btn1.onclick = function() {
    modal1.style.display = "block";
}
 
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
    modal1.style.display = "none";
}
 
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
    if (event.target == modal) {
        modal1.style.display = "none";
    }
}
</script>
<script>
// Get the modal
var modal2 = document.getElementById('myModal2');
 
// Get the button that opens the modal
var btn2 = document.getElementById("myBtn2");
 
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close2")[0];
 
// When the user clicks the button, open the modal 
btn2.onclick = function() {
    modal2.style.display = "block";
}
 
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
    modal2.style.display = "none";
}
 
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
    if (event.target == modal) {
        modal2.style.display = "none";
    }
}
</script>
</body>
</html>


Today, there have been 12 visitors (83 hits) on this page!
 
Username:
Password:
 
=> Do you also want a homepage for free? Then click here! <=
WAY to our new home page>