Create a gist now

Instantly share code, notes, and snippets.

@teru88 /index
Created Jul 12, 2015

What would you like to do?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Technicall Support Pc</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<link href="http://fonts.googleapis.com/css?family=Quantico:700" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Lato:700' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" type="image/x-icon" href="imagen/tspico.ico">
</head>
<body>
<div class="col-md-7 center-block quitar-float quitar-espacio-arriba text-center" id="principal">
<img src="imagen/tsplogo.png" alt="logotipo de Technicall Support Pc" title="Logotipo de Technicall Support Pc"/>
<h1 class="Quantico">Technicall Support Pc</h1>
<h3>Mantenimiento y Reparaci&oacuten de Computadoras</h3>
<nav>
<a href="Quienes Somos.html" class="espacio-derecha">Quienes Somos</a>
<a href="Nuestros Servicios.html" class="espacio-derecha">Nuestros Servicios</a>
<a href="Contactanos.html">Cont&aacutectanos</a>
</nav>
</div>
</body>
</html>
body{
background-color: #E6E6E6
}
body{
font-family: 'Lato', sans-serif;
}
img{
max-width: 600px;
}
.quitar-float{
float: none;
}
.quitar-espacio-arriba{
margin-top: 20px;
}
.Quantico{
font-family: "Quantico", sans-serif;
}
.Righteous{
font-family: 'Righteous', cursive;
}
.se-gris{
background-color: #D5EDA9;
}
.padding-largo{
padding: 5px 10px;
}
.no-lista{
margin: 2px;
padding: 0px;
}
a{
color: #267CCC
}
.no-lista li{
list-style-type;
}
.espacio-derecha{
margin-right: 1em;
}
.inline-block{
float: none;
display: inline-block;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Technicall Support Pc</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<link href="http://fonts.googleapis.com/css?family=Quantico:700" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Lato:700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" type="image/x-icon" href="imagen/tspico.ico">
</head>
<body>
<div class="col-md-7 center-block quitar-float quitar-espacio-arriba text-center" id="principal">
<img src="imagen/tsplogo.png" alt="logotipo de Technicall Support Pc" title="Logotipo de Technicall Support Pc" align="middle"/>
</div>
<nav class="se-gris padding-largo text-center">
<ul class="no-lista">
<li class="col-xs-3 inline-block Righteous"><font size="4"><a href="Quienes Somos.html">Quienes Somos</a></li>
<li class="col-xs-3 inline-block Righteous"><font size="4"><a href="Nuestros Servicios.html">Nuestros Servicios</a></li>
<li class="col-xs-3 inline-block Righteous"><font size="4"><a href="Contactanos.html">Cont&aacutectanos</a></li>
</ul>
</nav>
<section>
<div class="text-center">
<h1 class="Quantico"><font size="7">Quienes Somos</font></h1>
<br/>
<p><font size="5">Technical Support Pc es una empresa dedicada a la Venta,<br/> Mantenimiento y Reparaci&oacuten de Computadoras de Escritorio y Port&aacutetiles<br/> en la ciudad de Quito-Ecuador.</font><br/></p>
<img src="imagen/workmantsp.png" align="middle">
</div>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment