-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
70 lines (52 loc) · 3.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html lang="es-ES">
<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" />
<link rel="stylesheet" href="css/estilos.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link href="fonts/Niconne.ttf" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" />
<title>Como instalar Sass y aprenderlo</title>
</head>
<body>
<header>
<a href="index.html" title="Como aprender Sass"><h1>Aprende Sass</h1></a>
</header>
<article class="container">
<section>
<h2>¿Qué es Sass?</h2>
<p>Sass son las siglas de <em>"Syntactically Awesome Style Sheets"</em>, que en español se traduciría como "Hojas de estilo sintácticamente impresionantes". En pocas palabras, Sass es un lenguaje que extiende el lenguaje CSS y lo transforma en uno más maduro, más estable y con mayores posibilidades. Por último, cabe destacar que Sass se trata de un preprocesador de CSS, esto quiere decir que Sass, a partir de su sintaxis única, generará un archivo CSS una vez compilado.</p>
</section>
<section class="cards">
<a href="instalar-sass.html" title="Instalar Sass"><div><span>Cómo instalar Sass</span></div></a>
<a href="aprende-sass.html" title="Aprender Sass"><div><span>Aprender Sass</span></div></a>
</section>
<section>
<h2>Sass...</h2>
<p><i class="fas fa-chevron-circle-right"></i> es compatible con todas las versiones de CSS</p>
<p><i class="fas fa-chevron-circle-right"></i> lleva más de 15 años con un soporte activo.</p>
<p><i class="fas fa-chevron-circle-right"></i> recibe el soporte de varias compañias y cientos de desarrolladores.</p>
<p><i class="fas fa-chevron-circle-right"></i> ofrece mas características que cualquier otra extensión de lenguaje CSS.</p>
<p><i class="fas fa-chevron-circle-right"></i> es el preprocesador de CSS más elegido por la industria en la actualidad.</p>
</section>
</article>
<!-- INICIO FOOTER -->
<footer class="main-footer">
<div class="footer-section">
<h2 class="footer-title">Acerca de</h2>
<p class="footer-txt">En esta página puedes <b>aprender a usar el preprocesador Sass</b> de una manera muy fácil y rápida. Si no sabes como instalar Sass, te recomiendo ir a esta sección primero y después a esta otra para empezar a aprender los conceptos del preprocesador Sass.
</p>
</div>
<div class="footer-section">
<h2 class="footer-title">Links</h2>
<p class="footer-txt"><a href="index.html" class="footer-link">Inicio</a></p>
<p class="footer-txt"><a href="instalar-sass.html" class="footer-link">Instalación Sass</a></p>
<p class="footer-txt"><a href="aprende-sass.html" class="footer-link">Tutorial Sass</a></p>
<p class="footer-txt"><a href="faq.html" class="footer-link">FAQ</a></p>
</div>
</footer>
<!-- FIN FOOTER -->
</body>
</html>