-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
99 lines (89 loc) · 5.82 KB
/
blog.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
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-material-design.min.css" rel="stylesheet">
<link href="css/ripples.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/icon?family=Material+Icons">
<style>
.navbar-black{
background-color: black;
}
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-black">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-inverse-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="javascript:void(0)">Top 10 Music</a>
</div>
<div class="navbar-collapse collapse navbar-inverse-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="blog.html">Blog</a></li>
<li><a href="gallery.html">Galeria</a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<div class="panel panel-default">
<div class="panel-body">
<h2>Entradas recientes</h2>
<div class="panel panel-default">
<div class="panel-body">
<h3>Morbi semper venenatis</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius vehicula dui, eget facilisis orci. Phasellus dapibus lacus est, at mollis magna varius ut. Vivamus rutrum elementum tortor, vitae tristique nulla sollicitudin nec. Morbi semper venenatis sapien vitae placerat. Donec eu diam eget sapien pretium volutpat. Phasellus varius nibh ac congue ornare. Sed porttitor erat et gravida porttitor. Mauris rutrum ipsum a neque consequat, sed eleifend nisi dapibus. Aenean interdum imperdiet viverra. Nullam ullamcorper aliquam libero, ut ultricies mauris semper et. Aliquam nec tincidunt ligula. Quisque tempor venenatis justo nec condimentum.</p>
<a href="javascript:void(0)" class="btn btn-raised btn-info">Continuar leyendo</a>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<h3>Nullam ullamcorper aliquam</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius vehicula dui, eget facilisis orci. Phasellus dapibus lacus est, at mollis magna varius ut. Vivamus rutrum elementum tortor, vitae tristique nulla sollicitudin nec. Morbi semper venenatis sapien vitae placerat. Donec eu diam eget sapien pretium volutpat. Phasellus varius nibh ac congue ornare. Sed porttitor erat et gravida porttitor. Mauris rutrum ipsum a neque consequat, sed eleifend nisi dapibus. Aenean interdum imperdiet viverra. Nullam ullamcorper aliquam libero, ut ultricies mauris semper et. Aliquam nec tincidunt ligula. Quisque tempor venenatis justo nec condimentum.</p>
<a href="javascript:void(0)" class="btn btn-raised btn-info">Continuar leyendo</a>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<h3>Phasellus varius vehicula</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius vehicula dui, eget facilisis orci. Phasellus dapibus lacus est, at mollis magna varius ut. Vivamus rutrum elementum tortor, vitae tristique nulla sollicitudin nec. Morbi semper venenatis sapien vitae placerat. Donec eu diam eget sapien pretium volutpat. Phasellus varius nibh ac congue ornare. Sed porttitor erat et gravida porttitor. Mauris rutrum ipsum a neque consequat, sed eleifend nisi dapibus. Aenean interdum imperdiet viverra. Nullam ullamcorper aliquam libero, ut ultricies mauris semper et. Aliquam nec tincidunt ligula. Quisque tempor venenatis justo nec condimentum.</p>
<a href="javascript:void(0)" class="btn btn-raised btn-info">Continuar leyendo</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2"></div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.12.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/material.min.js"></script>
<script src="js/ripples.min.js"></script>
<script src="js/btstrap.js"></script>
</body>
</html>