-
Notifications
You must be signed in to change notification settings - Fork 0
/
post_layout.html
119 lines (107 loc) · 4.99 KB
/
post_layout.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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ejemplo Post</title>
<link rel="stylesheet" href="./post_styles.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alegreya">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quattrocento+Sans&display=swap">
</head>
<body>
<div class="header">
<h2><Label>Let's git it!</Label></h2>
</div>
<!-- Barra de navegación -->
<ul class="topnav">
<li><a href="./index.html">Home</a></li>
<li><a href="#current">About</a></li>
<li><a href="#contact">Contact</a></li>
<li class="right"><a href="#search">Search</a></li>
</ul>
<section class="padding">
<div class="row">
<div class="leftcolumn">
<div class="card">
<h1 class="titles">Title heading</h1>
<h5>Title description, Dec 7, 2017</h5>
<p>Some text</p>
<div class="lista">
<a href="#Lorem1">Aprender a aprender</a><br>
<a href="#Lorem2">Second Post</a><br>
<a href="#Lorem3">Third Post</a><br>
<a href="#Lorem4">Fourth Post</a><br>
<a href="#Lorem5">Etc Post</a><br>
<a href="#Lorem6">Etc Post</a><br>
<a href="#Lorem7">Etc Post</a><br>
<a href="#Lorem8">Etc Post</a><br>
<a href="#Lorem9">Etc Post</a><br>
</div>
</div>
<div class="card">
<h1 id="Lorem1" class="titles">Aprender a aprender</h1>
<h5>Title description, Sep 2, 2017</h5>
<div class="box">
<img src="./assets/doge.jpg" alt="Paris">
</div>
<p>Some text..</p>
<p>Sunt in culpa qui officia deserunt mollit anim id est laborum
consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
<p>qui officia deserunt mollit anim id est laborum consectetur adipiscing elit.
qui officia deserunt mollit anim id est laborum consectetur adipiscing elit.
</p>
<p>
Introducción: Puede haber cientos de razones distintas para decidirse a iniciar un blog
personal,
así que en este primer post, deseo explicar algunas de las razones
que me han impulsado a iniciar esta aventura.
</p>
<p>
Introducción: Puede haber cientos de razones distintas para decidirse a iniciar un blog
personal,
así que en este primer post, deseo explicar algunas de las razones
que me han impulsado a iniciar esta aventura.
</p>
<p>
Introducción: Puede haber cientos de razones distintas para decidirse a iniciar un blog
personal,
así que en este primer post, deseo explicar algunas de las razones
que me han impulsado a iniciar esta aventura.
</p>
</div>
</div>
<div class="rightcolumn">
<div class="card">
<h2>About Me</h2>
<div class="fakeimg" style="height:100px;">Image</div>
<p>Some text about me in culpa qui officia deserunt mollit anim..</p>
</div>
<div class="card">
<h3>Popular Post</h3>
<div class="fakeimg">Image</div><br>
<div class="fakeimg">Image</div><br>
<div class="fakeimg">Image</div>
</div>
<div class="card">
<h3>Follow Me</h3>
<p>Some text..</p>
</div>
</div>
</div>
</section>
<div class="footer">
<h2>Footer</h2>
<p>
This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">
Creative Commons Attribution 4.0 International License</a>.
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/">
<img class="logo" alt="Creative Commons License"
src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a>
</p>
</div>
</body>
</html>