-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
44 lines (38 loc) · 2.46 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chi chi chi!</title>
<!-- Bootstrap v5.3.3 -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col">
<h1>Caja CSS Bootstrap</h1>
<div class="row">
<div class="col-3"></div>
<!-- Bandera -->
<div id="bandera" class="col-6 border">
<div class="row h-100">
<div id="azul" class="col-4 d-flex justify-content-center align-items-center">
<svg id="estrella" class="m-2" version="1.0" xmlns="http://www.w3.org/2000/svg" width="1280.000000pt" height="1181.000000pt" viewBox="0 0 1280.000000 1181.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,1181.000000) scale(0.100000,-0.100000)" stroke="none"><path d="M6327 11292 c-60 -180 -161 -489 -227 -687 -65 -198 -233 -709 -373 -1135 -141 -426 -367 -1114 -503 -1527 l-248 -753 -2358 0 c-1297 0 -2358 -3 -2358 -7 0 -5 170 -130 378 -279 207 -149 1057 -758 1887 -1353 831 -596 1518 -1091 1528 -1100 20 -19 55 94 -420 -1346 -187 -570 -344 -1047 -628 -1910 -141 -429 -286 -869 -322 -978 -36 -109 -63 -201 -60 -204 7 -6 -236 -180 1912 1362 1012 726 1855 1331 1872 1343 l33 23 762 -548 c2447 -1758 3053 -2191 3056 -2188 2 2 -46 153 -106 337 -61 183 -216 655 -346 1048 -511 1556 -712 2168 -811 2470 -145 440 -185 563 -185 575 0 6 855 623 1900 1373 1045 750 1900 1368 1900 1373 0 5 -909 10 -2357 11 l-2356 3 -164 500 c-90 275 -272 826 -403 1225 -131 399 -383 1166 -560 1705 -177 539 -325 983 -329 987 -4 5 -55 -139 -114 -320z"/></g></svg>
</div>
<div id="blanco" class="col-6 h-100 w-100"></div>
</div>
<!-- El color rojo se desborda -->
<div class="row h-100">
<div id="rojo" class="col"></div>
</div>
</div>
<div class="col-3"></div>
</div>
</div>
</div>
</div>
</body>
</html>