|
Menu<ul>
<li><a href="/">Home</a></li>
<li><a href="/NodesInfo/">Nodes Info</a>
<ul>
<li><a href="/NodesInfo/NodesDesign/">Nodes Design</a></li>
<li><a href="/NodesInfo/NodesThemes/">Nodes Themes</a></li>
<li><a href="/NodesInfo/WebDesign/">Web Design</a></li>
<li><a href="/NodesInfo/GraphicsDesign/">Graphics Design</a></li>
<li><a href="/NodesInfo/SEODesign/">SEO Design</a></li>
<li><a href="/NodesInfo/Resources/">Resources</a></li>
<li><a href="/NodesInfo/Other/">Other</a></li>
</ul>
</li>
<li><a href="/NodesExamples/Folders">Folders</a>
<ul>
<li><a href="/NodesExamples/Folders/Admin">Admin</a></li>
<li><a href="/NodesExamples/Folders/Articles">Articles</a></li>
<li><a href="/NodesExamples/Folders/ContactForm">Contact</a></li>
<li><a href="/NodesExamples/Folders/SearchEngine3">Search Engine</a></li>
<li><a href="/NodesExamples/Folders/SiteMap">Site Map</a></li>
<li><a href="/NodesExamples/Folders/StaticPage">Static Page</a></li>
</ul>
</li>
<li><a href="/NodesExamples/Pages">Pages</a>
<ul>
<li><a href="/NodesExamples/Pages/SiteMap.htm">Site Map</a></li>
<li><a href="/NodesExamples/Pages/StaticPage.htm">Static Page</a></li>
</ul>
</li>
<li><a href="/Contact/">Contact</a></li>
</ul>
|
Search<div class='dc-offline-disable' align='center'>
<script> $(document).ready(function() { if ( true ) $('form.search-block input').focus(); }); </script>
<!-- Load icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- CSS -->
<style><!--
/* * {
box-sizing: border-box;
}*/
/* Style the form */
form.search-block {
max-width: 600px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
/* Style the search field */
form.search-block input[type=text] {
padding: 10px;
font-size: 17px;
border: none;
float: left;
width: 80%;
background: #f1f1f1;
border-radius: 5px 0px 0px 5px;
}
/* Style the submit button */
form.search-block button {
float: left;
width: 20%;
padding: 10px;
background: #2196F3;
color: white;
font-size: 17px;
border: none;
border-radius: 0px 5px 5px 0px;
cursor: pointer;
}
form.search-block button:hover {
background: #0b7dda;
}
/* Clear floats */
form.search-block::after {
content: "";
clear: both;
display: table;
}
--></style>
<!-- The form -->
<form class="search-block" action="/search/" onSubmit="" method='GET'>
<input type="text" placeholder="🔍 Search" name="query" id="query" AUTOCOMPLETE='off'>
<button type="submit" style='float:none; display: block;'>🔍</button>
</form>
</div>
<div class='dc-container dc-error dc-offline-enable' align='center'>
Search engine offline
</div>
|