-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
133 lines (118 loc) · 5.96 KB
/
Copy pathindex.html
File metadata and controls
133 lines (118 loc) · 5.96 KB
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="es" translate="no">
<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" />
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script async src="./css/bootstrap-5.2.0-dist/js/bootstrap.js"></script>
<script defer type='module' src="./js/index.js"></script>
<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./css/bootstrap-5.2.0-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/style.css">
<title>BootCamp T-Systems</title>
</head>
<body>
<!-- Header content -->
<header class="navbar bg-dark border-bottom border-body" data-bs-theme="dark">
<!-- Logo Techma -->
<img class="mx-2 p-2 mt-0" src="./img/techmabs-logo-ok.png" alt="Techma BS" aria-label="Logo Techma BS"
id="logo-Techma" data-height-percentage="60" data-actual-width="250" data-actual-height="50" width="200px" />
<div class="col-3 mx-auto mt-1">
<p id="day" class="d-flex justify-content-center text-info p-0 mb-0 mt-1">
Dia 1 de 94 días
<div class="progress mx-5 mb-4">
<div id="myProgress" translate="no" class="progress-bar progress-bar-striped" role="progressbar"
aria-valuenow="1" aria-valuemin="0" aria-valuemax="100">
<!-- render my progress -->
</div>
</div>
</p>
</div>
<!-- Logo T-Sistem -->
<img class="mx-2 p-2 mt-0" src="./img/t-systems.png" width="200px" alt="T-Systems" id="logo-TS"
data-height-percentage="60" data-actual-width="250" data-actual-height="50" />
</header>
<!-- <aside class="col-1 shadow-lg bg-body-tertiary rounded">
</aside> -->
<!-- MAIN CONTENT -->
<main class="container mx-5 mt-2">
<div class="card p-4 my-auto">
<h1 id="issue" class="mt-1">
<!-- render issue -->
</h1>
<a id="ud" class="nav-link dropdown-toggle mt-4" role="button" href="#" data-bs-toggle="dropdown"
aria-expanded="false">
<!-- render Num Unidad -->
</a>
<ul class="dropdown-menu bg-dark">
<li></li>
<!-- <li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Something else here</a></li> -->
</ul>
</span>
<h3 id="lessonsUnit" class="text-primary mt-0">
<!-- render Num Exercise -->
</h3>
<img id="description" src="" alt="" width="34%" class="mx-auto">
<!-- GitHub Link Code -->
<div class="btn-group-sm">
<a id="urlCode" type="button" class="btn btn-outline-info btn-sm shadow" target="_blank">
Code
<svg width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
<path
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z">
</path>
</svg>
<span class="visually-hidden" _msttexthash="78442" _msthash="39">Botón</span>
</a>
<!-- Imagen Link Code OCULTO para esta presentación-->
<a id="urlPG" type="button" class="btn btn-outline-info btn-sm shadow" translate="no" target="_blank">
ver ejercicio
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-image"
viewBox="0 0 16 16">
<path d="M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z" />
<path
d="M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z" />
</svg>
</a>
</div>
<p id="comment" class="mt-3"></p>
</div>
</main>
<!-- Main footer -->
<footer class="container-fluid p-0 m-0">
<div class="row bg-dark">
<div id="container-msg" class="col-3 d-flex align-items-center mx-4">
<p id="msg" class="d-flex justify-content-end text-info p-0 mt-3 mx-3">
</p>
</div>
<div class="col-3 mx-auto mt-1">
<!-- Barra de Navegacion -->
<nav class="d-flex justify-content-center btn-group-sm mt-1">
<a id="previous" type="button" class="btn btn-outline-info mx-3" aria-current="go to the previous page">
<svg width="22" height="22" fill="currentColor" class="bi bi-arrow-left-circle-fill" viewBox="0 0 16 16">
<path
d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5z" />
</svg>
Anterior
</a>
<a id="next" type="button" class="btn btn-outline-info mx-3" aria-current="go to the next page">Siguiente
<svg width="22" height="22" fill="currentColor" class="bi bi-arrow-right-circle-fill" viewBox="0 0 16 16">
<path
d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z" />
</svg>
</a>
</nav>
</div>
<div class="col-3 d-flex align-items-center justify-content-end">
<p translate="no" class="text-info p-0 mt-3 mx-3">
Made with ❤ by David Maza
</p>
<!-- <img class="text-info p-0 mt-3 mx-3"
src="./img/DiveCode-Logo.png" alt="logo DiveCode" width="34%"> -->
</div>
</div>
</footer>
</body>
</html>