-
Notifications
You must be signed in to change notification settings - Fork 1
/
reportaje1.html
119 lines (105 loc) · 6.87 KB
/
reportaje1.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">
<title>Reportaje 1 | Los nuevos habitantes de la España vacía</title>
<link rel="stylesheet" href="styles/index.css">
<meta name="viewport" content= "width=device-width">
<link href="https://fonts.googleapis.com/css?family=Merriweather:300|Source+Sans+Pro:900" rel="stylesheet">
</head>
<body>
<div class="section-container">
<h1>Los nuevos habitantes de la España vacía</h1>
</div>
<div class="menu">
<div class="header-content">
<button id="btn-menu" class="btn-menu" type="button" name="button">
<img class="btn-menu-img" src="images/icon-menu.png" alt="Icono selección menú">
</button>
<div>
<ul class="nav">
<li class="nav-item "><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item "><a class="nav-link" href="datos.html">Datos</a></li>
<li class="nav-item nav-item-active"><a class="nav-link nav-link-active" href="reportajes.html">Reportajes</a></li>
<li class="nav-item "><a class="nav-link" href="About.html">Equipo</a></li>
</ul>
</div>
<div class="submenu">
<ul class="submenu-data">
<li class="submenu-data-items"><a class="submenu-data-links active" href="#">Reportaje 1</a></li>
<li class="submenu-data-items"><a class="submenu-data-links" href="reportaje2.html">Reportaje 2</a></li>
<li class="submenu-data-items"><a class="submenu-data-links" href="reportaje3.html">Reportaje 3</a></li>
<li class="submenu-data-items"><a class="submenu-data-links" href="reportaje4.html">Reportaje 4</a></li>
</ul>
</div>
</div>
<div id="menu-small" class="menu-small-content">
<div class="btn-container">
<button id="btn-menu-close" class="btn-menu-close" type="button" name="button">
<img class="btn-menu-close-img" src="images/icon-close-menu.png" alt="Icono selección menú">
</button>
</div>
<ul class="nav-small">
<li class="nav-small-item"><a class="nav-small-link" href="index.html">Home</a></li>
<li class="nav-small-item">
<a id="btn-subnav-data" class="nav-small-link subnav-a" href="#">Datos<img id ="subnav-data-img" class="subnav-a-img"src="images/icon-expand.png" alt="Icono abrir"></a>
<ul id="sub-nav-data" class="sub-nav">
<li class="subnav-items"><a class="subnav-links" href="datos.html#datos">Los Datos</a></li>
<li class="subnav-items"><a class="subnav-links" href="datos.html#de-donde">¿De dónde?</a></li>
<li class="subnav-items"><a class="subnav-links" href="datos.html#donde">¿Dónde están?</a></li>
<li class="subnav-items"><a class="subnav-links" href="datos.html#cuando">¿Cuándo?</a></li>
</ul>
</li>
<li class="nav-small-item" >
<a id="btn-subnav-tes"class="nav-small-link subnav-a" href="#">Reportajes<img id ="subnav-tes-img" class="subnav-a-img"src="images/icon-expand.png" alt="Icono abrir"></a>
<ul id="sub-nav-tes" class="sub-nav">
<li class="subnav-items"><a class="subnav-links" href="reportaje1.html">Reportaje 1</a></li>
<li class="subnav-items"><a class="subnav-links" href="reportaje2.html">Reportaje 2</a></li>
<li class="subnav-items"><a class="subnav-links" href="reportaje3.html">Reportaje 3</a></li>
<li class="subnav-items"><a class="subnav-links" href="reportaje4.html">Reportaje 4</a></li>
</ul>
</li>
<li class="nav-small-item" ><a class="nav-small-link" href="About.html">Equipo</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<article class="box-article">
<h2>Reportaje 1</h2>
<hr>
<p>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.</p>
<img class="img-common" src="images/familia-pueblo.png" alt="familia extranjera pueblo">
<p>
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<blockquote class="quotes">
Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis.
</blockquote>
<p>
Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur sapien risus, commodo eget turpis at, elementum convallis enim turpis, lorem ipsum dolor sit amet nullam.
</p>
<div class="iframe-video">
<iframe src="https://www.youtube.com/embed/GJS15zhlUcM?wmode=transparent" frameborder="0" allowfullscreen marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
<p>
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
</article>
</div>
<span class="up-page"><img class="icon-up" src="images/icon-up.png" alt="Icono subida"></span>
<footer>
<div class="icons-footer">
<img class="icon-social" src="images/twitter-logo.png" alt="logo twitter">
<img class="icon-social" src="images/instagram-logo.png" alt="logo instagram">
<img class="icon-social" src="images/github-logo.png" alt="logo gitHub">
<img class="icon-social" src="images/facebook-logo.png" alt="logo facebook">
</div>
<h4 class="text-footer">All Rights Reserved 2017</h4>
</footer>
<script src="js/jquery.min.js" charset="utf-8"></script>
<script src="js/main.js" charset="utf-8"></script>
</body>
</html>