parent
688545c3dd
commit
12223c1e74
GPG Key ID:
F6CFA5A99E7B5957
@ -1,23 +0,0 @@
|
||||
/* template */
|
||||
body,html {
|
||||
height: 100%;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
/* hidden spacer before sections for proper offset */
|
||||
section:before {
|
||||
height: 56px;
|
||||
content: "";
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* helpers */
|
||||
.vh-50 {
|
||||
min-height: 50vh;
|
||||
}
|
||||
.vh-75 {
|
||||
min-height: 75vh;
|
||||
}
|
||||
.vh-100 {
|
||||
min-height: 100vh;
|
||||
}
|
||||
@ -1,29 +0,0 @@
|
||||
|
||||
/* template */
|
||||
body,html {
|
||||
height: 100%;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
/* body padding for fixed navbar */
|
||||
body {
|
||||
padding-top: 56px;
|
||||
}
|
||||
|
||||
/* hidden spacer before sections for proper offset */
|
||||
section:before {
|
||||
height: 50px;
|
||||
content: "";
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* helpers */
|
||||
.vh-50 {
|
||||
min-height: 50vh;
|
||||
}
|
||||
.vh-75 {
|
||||
min-height: 75vh;
|
||||
}
|
||||
.vh-100 {
|
||||
min-height: 100vh;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1,18 +0,0 @@
|
||||
/*! Tophat `Hollar` Bootstrap 4.3.1 theme */
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,700);
|
||||
$font-family-base:Open Sans;
|
||||
@import url(https://fonts.googleapis.com/css?family=Autour+One:200,300,400,700);
|
||||
$headings-font-family:Autour One;
|
||||
|
||||
$enable-grid-classes:false;
|
||||
$primary:#528165;
|
||||
$secondary:#eed75a;
|
||||
$success:#FEC100;
|
||||
$danger:#703B3B;
|
||||
$info:#63e792;
|
||||
$warning:#FFE869;
|
||||
$light:#FDFBF7;
|
||||
$dark:#555555;
|
||||
@import "bootstrap";
|
||||
|
||||
// Add SASS theme customizations here..
|
||||
@ -0,0 +1,143 @@
|
||||
<!doctype html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="jabber.com.mx es un servicio gratuito y seguro de mensajería privada" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<link rel="stylesheet" href="static/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="static/css/theme.css" />
|
||||
<link rel="stylesheet" href="static/css/template.css" />
|
||||
|
||||
<title>jabber.com.mx | Mensajería privada y segura gratis</title>
|
||||
</head>
|
||||
<body data-spy="scroll" data-target="#navbar1" data-offset="60">
|
||||
<div class="bg-primary">
|
||||
<div class="container">
|
||||
<div class="row align-items-center vh-50 py-5">
|
||||
<div class="col-xl-5 col-lg-6 ml-auto py-2 text-light order-2 text-center text-lg-left">
|
||||
<h1 class="mb-0">
|
||||
<span>¡Bienvenido a jabber.com.mx!</span>
|
||||
</h1>
|
||||
<p class="lead mb-3"><span>El mejor servicio privado y seguro de <strong>mensajería instantánea</strong> en México.</span></p>
|
||||
<a class="btn btn-outline-light btn-lg mr-2" href="#" target="_new">¡Regístrate!</a>
|
||||
<a class="btn btn-outline-light btn-lg mr-2" href="#" target="_new">Más información</a>
|
||||
|
||||
</div>
|
||||
<div class="col-xl-4 col-lg-6 col mr-auto order-1 order-lg-last align-items-center justify-content-center justify-content-lg-end d-flex">
|
||||
<div class="img-fluid text-white">
|
||||
<svg class="i-desktop" viewBox="0 0 32 32" width="240" height="240" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5">
|
||||
<path d="M10 29 C10 29 10 24 16 24 22 24 22 29 22 29 L10 29 Z M2 6 L2 23 30 23 30 6 2 6 Z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-primary" id="navbar1">
|
||||
<div class="container">
|
||||
<a class="navbar-brand mr-1 mb-1 mt-0" href="#">jabber.com.mx</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsingNavbar">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse justify-content-center" id="collapsingNavbar">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Inicio</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Nosotros</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Contacto</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<main>
|
||||
<section class="container">
|
||||
<div class="row py-5">
|
||||
<div class="col-12 my-auto">
|
||||
<div class="row text-center">
|
||||
<div class="col-lg-4 mb-4">
|
||||
<div class="card h-100">
|
||||
<div class="card-body d-flex flex-column justify-content-center align-items-center">
|
||||
<h1 class="display-2 text-primary"><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-eye-slash-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.79 12.912l-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7.029 7.029 0 0 0 2.79-.588zM5.21 3.088A7.028 7.028 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474L5.21 3.089z"/>
|
||||
<path d="M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829l-2.83-2.829zm4.95.708l-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829z"/>
|
||||
<path fill-rule="evenodd" d="M13.646 14.354l-12-12 .708-.708 12 12-.708.708z"/>
|
||||
</svg></h1>
|
||||
<h4 class="card-title text-primary">Privado</h4>
|
||||
<p class="card-text">No pedimos <strong>datos personales</strong> ni guardamos <strong>registros</strong>.</p>
|
||||
<a href="#" class="btn btn-primary mt-auto">Política de privacidad</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 mb-4">
|
||||
<div class="card h-100">
|
||||
<div class="card-body d-flex flex-column justify-content-center align-items-center">
|
||||
<h1 class="display-2 text-primary"><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-shield-lock-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" d="M8 .5c-.662 0-1.77.249-2.813.525a61.11 61.11 0 0 0-2.772.815 1.454 1.454 0 0 0-1.003 1.184c-.573 4.197.756 7.307 2.368 9.365a11.192 11.192 0 0 0 2.417 2.3c.371.256.715.451 1.007.586.27.124.558.225.796.225s.527-.101.796-.225c.292-.135.636-.33 1.007-.586a11.191 11.191 0 0 0 2.418-2.3c1.611-2.058 2.94-5.168 2.367-9.365a1.454 1.454 0 0 0-1.003-1.184 61.09 61.09 0 0 0-2.772-.815C9.77.749 8.663.5 8 .5zm.5 7.415a1.5 1.5 0 1 0-1 0l-.385 1.99a.5.5 0 0 0 .491.595h.788a.5.5 0 0 0 .49-.595L8.5 7.915z"/>
|
||||
</svg></h1>
|
||||
<h4 class="card-title text-primary">Seguro</h4>
|
||||
<p class="card-text">Nuestro servicio utiliza un alto nivel de <strong>cifrado</strong>. Platica con tus contactos de forma segura y privada.</p>
|
||||
<a href="#" class="btn btn-primary mt-auto">Más información</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 mb-4">
|
||||
<div class="card h-100">
|
||||
<div class="card-body d-flex flex-column justify-content-center align-items-center">
|
||||
<h1 class="display-2 text-primary"><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-chat-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6-.097 1.016-.417 2.13-.771 2.966-.079.186.074.394.273.362 2.256-.37 3.597-.938 4.18-1.234A9.06 9.06 0 0 0 8 15z"/>
|
||||
</svg></h1>
|
||||
<h4 class="card-title text-primary">Web Chat</h4>
|
||||
<p class="card-text">Chatea desde tu navegador aún estando detrás de un <strong>firewall</strong> o <strong>red corporativa</strong>.</p>
|
||||
<a href="#" class="btn btn-primary mt-auto">Iniciar sesión</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
<footer id="footer" class="bg-dark text-light py-5">
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-6 col-md-6 col-lg-3 mb-2">
|
||||
<h6 class="text-uppercase">Enlaces</h6>
|
||||
<ul class="nav flex-column">
|
||||
<li><a class="text-white" target="ext" rel="nofollow" href="#" title="#">Guías y tutoriales</a></li>
|
||||
<li><a class="text-white" target="ext" rel="nofollow" href="#" title="#">Ayuda</a></li>
|
||||
<li><a class="text-white" target="ext" rel="nofollow" href="#" title="#">Privacidad</a></li>
|
||||
<li><a class="text-white" target="ext" rel="nofollow" href="#">Acerca de nosotros</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-6 col-md-6 col-lg-3 mb-2">
|
||||
<h6 class="text-uppercase">Libre Expresión México, A.C</h6>
|
||||
<ul class="nav flex-column">
|
||||
<li><a class="text-white" target="_new" href="#" title="#">Nuestro trabajo</a></li>
|
||||
<li><a class="text-white" target="_new" href="#">Donaciones</a></li>
|
||||
<li><a class="text-white" target="_new" title="#" href="#">Contacto</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 col-md-12 col-lg-6 mb-2 text-right">
|
||||
<h6 class="text-uppercase">Redes Sociales</h6>
|
||||
<ul class="nav float-right">
|
||||
<li><a class="text-white mr-2" rel="nofollow" href="https://mammut.mx/@libremex" title="Sigue en Mastodon"><img width="50px" height="50px" src="static/img/mastodon.svg"></i></a></li>
|
||||
<li><a class="text-white mr-2" rel="nofollow" href="https://matrix.org/libremex" title="Sigue en Matrix"><img width="50px" height="50px" src="static/img/matrix.svg"></i></a></li>
|
||||
<li><a class="text-white mr" rel="nofollow" href="https://git.libremex.org.mx/libremex" title="Follow on Gitea"><img width="50px" height="50px" src="static/img/gitea.svg"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!--/row-->
|
||||
</div>
|
||||
</footer>
|
||||
<script src="static/js/jquery-3.5.1.slim.min.js"></script>
|
||||
<script src="static/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 979 B |
|
After Width: | Height: | Size: 944 B |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue