Skip to content

Instantly share code, notes, and snippets.

View nicolasleal570's full-sized avatar
👽

Nicolas Leal nicolasleal570

👽
18 followers · 19 following
View GitHub Profile
@nicolasleal570
nicolasleal570 / users.service.ts
Last active October 18, 2020 16:16
Service example
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class UsersService {
constructor() { }
}
@nicolasleal570
nicolasleal570 / variables.css
Last active September 21, 2021 15:19
Variables en CSS
/* Setting up CSS variables */
:root {
--main-color: #5480f6;
--main-hover-color: #5b5deb;
}
body {
/* Using CSS variables */
background: var(--main-color);
}
@nicolasleal570
nicolasleal570 / media_queries.css
Last active September 21, 2021 15:18
Media Queries
/* Adds a black background to small phones */
body {
background: #000;
}
/* Adds a pink background to XL phones */
@media (min-width: 640px) {
body {
background: rgb(210, 61, 224);
}
@nicolasleal570
nicolasleal570 / index.html
Last active September 21, 2021 15:16
Selectores básicos de CSS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./styles.css" />
<title>Connecting HTML and CSS</title>
</head>
<body>
<h1>Hello world!</h1>
@nicolasleal570
nicolasleal570 / html_con_css_en_linea.html
Last active September 21, 2021 15:12
Conectando HTML y CSS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Connecting HTML and CSS</title>
</head>
<body>
<!-- Painting the paragraph with blue text using inline CSS -->
@nicolasleal570
nicolasleal570 / html_con_css_interno.html
Last active September 21, 2021 15:12
Conectando HTML y CSS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Connecting CSS with HTML -->
<style>
body {
/* Adding a blue color to the background of the body tag */
@nicolasleal570
nicolasleal570 / html_con_css_externo.html
Last active September 21, 2021 15:13
Conectando HTML y CSS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Connecting CSS with HTML using an external source of CSS -->
<link rel="stylesheet" href="./styles.css" />
<title>Connecting HTML and CSS</title>
@nicolasleal570
nicolasleal570 / contenedores.html
Last active September 21, 2020 22:26
Etiquetas básicas para crear contenedores
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Contenedores</title>
</head>
<body>
<div>Soy un contenedor común</div>
@nicolasleal570
nicolasleal570 / formularios.html
Created September 21, 2020 22:16
Etiquetas básicas para el formulario
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Explicación de Formularios</title>
</head>
<body>
@nicolasleal570
nicolasleal570 / tablas.html
Created September 21, 2020 21:46
Etiquetas básicas para la creación de tablas
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Explicación de Tablas</title>
</head>
<body>
<!-- Etiqueta para armar una tabla -->