Untitled

<html>
  <link rel="stylesheet" href="estilo.css" type="text/css">
<body>
<div id="book">
  <h1></h1>
  <div class="circles">
    <div class="color_4 circle_1"></div>
    <div class="color_1 circle_2"></div>
    <div class="color_4 circle_3"></div>
    <div class="color_1 circle_4"></div>
    <div class="color_2 circle_5"></div>
    <div class="color_1 circle_6"></div>
    <div class="color_3 circle_7"></div>
    <div class="color_1 circle_8"></div>
    <div class="color_4 circle_9"></div>
    <div class="color_1 circle_10"></div>
    <div class="color_4 circle_11"></div>
    <div class="color_1 circle_12"></div>
    <div class="color_4 circle_13"></div>
    <div class="color_1 circle_14"></div>
    <div class="color_2 circle_15"></div>
    <div class="color_1 circle_16"></div>
    <div class="color_4 circle_17"></div>
    <div class="color_1 circle_18"></div>
    <div class="color_4 circle_19"></div>
    <div class="color_1 circle_20"></div>
    <div class="color_3 circle_21"></div>
    <div class="color_1 circle_22"></div>
    <div class="color_4 circle_23"></div>
    <div class="color_1 circle_24"></div>
    <div class="color_2 circle_25"></div>
    <div class="color_1 circle_26"></div>
    <div class="color_4 circle_27"></div>
    <div class="color_1 circle_28"></div>
    <div class="color_4 circle_29"></div>
    <div class="color_1 circle_30"></div>
    <div class="color_4 circle_31"></div>
    <div class="color_1 circle_32"></div>
    <div class="color_4 circle_33"></div>
    <div class="color_1 circle_34"></div>
    <div class="color_2 circle_35"></div>
    <div class="color_1 circle_36"></div>
    <div class="color_4 circle_37"></div>
    <div class="color_1 circle_38"></div>
    <div class="color_4 circle_39"></div>
    <div class="color_1 circle_40"></div>
    <div class="color_4 circle_41"></div>
    <div class="color_1 circle_42"></div>
    <div class="color_4 circle_43"></div>
    <div class="color_1 circle_44"></div>
    <div class="color_2 circle_45"></div>
    <div class="color_1 circle_46"></div>
    <div class="color_4 circle_47"></div>
    <div class="color_1 circle_48"></div>
    <div class="color_3 circle_49"></div>
    <div class="color_1 circle_50"></div>
    <div class="color_4 circle_51"></div>
    <div class="color_1 circle_52"></div>
    <div class="color_4 circle_53"></div>
    <div class="color_1 circle_54"></div>
    <div class="color_2 circle_55"></div>
    <div class="color_1 circle_56"></div>
    <div class="color_4 circle_57"></div>
    <div class="color_1 circle_58"></div>
    <div class="color_4 circle_59"></div>
    <div class="color_1 circle_60"></div>
    <div class="color_4 circle_61"></div>
    <div class="color_1 circle_62"></div>
    <div class="color_3 circle_63"></div>
    <div class="color_1 circle_64"></div>
    <div class="color_2 circle_65"></div>
    <div class="color_1 circle_66"></div>
    <div class="color_4 circle_67"></div>
    <div class="color_1 circle_68"></div>
    <div class="color_4 circle_69"></div>
    <div class="color_1 circle_70"></div>
    <div class="color_4 circle_71"></div>
    <div class="color_1 circle_72"></div>
    <div class="color_4 circle_73"></div>
    <div class="color_1 circle_74"></div>
    <div class="color_2 circle_75"></div>
    <div class="color_1 circle_76"></div>
    <div class="color_3 circle_77"></div>
    <div class="color_1 circle_78"></div>
    <div class="color_4 circle_79"></div>
    <div class="color_1 circle_80"></div>
    <div class="color_4 circle_81"></div>
    <div class="color_1 circle_82"></div>
    <div class="color_4 circle_83"></div>
    <div class="color_1 circle_84"></div>
    <div class="color_2 circle_85"></div>
    <div class="color_1 circle_86"></div>
    <div class="color_4 circle_87"></div>
    <div class="color_1 circle_88"></div>
    <div class="color_4 circle_89"></div>
    <div class="color_1 circle_90"></div>
    <div class="color_3 circle_91"></div>
    <div class="color_1 circle_92"></div>
    <div class="color_4 circle_93"></div>
    <div class="color_1 circle_94"></div>
    <div class="color_2 circle_95"></div>
    <div class="color_1 circle_96"></div>
    <div class="color_4 circle_97"></div>
    <div class="color_1 circle_98"></div>
    <div class="color_4 circle_99"></div>
    <div class="color_1 circle_100"></div>
    <div class="color_4 circle_101"></div>
    <div class="color_1 circle_102"></div>
    <div class="color_4 circle_103"></div>
    <div class="color_1 circle_104"></div>
    <div class="color_2 circle_105"></div>
    <div class="color_1 circle_106"></div>
    <div class="color_4 circle_107"></div>
    <div class="color_1 circle_108"></div>
    <div class="color_4 circle_109"></div>
    <div class="color_1 circle_110"></div>
    <div class="color_4 circle_111"></div>
    <div class="color_1 circle_112"></div>
    <div class="color_4 circle_113"></div>
    <div class="color_1 circle_114"></div>
    <div class="color_2 circle_115"></div>
    <div class="color_1 circle_116"></div>
    <div class="color_4 circle_117"></div>
    <div class="color_1 circle_118"></div>
    <div class="color_3 circle_119"></div>
    <div class="color_1 circle_120"></div>
    <div class="color_4 circle_121"></div>
    <div class="color_1 circle_122"></div>
    <div class="color_4 circle_123"></div>
    <div class="color_1 circle_124"></div>
    <div class="color_2 circle_125"></div>
    <div class="color_1 circle_126"></div>
    <div class="color_4 circle_127"></div>
    <div class="color_1 circle_128"></div>
    <div class="color_4 circle_129"></div>
    <div class="color_1 circle_130"></div>
    <div class="color_4 circle_131"></div>
    <div class="color_1 circle_132"></div>
    <div class="color_3 circle_133"></div>
    <div class="color_1 circle_134"></div>
    <div class="color_2 circle_135"></div>
    <div class="color_1 circle_136"></div>
    <div class="color_4 circle_137"></div>
    <div class="color_1 circle_138"></div>
    <div class="color_4 circle_139"></div>
    <div class="color_1 circle_140"></div>
    <div class="color_4 circle_141"></div>
    <div class="color_1 circle_142"></div>
    <div class="color_4 circle_143"></div>
    <div class="color_1 circle_144"></div>
    <div class="color_2 circle_145"></div>
    <div class="color_1 circle_146"></div>
    <div class="color_3 circle_147"></div>
    <div class="color_1 circle_148"></div>
    <div class="color_4 circle_149"></div>
    <div class="color_1 circle_150"></div>
    <div class="big_circle"></div>
  </div>
</div>


<div id="mySidenav" class="sidenav">
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>

    <a href="geofisica.php">Geofisica</a>
    <a href="geografia.php">Geomorfologia</a>
    <a href="Aero.php">Aeroespacio</a>
    <a href="tierra.php">Tierra</a>
    <form action="busqueda.php" method="POST" >
      <input type="text" name="search"><input type="submit" class="button" value="Buscar">
      </form>
  <a href="palabra.php"> Agregar palabra</a>
</div>

<div id="main">
 <span style="font-size:30px;cursor:pointer" onclick="openNav()"> Diccionario de la tierra</span>
</div>
<script>
function openNav() {
    document.getElementById("mySidenav").style.width = "250px";
    document.getElementById("main").style.marginLeft = "0px";
    document.body.style.backgroundColor = "rgba(0,0,0,0.4)";
}

function closeNav() {
    document.getElementById("mySidenav").style.width = "0";
    document.getElementById("main").style.marginLeft= "0";
    document.body.style.backgroundColor = "black";
}
</script>
</body>


</body>
<title>Diccionario</title>
<?
            $busqueda=$_POST['busqueda'];
             $x=0;
             if(isset($busqueda)){
             $fp= fopen('conceptos.txt' , 'r') or exit('No ha sido posible abrir el archivo');
             $loop=0;
             while (!feof($fp)) {
             $loop++;
             $line = fgets($fp);
             if(stristr($line,$busqueda) ){
                 header("Location: busqueda.php");
                 $x=1;
             }

             $fp++;
             }
             fclose($fp);
             }
             ?>