Skip to content

Instantly share code, notes, and snippets.

View pochitax's full-sized avatar
🦄

Paola Véliz pochitax

🦄
12 followers · 28 following
  • Chile
View GitHub Profile
@pochitax
pochitax / meta.html
Created October 16, 2024 15:53
Ejemplo Etiquetas Open Graph
<meta property="og:title" content="El título de su página aquí" />
<meta property="og:type" content="website" />
<meta property="og:URL" content="https://www.tudominio.com" />
@pochitax
pochitax / lista-schema.html
Created September 26, 2024 01:34
Listado de personas con Schema
<div class="container">
<div class="row">
<div class="col-12 my-5">
<h1>Profesionales de la V región</h1>
</div>
</div>
<div class="row">
<div class="col-4">
<div class="card p-4 text-center" itemscope itemtype="https://schema.org/Person">
<img src="https://avatar.iran.liara.run/public/job/doctor/female" class="card-img-top" alt="">
@pochitax
pochitax / lista.html
Created September 26, 2024 01:33
Listado de personas sin Schema
<div class="container">
<div class="row">
<div class="col-12 my-5">
<h1>Profesionales de la V región</h1>
</div>
</div>
<div class="row">
<div class="col-4">
<div class="card p-4 text-center">
<img src="https://avatar.iran.liara.run/public/job/doctor/female" class="card-img-top" alt="...">
@pochitax
pochitax / meta.html
Created September 26, 2024 01:09
Atributos meta en el head 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 / 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">