Skip to content

Instantly share code, notes, and snippets.

View pochitax's full-sized avatar
🦄

Paola Véliz pochitax

🦄
16 followers · 29 following
  • Chile
View GitHub Profile
@pochitax
pochitax / meta.html
Created September 26, 2024 01:00
Atributos meta para SEO
<!DOCTYPE html>
<html lang="es">
<!-- CABECERA DE DATOS -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chocolatería Viñamarina</title>
<meta name="description" content="Chocolatería Viñamarina ofrece los mejores chocolates artesanales de la V Región. Ven a conocer nuestra tienda ubicada en Calle Valparaíso nº679.">
<!-- una buena descripción debe oscilar entre los 120 a 160 caracteres, incluyendo espacios y puntuaciones -->
<meta name="keywords" content="Chocolatería Viñamarina, Chocolate, Chocolate artesanal en Viña del Mar">
@pochitax
pochitax / map.html
Created June 13, 2024 21:25
ejemplo map
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ejemplo map</title>
</head>
<body>
<script>
let numeros = [1,2,3,4]
@pochitax
pochitax / ejemplo-compilado.css
Created November 22, 2022 00:48
Ejemplo sass
/* variables si se ve al momento de compilar */
/* generales */
body {
color: #ff0;
background-color: white;
font-size: 60px;
}
.rectangulo {
border: 1px solid #ff0;
@pochitax
pochitax / index.html
Created November 13, 2022 16:18
Estructura html responsive
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap demo</title>
<!-- Bootstrap vinculado desde el servidor -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<style>
.altura-destacado {
@pochitax
pochitax / test.scss
Created October 26, 2022 18:23
Ejemplo Sass
// variables
$color: rgba(0,0,0,.5);
// Mixins
@mixin large-text {
font-family: Arial;
font-weight: bold;
font-size: 20px;
@pochitax
pochitax / index.html
Created September 14, 2022 21:19
Ejercicio One page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Proyecto Landing Page</title>
<link rel="stylesheet" href="assets/css/style.css">
<!-- fuente -->
<link rel="preconnect" href="https://fonts.googleapis.com">
@pochitax
pochitax / index.html
Created July 28, 2022 01:13
Ejemplos de Componentes de Bootstrap 5.2.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Componentes BOOTSTRAP</title>
<link rel="stylesheet" href="./bootstrap-5.2.0-dist/css/bootstrap.min.css">
</head>
<body>
@pochitax
pochitax / actividad.html
Created July 26, 2022 02:08
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Actividad 1</title>
<!-- CSS BOOTSTRAP -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<style>
@pochitax
pochitax / index.html
Created July 26, 2022 02:06
Ejercicio columnas y puntos de quiebre Bootstrap 5.2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Breakpoints</title>
<!-- CSS BOOTSTRAP -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
</head>
@pochitax
pochitax / index.html
Created July 21, 2022 02:00
Ejemplo McCartney
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mi primer sitio con Bootstrap</title>
<!-- CSS BOOTSTRAP VINCULADO DESDE EL SERVIDOR -->
<!--<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">-->