forked from cognits/frontend-blog
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (117 loc) · 4.87 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
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
<!DOCTYPE html>
<!--
Usa este archivo para tu proyecto. No olvides hacer
la estructura correta y guardar TODO tu CSS en el archivo styles.css
-->
<!-- saved from url=(0039)http://getbootstrap.com/examples/blog/# -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="http://getbootstrap.com/favicon.ico">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<title>Cognits Blog</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/styles.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[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="header">Cognits Blog</div>
<div class="menu2">Buscar</div>
<div class="menu"><a href="index.html">Home</a></div><br/><br/>
<div class="menu2Buscador">
<form id="formularioBusqueda" class="formulario">
<input name="buscador" id="buscador" type="text" placeholder="Buscar..."/>
</form>
</div>
<div class="cuerpo"><h1>Cognits Blog</h1>
<p>El proyecto para que aprendan a usar HTML, CSS y Javascript.</p>
<div id="postsBlog" class="posts">
<!--INICIO PRIMER POST-->
<p id="primer_post" class="tituloPost">Responsabilidad incondicional</p>
<div class="info">Posted by <span class="autor">Cognits student</span> September 07, 2014</div>
<p id="primerContenido" class="contenidoPost"></p>
<div class="comentario">
<form name="nombrePost1">
<input type="text" name="nombrePost1" placeholder="Nombre"/><br/>
</form>
<form name="comentarioPost1">
<input type="text" name="comentarioPost1" placeholder="Comentario"/>
</form>
<div class="button" id="buttonPost1">¡Enviar comentario!</div>
<br/>
<div class="list" id="listaPost1"></div>
</div>
<hr>
<!--FIN PRIMER POST-->
<!--INICIO SEGUNDO POST-->
<p id="segundo_post" class="tituloPost">Autoestima y mantener la palabra</p>
<div class="info">Posted by <span class="autor">Cognits student</span> September 08, 2014</div>
<p id="segundoContenido" class="contenidoPost"></p>
<div class="comentario">
<form name="nombrePost2">
<input type="text" name="nombrePost2" placeholder="Nombre"/><br/>
</form>
<form name="comentarioPost2">
<input type="text" name="comentarioPost2" placeholder="Comentario"/>
</form>
<div class="button" id="buttonPost2">¡Enviar comentario!</div>
<br/>
<div class="list" id="listaPost2"></div>
</div>
<hr>
<!--FIN SEGUNDO POST-->
<!--INICIO TERCER POST-->
<p id="tercer_post" class="tituloPost">Titulo del tercer post</p>
<div class="info">Posted by <span class="autor">Cognits student</span> September 09, 2014</div>
<p id="tercerContenido" class="contenidoPost"></p>
<div class="comentario">
<form name="nombrePost3">
<input type="text" name="nombrePost3" placeholder="Nombre"/><br/>
</form>
<form name="comentarioPost3">
<input type="text" name="comentarioPost3" placeholder="Comentario"/>
</form>
<div class="button" id="buttonPost3">¡Enviar comentario!</div>
<br/>
<div class="list" id="listaPost3"></div>
</div>
<hr>
<!--FIN TERCER POST-->
<!--INICIO CUARTO POST-->
<p id="cuarto_post" class="tituloPost">Titulo del cuarto post</p>
<div class="info">Posted by <span class="autor">Cognits student</span> September 10, 2014</div>
<p id="cuartoContenido" class="contenidoPost"></p>
<div class="comentario">
<form name="nombrePost4">
<input type="text" name="nombrePost4" placeholder="Nombre"/><br/>
</form>
<form name="comentarioPost4">
<input type="text" name="comentarioPost4" placeholder="Comentario"/>
</form>
<div class="button" id="buttonPost4">¡Enviar comentario!</div>
<br/>
<div class="list" id="listaPost4"></div>
</div>
<!--FIN CUARTO POST-->
</div>
</div>
<div class = "footer">Copyright © 2014 Frank Sam Hu</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src='js/script.js'></script>
<script src="js/bootstrap.js"></script>
<script src="js/hilitor.js"></script>
</body>
</html>