Skip to content

Commit 7bef243

Browse files
author
Sebastian
committed
script:Se agrega carpeta y archivo html en Colores
1 parent cdbe600 commit 7bef243

File tree

1 file changed

+55
-0
lines changed

1 file changed

+55
-0
lines changed

‎bootstrap curso/Colores de Texto y fondos/colores.html‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Colores y Fondos</title>
7+
<link rel="stylesheet" href="../../Bootstrap/css/bootstrap.min.css"/>
8+
</head>
9+
<body>
10+
<p class="text-primary">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus ullam, pariatur aliquid perspiciatis reiciendis beatae voluptate? Saepe veniam sapiente magni ipsa numquam praesentium, autem libero nesciunt molestias repudiandae et laudantium?</p>
11+
<p class="text-success">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus ullam, pariatur aliquid perspiciatis reiciendis beatae voluptate? Saepe veniam sapiente magni ipsa numquam praesentium, autem libero nesciunt molestias repudiandae et laudantium?</p>
12+
<p class="text-info">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus ullam, pariatur aliquid perspiciatis reiciendis beatae voluptate? Saepe veniam sapiente magni ipsa numquam praesentium, autem libero nesciunt molestias repudiandae et laudantium?</p>
13+
<p class="text-warning">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus ullam, pariatur aliquid perspiciatis reiciendis beatae voluptate? Saepe veniam sapiente magni ipsa numquam praesentium, autem libero nesciunt molestias repudiandae et laudantium?</p>
14+
<p class="text-danger">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus ullam, pariatur aliquid perspiciatis reiciendis beatae voluptate? Saepe veniam sapiente magni ipsa numquam praesentium, autem libero nesciunt molestias repudiandae et laudantium?</p>
15+
<p class="text-dark">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus ullam, pariatur aliquid perspiciatis reiciendis beatae voluptate? Saepe veniam sapiente magni ipsa numquam praesentium, autem libero nesciunt molestias repudiandae et laudantium?</p>
16+
<p class="bg-dark text-white">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus ullam, pariatur aliquid perspiciatis reiciendis beatae voluptate? Saepe veniam sapiente magni ipsa numquam praesentium, autem libero nesciunt molestias repudiandae et laudantium?</p>
17+
<hr>
18+
19+
<div class="bg-primary text-white">
20+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga ratione accusamus aliquam nemo suscipit dolores tenetur ducimus alias corrupti, cumque deserunt debitis magnam nobis reiciendis numquam blanditiis soluta quis nam.
21+
</div>
22+
23+
<div class="bg-info text-white">
24+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga ratione accusamus aliquam nemo suscipit dolores tenetur ducimus alias corrupti, cumque deserunt debitis magnam nobis reiciendis numquam blanditiis soluta quis nam.
25+
</div>
26+
27+
<div class="bg-warning text-white">
28+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga ratione accusamus aliquam nemo suscipit dolores tenetur ducimus alias corrupti, cumque deserunt debitis magnam nobis reiciendis numquam blanditiis soluta quis nam.
29+
</div>
30+
31+
<div class="bg-success text-white">
32+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga ratione accusamus aliquam nemo suscipit dolores tenetur ducimus alias corrupti, cumque deserunt debitis magnam nobis reiciendis numquam blanditiis soluta quis nam.
33+
</div>
34+
35+
<div class="bg-danger text-white">
36+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga ratione accusamus aliquam nemo suscipit dolores tenetur ducimus alias corrupti, cumque deserunt debitis magnam nobis reiciendis numquam blanditiis soluta quis nam.
37+
</div>
38+
39+
<div class="bg-dark text-muted">
40+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga ratione accusamus aliquam nemo suscipit dolores tenetur ducimus alias corrupti, cumque deserunt debitis magnam nobis reiciendis numquam blanditiis soluta quis nam.
41+
</div>
42+
43+
<div class="invisible">
44+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga ratione accusamus aliquam nemo suscipit dolores tenetur ducimus alias corrupti, cumque deserunt debitis magnam nobis reiciendis numquam blanditiis soluta quis nam.
45+
</div>
46+
47+
48+
49+
50+
51+
52+
53+
54+
</body>
55+
</html>

0 commit comments

Comments
 (0)