<!DOCTYPE html>
<html>
<head>
	<title> Periodico Inteligente T </title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
  	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
  	<style>
  		body{
    background-image: url("http://i.stack.imgur.com/spmUM.gif");
    background-size: cover;
    height: 100vh;
    padding:0;
    margin:0;
}
  	</style>
  	<style>
  		.navbar-default{
   background-color: transparent;
   background: transparent;
   border-color: transparent;
  	}
.nav.navbar-nav li a{
    color: white;
}
.navbar-header a{
	color: white;
}
  	
  	</style>
</head>

<body>
	<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">Noticias Inteligentes T</a>
    </div>
    <ul class="nav navbar-nav">
      <li class="1"><a href="#">Inicio</a></li>
      <li><a href="#">Autor</a></li>
    </ul>
  </div>
</nav>

	<h1><center><img src="geoint2.png", alt="Cgeo",	width="300px"></center> </h1>
	<h1><center> Noticias Inteligentes T</center> </h1>
	 <table style="width:100%">
  <tr>
    <th><h3>Arte</h3></th>
    <th><h3>Turismo</h3></th>
    <th><h3>Política</h3></th>
    <th><h3>Deportes</h3></th>
    <th><h3>Seguridad</h3></th>
  </tr>
  <tr>
    <td><b>Título arte</b></td>
    <td><b>Título Turismo</b></td>
    <td><b>Título Política</b></td>
    <td><b>Título Deportes</b></td>
    <td><b>Título Seguridad</b></td>
  </tr>
  <tr>
    <td><small>Fecha Arte</small></td>
    <td><small>Fecha Turismo</small></td>
    <td><small>Fecha Política</small></td>
    <td><small>Fecha Deportes</small></td>
    <td><small>Fecha Seguridad</small></td>
  </tr>
    <tr>
    <td><small>Editor Arte</small></td>
    <td><small>Editor Turismo</small></td>
    <td><small>Editor Política</small></td>
    <td><small>Editor Deportes</small></td>
    <td><small>Editor Seguridad</small></td>
  </tr>
    <tr>
    <td><small>Web Arte</small></td>
    <td><small>Web Turismo</small></td>
    <td><small>Web Política</small></td>
    <td><small>Web Deportes</small></td>
    <td><small>Web Seguridad</small></td>
  </tr>
    <tr>
    <td><small>Texto Arte</small></td>
    <td><small>Texto Turismo</small></td>
    <td><small>Texto Política</small></td>
    <td><small>Texto Deportes</small></td>
    <td><small>Texto Seguridad</small></td>
  </tr>

</table> 

</body>
</html>