JSFiddle - React, Tailwind, and code Playground

by Dhanck

HTML

<div class="container">
    <div class="panel">
        <div class="panel-body text-center">
            <div id="ctrl" class="center-block">
              
                <a href="./"><img src="http://search.forbeshub.com/flash/resources/yioop.png" alt="Yioop! PHP Search Engine" class="logo"></a>
                
            <div class="input-group col-md-6">    
            <input type="text" class="form-control" autocomplete="off" onkeyup="onTypeTerm(event, this)" title="Enter the terms you would like to search the web for" id="query-field" name="q" value="" placeholder="Type what to find">
                 <span class="input-group-addon" onclick="go_search()"><span class="glyphicon glyphicon-search"></span></span>
            <!--<button class="button-box" type="submit"><img
                src='./resources/search-button.png'
                alt='Search'/></button>-->
            </div>

                
                <div>
            - <a href="./blog.php">Blog</a> -
            <a href="./privacy.php">Privacy</a> -
            <a href="./terms.php">Terms</a> -
            <a href="./?a=more">Tools</a> -
            <a href="./bot.php">YioopBot</a> -             <a href="http://www.seekquarry.com/">Developed at SeekQuarry</a> -
            </div>
                
                
                <div>
            (c) 2015 Yioop!
            </div>
                
            </div>
        </div>
    </div>
</div>

CSS

body{
    font-family:Century Gothic;
}
.panel-body{
  text-align:center;
}
.logo{
max-width:338px;
width:100%;
min-width:150px;
}