-
Notifications
You must be signed in to change notification settings - Fork 35
/
Copy pathpepito.html
96 lines (85 loc) · 3.04 KB
/
pepito.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
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
<!DOCTYPE html>
<html lang="gl">
<head>
<title>Pepito</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="container">
<h2>Tabs</h2>
<p>Barra de navegación:</p>
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" href="https://irocho.wordpress.com">i-rochiño</a>
</li>
<li class="nav-item">
<a class="nav-link" href="curso1718.html">Curso 2017-18</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</div>
<h1>Primeira páxina en Bootstrap</h1>
<p>Aquí irán letritas.</p>
<small class="text-muted">akdfjksdadlka</small>
<table class="table table-striped">
<thead>
<tr>
<th>Nome</th>
<th>Apelido</th>
<th>Correo</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>Doe</td>
<td>john@irocho.com</td>
</tr>
<tr>
<td>Mary</td>
<td>Moe</td>
<td>mary@irocho.com</td>
</tr>
<tr>
<td>July</td>
<td>Dooley</td>
<td>july@irocho.com</td>
</tr>
</tbody>
</table>
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.</p>
</div>
<p>This is some text.</p>
<p>This is another text.</p>
<div class="container">
<h2>Button Elements</h2>
<a href="#" class="btn btn-info" role="button">Link Button</a>
<button type="button" class="btn btn-info">Button</button>
<input type="button" class="btn btn-info" value="Input Button">
<input type="submit" class="btn btn-info" value="Submit Button">
<button type="button" class="btn btn-outline-dark">Dark</button>
</div>
<div class="container">
<h2>Fai clic</h2>
<p>Click on the button to toggle between showing and hiding content.</p>
<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo">Fai clic</button>
<div id="demo" class="collapse">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</div>
</div>
</body>
</html>