xkeshav/find.html

## find.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Iterator : Unit Case</title>
    <!-- <link rel="stylesheet" href="fix.css"> -->
    <style type="text/css">
    body {
        font-style: sans-serif;
        padding:0;
        margin:0;
        height:1000px;
    }
    *:focus {
        outline: 0 !important;
        /*padding:0;*/
        /*border-style: none;*/
    }
    header {
        /*margin:2px;*/
        background: linear-gradient(100deg, #0E0D18, #062D3E);
        /*background: linear-gradient(100deg, #FFF, #161523);*/
        height: 100px;
        padding: 15px 4px 3px;
        line-height: 2em;
        width:100%;
        position: fixed;
        top:0;
    }
    form {
          width:100%;
          float: left;
          margin: 0px;
    }

    form > section {
        position: relative;
    }
/*    label {
        float: left;
        clear: both;
    }*/
    section{
        position: relative;
        top:80px;
        width:100%;
        height:100px;
        background-color:#456;
    }

    input[type=search]{
        background: none;
        border-radius: 2px;
        border-width:0;
        border: 2px solid gray;
        /*border:2px solid #3D7A86;*/
        float: left;
        font: italic normal 1.2em sans-serif;
        height: 40px;
        left: 0;
        margin:4px;
        min-width: 160px;
        outline: 0;
        position: relative;
        text-transform: lowercase;
        z-index: 1;
    }

    button {
        background-color: #2A2D4B;
        border-radius:.5em;
        border:3px solid #cfcfcf;
        color: #ffffff;
        cursor: help;
        font-family:Georgia;
        height: 50px;
        /*padding: 3px;*/
        min-width:100px;
        text-decoration: none;
        text-transform: uppercase;
    }

    button:focus {
     /*border-width:0;*/
     /*border-style:none;*/
     padding:0;
     /*border-radius: 3.5em;*/
     font-size:larger;
    }
    .clr {
          /*background: #7B8C99;*/
          /*padding:8px;*/
    }
    button:hover {
        background-color: #008ee6;
        border-color:#fff;
        border-radius: .5em;
    }
    button[type=submit] {
        cursor: pointer;
        /*border-style:none;*/
        /*border-width:0;*/
        padding:0;
    }
    button[type=submit]:focus {
        padding:0;
        /*border-radius: 3.5em;*/
        /*border-style:none;*/
    }
    footer{
        position: relative;
        bottom: :0px;
        width:100%;
        height:100px;
        background-color:#456;
    }
    </style>
</head>
<body>
    <header>
        <form action="self.php" method="post">
            <!-- <label>$loc=</label> -->
            <input type="search" name="location" id="location" size="80" title="Insert location" placeholder="/abso/ute/dir/path" autofocus >
            <!-- <label for="location">Absolute path</label> -->
   <!--          <label>CALENDAR</label>
            <input type="datetime-local" name="datetime-local" class="search"> -->
            <button type="reset" class="clr" title="Clear location">Clear</button>
            <button type="submit" title="Click" >Go!</button>
        </form>
    </header>
    <!-- <section class="parda"></section>> -->
    <div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis quam accusantium cum modi, eos eaque nulla earum accusamus sequi distinctio eius, non delectus, exercitationem optio atque, hic amet voluptatibus veritatis.
    </div>
    <!-- <footer>Jai Mata Di</footer> -->
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<title>Iterator : Unit Case</title>
	<!-- <link rel="stylesheet" href="fix.css"> -->
	<style type="text/css">
	body {
	font-style: sans-serif;
	padding:0;
	margin:0;
	height:1000px;
	}
	*:focus {
	outline: 0 !important;
	/padding:0;/
	/border-style: none;/
	}
	header {
	/margin:2px;/
	background: linear-gradient(100deg, #0E0D18, #062D3E);
	/background: linear-gradient(100deg, #FFF, #161523);/
	height: 100px;
	padding: 15px 4px 3px;
	line-height: 2em;
	width:100%;
	position: fixed;
	top:0;
	}
	form {
	width:100%;
	float: left;
	margin: 0px;
	}

	form > section {
	position: relative;
	}
	/* label {
	float: left;
	clear: both;
	}*/
	section{
	position: relative;
	top:80px;
	width:100%;
	height:100px;
	background-color:#456;
	}

	input[type=search]{
	background: none;
	border-radius: 2px;
	border-width:0;
	border: 2px solid gray;
	/border:2px solid #3D7A86;/
	float: left;
	font: italic normal 1.2em sans-serif;
	height: 40px;
	left: 0;
	margin:4px;
	min-width: 160px;
	outline: 0;
	position: relative;
	text-transform: lowercase;
	z-index: 1;
	}

	button {
	background-color: #2A2D4B;
	border-radius:.5em;
	border:3px solid #cfcfcf;
	color: #ffffff;
	cursor: help;
	font-family:Georgia;
	height: 50px;
	/padding: 3px;/
	min-width:100px;
	text-decoration: none;
	text-transform: uppercase;
	}

	button:focus {
	/border-width:0;/
	/border-style:none;/
	padding:0;
	/border-radius: 3.5em;/
	font-size:larger;
	}
	.clr {
	/background: #7B8C99;/
	/padding:8px;/
	}
	button:hover {
	background-color: #008ee6;
	border-color:#fff;
	border-radius: .5em;
	}
	button[type=submit] {
	cursor: pointer;
	/border-style:none;/
	/border-width:0;/
	padding:0;
	}
	button[type=submit]:focus {
	padding:0;
	/border-radius: 3.5em;/
	/border-style:none;/
	}
	footer{
	position: relative;
	bottom: :0px;
	width:100%;
	height:100px;
	background-color:#456;
	}
	</style>
	</head>
	<body>
	<header>
	<form action="self.php" method="post">
	<!-- <label>$loc=</label> -->
	<input type="search" name="location" id="location" size="80" title="Insert location" placeholder="/abso/ute/dir/path" autofocus >
	<!-- <label for="location">Absolute path</label> -->
	<!-- <label>CALENDAR</label>
	<input type="datetime-local" name="datetime-local" class="search"> -->
	<button type="reset" class="clr" title="Clear location">Clear</button>
	<button type="submit" title="Click" >Go!</button>
	</form>
	</header>
	<!-- <section class="parda"></section>> -->
	<div>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis quam accusantium cum modi, eos eaque nulla earum accusamus sequi distinctio eius, non delectus, exercitationem optio atque, hic amet voluptatibus veritatis.
	</div>
	<!-- <footer>Jai Mata Di</footer> -->
	</body>
	</html>