-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
65 lines (51 loc) · 5.46 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
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<header>
<a href="#">La Bitacora de laparca</a>
</header>
<nav>
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Sobre mi</a></li>
<li><a href="#">Currículo</a></li>
</ul>
<div id="search">
<form action="" method="">
<input type="text" name="" id="" class="" />
</form>
</div>
</nav>
<div class="column1">
<div class="column2">
<div class="sidebar1">
<aside>
<p> The above links demonstrate a basic navigational structure using an unordered list styled with CSS. Use this as a starting point and modify the properties to produce your own unique look. If you require flyout menus, create your own using a Spry menu, a menu widget from Adobe's Exchange or a variety of other javascript or CSS solutions.</p>
<p>If you would like the navigation along the top, simply move the ul to the top of the page and recreate the styling.</p>
</aside>
</div>
<section class="content">
<article>
<h1>Esto es el titulo del articulo</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris at mauris id orci iaculis semper eu eget nibh. In dui enim, elementum nec sagittis id, congue id dui. Nulla eros sem, dignissim eget pellentesque sit amet, placerat non enim. In vitae risus risus, a feugiat tortor. Cras pharetra pulvinar lobortis. Pellentesque vel orci dolor. Mauris nec nulla venenatis tortor bibendum dignissim. Sed quis arcu et lorem auctor bibendum. Vivamus eleifend eros lacinia ante vestibulum sagittis. Phasellus posuere, nibh quis iaculis tempus, orci sem dapibus magna, vitae porttitor neque neque ac felis. Integer eu eros urna, sed vulputate ipsum. Duis congue, urna quis cursus sollicitudin, mi augue vulputate velit, vel commodo neque nisl in nibh. Sed vitae lorem eu mi auctor mattis interdum non lectus.</p>
<p>Nullam lobortis sagittis nunc, in pellentesque lorem vehicula ac. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus viverra molestie orci id pellentesque. Nullam odio justo, venenatis at molestie non, pulvinar sed ligula. Praesent mattis sollicitudin metus vitae tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus libero sapien, fermentum ut lobortis ut, pulvinar in est. Quisque in diam est, et adipiscing nibh. Aenean non mauris diam, nec auctor mauris. Maecenas sed ornare ipsum.</p>
<p>In mattis auctor arcu non iaculis. Sed bibendum scelerisque velit adipiscing semper. Curabitur in velit lorem. Curabitur convallis vulputate ipsum iaculis congue. Duis et nulla dui, in dapibus lorem. Suspendisse volutpat orci vel lorem sodales rhoncus. Phasellus tincidunt, augue at ornare iaculis, nunc eros dapibus lectus, nec molestie felis sem ac erat. Vivamus scelerisque sapien mollis sapien varius malesuada. Phasellus neque magna, venenatis eget mollis vitae, posuere eget diam. Sed congue tempus consectetur. Nunc a nibh vitae lectus euismod mollis. Suspendisse sed condimentum elit.</p>
<p>Quisque tortor nunc, ullamcorper sit amet eleifend sit amet, ultrices id tortor. Duis sit amet justo id tortor blandit venenatis lobortis nec sem. Vestibulum velit odio, aliquet nec tempor pellentesque, tempus ut dolor. Nullam tincidunt, nisl vitae cursus tempor, nisl justo sagittis nibh, sit amet pharetra purus tellus et enim. Praesent viverra adipiscing nunc, ut viverra justo eleifend a. Aliquam erat volutpat. Cras vitae massa id metus pharetra aliquet feugiat ut enim. Nullam posuere pellentesque enim, quis eleifend odio mollis nec. Integer molestie rhoncus nibh, vel suscipit urna porttitor cursus. Morbi adipiscing, lacus sit amet consequat dignissim, lectus dui posuere nisi, bibendum sollicitudin erat neque ac ligula. Duis dictum, nulla eget sodales adipiscing, tellus velit tincidunt tortor, vel gravida lectus leo pretium mi. Etiam sed cursus orci. Sed luctus sapien a tortor euismod feugiat. Nunc quam justo, tincidunt nec ullamcorper sit amet, interdum sit amet nisi. In hac habitasse platea dictumst. Proin posuere dui id diam euismod nec commodo augue adipiscing. Nam libero nunc, commodo at rhoncus non, auctor ac leo. Praesent quis ante purus, in condimentum magna.</p>
<p>Donec eu risus non felis condimentum faucibus. Nulla fermentum porta magna, in mattis elit pretium sit amet. Sed quis diam nulla. In libero odio, ullamcorper eget interdum non, tempor eu magna. Fusce at lobortis magna. Fusce iaculis euismod tortor, quis ornare neque feugiat nec. Proin rhoncus nibh ac lacus aliquet vitae luctus quam varius. Morbi diam lacus, fermentum euismod tincidunt non, commodo a sapien. Quisque congue, sapien vitae auctor tempor, ligula purus dignissim sapien, vel faucibus nibh mi id mauris. Maecenas rhoncus hendrerit augue vitae vestibulum. Nunc eget magna vel magna aliquam hendrerit. Aenean sit amet purus ut nisl suscipit mollis. Maecenas mollis orci quis mi lobortis sed convallis nulla bibendum. Nulla a mauris sit amet urna ultrices ornare nec quis elit. Donec vel mi eros, et euismod nulla.</p>
</article>
</section>
</div></div>
<div style="clear: both;"></div>
</div>
<footer>Copyright (C) 2010 Samuel Rodriguez Sevilla</footer>
</body>
</html>