CSS :-
(style) :-
/* General Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:none;
}
ol, ul {
list-style-type:none;
}
h1, h2, h3, h4, h5, h6, li {
line-height:100%;
}
blockquote, q {
quotes:none;
}
q:before, q:after {
content:"";
}
input, textarea, select {
font:12px Arial, Helvetica, sans-serif;
vertical-align:middle;
padding:0;
margin:0;
}
textarea {
overflow:auto;
resize:none;
}
body {
margin:0px;
padding:0px;
font-size:13px;
line-height:21px;
color:#113e5d;
background-color:#9ba0a3;
font-family:Georgia, "Times New Roman", Times, serif;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}
h1 {
font-size:33px;
margin-bottom:10px;
}
h2 {
font-size:25px;
margin-bottom:10px;
}
h3 {
font-size:18px;
margin-bottom:10px;
}
h4 {
font-size:16px;
margin-bottom:10px;
}
h5 {
font-size:14px;
margin-bottom:10px;
}
h6 {
font-size:12px;
margin-bottom:10px;
}
/* links
******************************/
a {color: #1B5219;text-decoration: underline;}
a:hover {color: #1B5219;text-decoration: none;}
/* superscript and subscript
******************************/
sup, sub {vertical-align: baseline;position: relative;top: -0.4em;}
sub { top: 0.4em; }
/* lists
******************************/
ul, ol {padding:0;margin:0;}
ul li {list-style-type:disc;}
ol li {list-style-type:decimal;}
ul li,
ol li {font-size: 12px; line-height: 16px;margin: 0 0 10px 15px;}
/* tables
******************************/
table,th,td {border:1px solid #AAAAAA;}
th {padding:3px; font-weight:bold;color:#344b3b;}
tr {margin:0 0 5px 0;padding:3px;}
td {padding:5px;margin:0 1px;}
/* horizontal lines
******************************/
hr {border-bottom: 1px solid #C1C1CB;margin:5px 0;padding:0;height:2px;width:100%; margin-bottom:15px;}
.clear {
clear:both;
}
.left {
float:left;
}
.right {
float:right;
}
.copyright {
border: 0px;
height: 1px;
width: 1px;
}
#wrapper {
width:1000px;
margin:0 auto;
padding:20px 0 10px 0;
}
/*----start header----*/
#header {
padding:0px 0px 5px;
}
#header .top_banner{
background:url(../images/header.jpg) no-repeat left top;
height:175px;
padding:75px 95px 0 295px;
border:#496066 solid 1px;
}
#header h1{
font-size:32px;
color:#000000;
margin:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
padding:0px 0px 10px;
}
#header h1 a {
color:#000000;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
}
#header p{
font-size:16px;
margin-left:1px;
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
}
.navigation{
margin:0px 0px 25px;
border-bottom:#adb1b2 solid 1px;
padding:15px 5px;
background: #e4e6e5;
}
.navigation ul{
margin:0px;
padding:0px;
}
.navigation ul li{
margin:0px;
padding:0px 32px;
display:inline;
font-size:15px;
list-style-type:none;
border-right:#868B8F dotted 2px;
}
.navigation ul li a{
color:#03314b;
text-decoration:none;
}
.navigation ul li a:hover{
text-decoration:underline;
}
.navigation ul li:last-child {
border-right:none;
}
/*----end header----*/
/*----start page content----*/
#page_content{
background:#EBEEEE;
padding:10px;
}
#page_content .right_section{
width:735px;
float:right;
}
#page_content .right_section .top_content{
padding:15px 0 0px 0;
}
#page_content .right_section .top_content .column_one{
width:300px;
float:left;
margin-bottom:20px;
}
#page_content .right_section .top_content .column_two{
width:300px;
float:right;
margin-bottom:20px;
}
.common_content{
padding:0 0 20px 0;
}
.border_left{
border-left:#6e7678 dotted 1px;
padding-left:20px;
}
.border_none{
border:none!important;
margin:0px!important;
}
.left_side_bar{
width:210px;
margin-bottom:10px;
float:left;
}
.left_side_bar h1{
font-size:18px;
padding:0 0 0 35px;
margin-bottom:15px;
color:#1b0400;
background:url(../images/pencil.png) no-repeat 10px center;
}
.left_side_bar .col_1{
padding:0px 0 20px 0;
}
.left_side_bar .col_1 .box{
padding:10px 15px 5px;
border:#A1A9AB solid 2px;
}
.left_side_bar .col_1 .box ul{
margin:0px;
padding:0px;
}
.left_side_bar .col_1 .box ul li{
margin:0px 0px 8px;
padding:0px 0px 0px 20px;
font-size:13px;
list-style-type:none;
background:url(../images/li.png) no-repeat left center;
}
.left_side_bar .col_1 .box ul li a{
color:#364b38;
text-decoration:underline;
}
.left_side_bar .col_1 .box ul li a:hover{
color:#364b38;
text-decoration:none;
}
/*----end page content----*/
/*----start footer content----*/
#footer{
clear:both;
margin-top:18px;
padding:15px 0 12px 0;
height:25px;
text-align:center;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
line-height:19px;
border-top:#b9bdbe solid 1px;
}
#footer a{
color: #1B5219;
text-decoration:none;
}
#footer a:hover{
color: #1B5219;
text-decoration:underline;
}
/*----end footer content----*/
-------------------------------------------------------------------------------------------------------------
images :-
about us :-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>my web</title>
<meta name="description" content="A description of your website">
<meta name="keywords" content="keyword1, keyword2, keyword3">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="header">
<div class="top_banner">
<h1>IT FIRM</h1>
</div>
</div>
<div id="page_content">
<!--Template designed by--><a href="http://www.htmltemplates.net"><img src="images/copyright.gif" class="copyright" alt="http://www.htmltemplates.net"></a>
<div class="navigation">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="about us.html">about us</a></li>
<li><a href="#">Services</a></li>
<li><a href="contact us.html">Contact us</a></li>
</ul>
</div>
<div class="left_side_bar">
<div class="col_1">
<h1>Main Menu</h1>
<div class="box">
<ul>
<li><a href="home.html">HOME</a></li>
<li><a href="about us.html">ABOUT US</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="contact us.html">CONTACT US</a></li>
</ul>
</div>
</div>
<div class="col_1">
<h1>Block</h1>
<div class="box">
<br>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo</p>
</div>
</div>
</div>
<div class="right_section">
<div class="common_content">
<h2>About us</h2>
<hr>
<p>information, often in the context of a business or other enterprise. IT is considered to be a subset of information and communications technology (ICT). Humans have been storing, retrieving, manipulating, and communicating ...</p>
<br>
<hr>
<p>Information technology (IT) is the use of computers to store, retrieve, transmit, and manipulate data,[1] or information, often in the context of a business or other enterprise.[2] IT is considered to be a subset of information and communications technology (ICT).
Humans have been storing, retrieving, manipulating, and communicating information since the Sumerians in Mesopotamia developed writing in about 3000 BC,[3] but the term information technology in its modern sense first appeared in a 1958 article published in the Harvard Business Review; authors Harold J. Leavitt and Thomas L. Whisler commented that "the new technology does not yet have a single established name. We shall call it information technology (IT)." Their definition consists of three categories: techniques for processing, the application of statistical and mathematical methods to decision-making, and the simulation of higher-order thinking through computer programs.[4]</p><br>
<ul>
<li>adipiscing elit. Aenean commodo ligula Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.</li>
<li>consectetuer adipiscing elit</li>
<li>adipiscing elit. Aenean commodo ligula</li>
<li>Aenean massa. Cum sociis natoque</li>
<li>adipiscing elit. Aenean commodo ligula Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.</li>
<li>adipiscing elit. Aenean commodo ligula Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.</li>
</ul>
</div>
</div>
<div class="clear"></div>
<!--start footer from here-->
<div id="footer">Copyright © 2014. Design by <a href="http://www.kjrathod.blogspot.com" target="_blank">khyati rathod</a><br>
</div>
</div>
</div>
</body></html>
________________________________________________________________________
contact us :-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>my web</title>
<script type="text/javascript">
//Created / Generates the captcha function
function DrawCaptcha()
{
var a = Math.ceil(Math.random() * 10)+ '';
var b = Math.ceil(Math.random() * 10)+ '';
var c = Math.ceil(Math.random() * 10)+ '';
var d = Math.ceil(Math.random() * 10)+ '';
var e = Math.ceil(Math.random() * 10)+ '';
var f = Math.ceil(Math.random() * 10)+ '';
var g = Math.ceil(Math.random() * 10)+ '';
var code = a + ' ' + b + ' ' + ' ' + c + ' ' + d + ' ' + e + ' '+ f + ' ' + g;
document.getElementById("txtCaptcha").value = code
}
// Validate the Entered input aganist the generated security code function
function ValidCaptcha(){
var str1 = removeSpaces(document.getElementById('txtCaptcha').value);
var str2 = removeSpaces(document.getElementById('txtInput').value);
if (str1 == str2) return true;
return false;
}
// Remove the spaces from the entered and generated code
function removeSpaces(string)
{
return string.split(' ').join('');
}
</script>
<meta name="description" content="A description of your website">
<meta name="keywords" content="keyword1, keyword2, keyword3">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="header">
<div class="top_banner">
<h1>IT FIRM</h1>
</div>
</div>
<div id="page_content">
<!--Template designed by--><a href="http://www.htmltemplates.net"><img src="images/copyright.gif" class="copyright" alt="http://www.htmltemplates.net"></a>
<div class="navigation">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="about us.html">about us</a></li>
<li><a href="#">Services</a></li>
<li><a href="contact us.html">Contact us</a></li>
</ul>
</div>
<div class="left_side_bar">
<div class="col_1">
<h1>Main Menu</h1>
<div class="box">
<ul>
<li><a href="home.html">HOME</a></li>
<li><a href="about us.html">ABOUT US</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="contact us.html">CONTACT US</a></li>
</ul>
</div>
</div>
<div class="col_1">
<h1>Block</h1>
<div class="box">
<p>Enter Block content here...</p>
<br>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo</p>
</div>
</div>
</div>
<div class="right_section">
<table>
<tr>
<td>
Welcome To Captcha<br />
</td>
</tr>
<tr>
<td>
<input type="text" id="txtCaptcha"
style="background-image:url(1.jpg); text-align:center; border:none;
font-weight:bold; font-family:Modern" />
<input type="button" id="btnrefresh" value="Refresh" onclick="DrawCaptcha();" />
</td>
</tr>
<tr>
<td>
<input type="text" id="txtInput"/>
</td>
</tr>
<tr>
<td>
<input id="Button1" type="button" value="Check" onclick="alert(ValidCaptcha());"/>
</td>
</tr>
</table>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14792.69858926471!2d70.11032572245365!3d22.042913767324023!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3957994a3b2d772b%3A0x512f6d46d4e997e5!2sSaurashtra+Gramin+Bank%2C+Sheth+Vadala!5e0!3m2!1sen!2sin!4v1531656557601" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<div class="clear"></div>
<!--start footer from here-->
<div id="footer">Copyright © 2014. Design by <a href="http://www.kjrathod.blogspot.com" target="_blank">khyati rathod</a><br>
</div>
</div>
</div>
</body></html>
____________________________________________________________________
HOme :-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>my web</title>
<meta name="description" content="A description of your website">
<meta name="keywords" content="keyword1, keyword2, keyword3">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="header">
<div class="top_banner">
<h1>IT FIRM</h1>
</div>
</div>
<div id="page_content">
<!--Template designed by--><a href="http://www.htmltemplates.net"><img src="images/copyright.gif" class="copyright" alt="http://www.htmltemplates.net"></a>
<div class="navigation">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="about us.html">about us</a></li>
<li><a href="#">Services</a></li>
<li><a href="contact us.html">Contact us</a></li>
</ul>
</div>
<div class="left_side_bar">
<div class="col_1">
<h1>Main Menu</h1>
<div class="box">
<ul>
<li><a href="home.html">HOME</a></li>
<li><a href="about us.html">ABOUT US</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="contact us.html">CONTACT US</a></li>
</ul>
</div>
</div>
<div class="col_1">
<h1>Block</h1>
<div class="box">
<p>Enter Block content here...</p>
<br>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo</p>
</div>
</div>
</div>
<div class="right_section">
<div class="common_content">
<h2>Home</h2>
<hr>
<p>information, often in the context of a business or other enterprise. IT is considered to be a subset of information and communications technology (ICT). Humans have been storing, retrieving, manipulating, and communicating ...</p>
<br>
<hr>
<p>Information technology (IT) is the use of computers to store, retrieve, transmit, and manipulate data,[1] or information, often in the context of a business or other enterprise.[2] IT is considered to be a subset of information and communications technology (ICT).
Humans have been storing, retrieving, manipulating, and communicating information since the Sumerians in Mesopotamia developed writing in about 3000 BC,[3] but the term information technology in its modern sense first appeared in a 1958 article published in the Harvard Business Review; authors Harold J. Leavitt and Thomas L. Whisler commented that "the new technology does not yet have a single established name. We shall call it information technology (IT)." Their definition consists of three categories: techniques for processing, the application of statistical and mathematical methods to decision-making, and the simulation of higher-order thinking through computer programs.[4]</p><br>
<ul>
<li>adipiscing elit. Aenean commodo ligula Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.</li>
<li>consectetuer adipiscing elit</li>
<li>adipiscing elit. Aenean commodo ligula</li>
<li>Aenean massa. Cum sociis natoque</li>
<li>adipiscing elit. Aenean commodo ligula Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.</li>
<li>adipiscing elit. Aenean commodo ligula Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.</li>
</ul>
</div>
</div>
<div class="clear"></div>
<!--start footer from here-->
<div id="footer">Copyright © 2014. Design by <a href="http://www.kjrathod.blogspot.com" target="_blank">khyati rathod</a><br>
</div>
</div>
</div>
</body></html>
____________________________________________________________
index :-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>my web</title>
<meta name="description" content="A description of your website">
<meta name="keywords" content="keyword1, keyword2, keyword3">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="header">
<div class="top_banner">
<h1>IT FIRM</h1>
</div>
</div>
<div id="page_content">
<!--Template designed by--><a href="http://www.htmltemplates.net"><img src="images/copyright.gif" class="copyright" alt="http://www.htmltemplates.net"></a>
<div class="navigation">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="about us.html">about us</a></li>
<li><a href="contact us.html">Services</a></li>
<li><a href="contact us.html">Contact us</a></li>
</ul>
</div>
<div class="left_side_bar">
<div class="col_1">
<h1>Main Menu</h1>
<div class="box">
<ul>
<li><a href="home.html">HOME</a></li>
<li><a href="about us.html">ABOUT US</a></li>
<li><a href="contact us.html">SERVICES</a></li>
<li><a href="contact us.html">CONTACT US</a></li>
</ul>
</div>
</div>
<div class="col_1">
<h1>Block</h1>
<div class="box">
<p>Enter Block content here...</p>
<br>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo</p>
</div>
</div>
</div>
<div class="right_section">
<div class="common_content">
<h2>About us</h2>
<hr>
<p>information, often in the context of a business or other enterprise. IT is considered to be a subset of information and communications technology (ICT). Humans have been storing, retrieving, manipulating, and communicating ...</p>
<br>
<hr>
<p>Information technology (IT) is the use of computers to store, retrieve, transmit, and manipulate data,[1] or information, often in the context of a business or other enterprise.[2] IT is considered to be a subset of information and communications technology (ICT).
Humans have been storing, retrieving, manipulating, and communicating information since the Sumerians in Mesopotamia developed writing in about 3000 BC,[3] but the term information technology in its modern sense first appeared in a 1958 article published in the Harvard Business Review; authors Harold J. Leavitt and Thomas L. Whisler commented that "the new technology does not yet have a single established name. We shall call it information technology (IT)." Their definition consists of three categories: techniques for processing, the application of statistical and mathematical methods to decision-making, and the simulation of higher-order thinking through computer programs.[4]</p><br>
<ul>
<li>adipiscing elit. Aenean commodo ligula Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.</li>
<li>consectetuer adipiscing elit</li>
<li>adipiscing elit. Aenean commodo ligula</li>
<li>Aenean massa. Cum sociis natoque</li>
<li>adipiscing elit. Aenean commodo ligula Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.</li>
<li>adipiscing elit. Aenean commodo ligula Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.</li>
</ul>
</div>
</div>
<div class="clear"></div>
<!--start footer from here-->
<div id="footer">Copyright © 2014. Design by <a href="http://www.htmltemplates.net" target="_blank">htmltemplates.net</a><br>
</div>
</div>
</div>
</body></html>
______________________________________________________________________
captcha code no:-
<html>
<head>
<title>Captcha</title>
<script type="text/javascript">
//Created / Generates the captcha function
function DrawCaptcha()
{
var a = Math.ceil(Math.random() * 10)+ '';
var b = Math.ceil(Math.random() * 10)+ '';
var c = Math.ceil(Math.random() * 10)+ '';
var d = Math.ceil(Math.random() * 10)+ '';
var e = Math.ceil(Math.random() * 10)+ '';
var f = Math.ceil(Math.random() * 10)+ '';
var g = Math.ceil(Math.random() * 10)+ '';
var code = a + ' ' + b + ' ' + ' ' + c + ' ' + d + ' ' + e + ' '+ f + ' ' + g;
document.getElementById("txtCaptcha").value = code
}
// Validate the Entered input aganist the generated security code function
function ValidCaptcha(){
var str1 = removeSpaces(document.getElementById('txtCaptcha').value);
var str2 = removeSpaces(document.getElementById('txtInput').value);
if (str1 == str2) return true;
return false;
}
// Remove the spaces from the entered and generated code
function removeSpaces(string)
{
return string.split(' ').join('');
}
</script>
</head>
<body onload="DrawCaptcha();">
<table>
<tr>
<td>
Welcome To Captcha<br />
</td>
</tr>
<tr>
<td>
<input type="text" id="txtCaptcha"
style="background-image:url(1.jpg); text-align:center; border:none;
font-weight:bold; font-family:Modern" />
<input type="button" id="btnrefresh" value="Refresh" onclick="DrawCaptcha();" />
</td>
</tr>
<tr>
<td>
<input type="text" id="txtInput"/>
</td>
</tr>
<tr>
<td>
<input id="Button1" type="button" value="Check" onclick="alert(ValidCaptcha());"/>
</td>
</tr>
</table>
</body>
<h1>My First Google Map</h1>
<div id="map">My map will go here</div>
</html>
___________________________________________________________________________
ca[tcha code text :-
<html>
<head>
<script type="text/javascript">
function Captcha(){
var alpha = new Array('A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z','a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z');
var i;
for (i=0;i<6;i++){
var a = alpha[Math.floor(Math.random() * alpha.length)];
var b = alpha[Math.floor(Math.random() * alpha.length)];
var c = alpha[Math.floor(Math.random() * alpha.length)];
var d = alpha[Math.floor(Math.random() * alpha.length)];
var e = alpha[Math.floor(Math.random() * alpha.length)];
var f = alpha[Math.floor(Math.random() * alpha.length)];
var g = alpha[Math.floor(Math.random() * alpha.length)];
}
var code = a + ' ' + b + ' ' + ' ' + c + ' ' + d + ' ' + e + ' '+ f + ' ' + g;
document.getElementById("mainCaptcha").value = code
}
function ValidCaptcha(){
var string1 = removeSpaces(document.getElementById('mainCaptcha').value);
var string2 = removeSpaces(document.getElementById('txtInput').value);
if (string1 == string2){
return true;
}
else{
return false;
}
}
function removeSpaces(string){
return string.split(' ').join('');
}
</script>
</head>
<body onload="Captcha();">
<table>
<tr>
<td>
Text Captcha<br />
</td>
</tr>
<tr>
<td>
<input type="text" id="mainCaptcha"/>
<input type="button" id="refresh" value="Refresh" onclick="Captcha();" />
</td>
</tr>
<tr>
<td>
<input type="text" id="txtInput"/>
</td>
</tr>
<tr>
<td>
<input id="Button1" type="button" value="Check" onclick="alert(ValidCaptcha());"/>
</td>
</tr>
</table>
</body>
</html>
No comments:
Post a Comment