hugo cabrera diaz
131 lines
3.7 KiB
HTML
131 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Portal Editorial</title>
|
|
<link rel="stylesheet" href="estilos.css"/>
|
|
</head>
|
|
<body>
|
|
|
|
<!--HEADER-->
|
|
<header class="header-image-container">
|
|
<!--Logo Unam-->
|
|
<img src="" alt="">
|
|
<!--Logo Fesa-->
|
|
<img src="" alt="">
|
|
<!--Logo Ediciones Acatlan-->
|
|
<figure class="header-vertical-line">
|
|
<img src="" alt="">
|
|
</figure>
|
|
</header>
|
|
|
|
<!--NAVIGATION BAR-->
|
|
<nav class="nav-container">
|
|
<ul class="nav-list">
|
|
<!--Home Icon and Home Button-->
|
|
<li class="home-btn"> <a href="#"> <img src="" alt="">Inicio</a></li>
|
|
<li class="book-material-btn">Producción Editorial
|
|
<!-- <ul class="nav-sublist">
|
|
<li>Sub item #1</li>
|
|
<li>Sub item #2</li>
|
|
<li>Sub item #3</li>
|
|
</ul>
|
|
-->
|
|
</li>
|
|
<li class="search-btn"> <a href="#"> <img src="" alt="">Buscar</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!--CAROUSEL BEGINS-->
|
|
|
|
<!--CAROUSEL ENDS-->
|
|
<div class="main-title">
|
|
<h1>Novedades Semestrales</h1>
|
|
</div>
|
|
|
|
<!--MAIN SECTION OF BOOKS-->
|
|
<section class="main-section-books">
|
|
<!--Top Position Of The Articles-->
|
|
<article class="top-pos-books">
|
|
<img src="" alt="">
|
|
<p> <strong>Lorem ipsum</strong> </p>
|
|
|
|
<img src="" alt="">
|
|
<p> <strong>Lorem ipsum</strong> </p>
|
|
|
|
<img src="" alt="">
|
|
<p> <strong>Lorem ipsum</strong> </p>
|
|
|
|
<img src="" alt="">
|
|
<p> <strong>Lorem ipsum</strong> </p>
|
|
</article>
|
|
<!--Middle Position Of The Articles-->
|
|
<article class="mid-pos-books">
|
|
<img src="" alt="">
|
|
<p> <strong>Lorem ipsum</strong> </p>
|
|
|
|
<img src="" alt="">
|
|
<p> <strong>Lorem ipsum</strong> </p>
|
|
|
|
<img src="" alt="">
|
|
<p> <strong>Lorem ipsum</strong> </p>
|
|
|
|
<img src="" alt="">
|
|
<p> <strong>Lorem ipsum</strong> </p>
|
|
</article>
|
|
<!--Low Position Of The Articles-->
|
|
<article class="low-pos-books">
|
|
<img src="" alt="">
|
|
<p> <strong>Lorem ipsum</strong> </p>
|
|
|
|
<img src="" alt="">
|
|
<p> <strong>Lorem ipsum</strong> </p>
|
|
|
|
<img src="" alt="">
|
|
<p> <strong>Lorem ipsum</strong> </p>
|
|
|
|
<img src="" alt="">
|
|
<p> <strong>Lorem ipsum</strong> </p>
|
|
</article>
|
|
</section>
|
|
|
|
<!--SOCIAL NETWORKS-->
|
|
<section class="social">
|
|
<div class="link-facebook">
|
|
<a href="#" target="_blank"><img src="" alt=""> <p>facebook</p></a>
|
|
</div>
|
|
|
|
<div class="link-youtube">
|
|
<a href="#" target="_blank"><img src="" alt=""> <p>Youtube</p></a>
|
|
</div>
|
|
|
|
<div class="link-instagram">
|
|
<a href="#" target="_blank"><img src="" alt=""> <p>Instagram</p></a>
|
|
</div>
|
|
|
|
<div class="link-twitter">
|
|
<a href="#" target="_blank"><img src="" alt=""> <p>twitter</p></a>
|
|
</div>
|
|
</section>
|
|
|
|
<!--FOOTER-->
|
|
<footer>
|
|
<div class="footer-buttons">
|
|
<input type="button" value="Comité Editorial">
|
|
<input type="button" value="Política Editorial y Lineamientos">
|
|
<input type="button" value="Libreria">
|
|
<input type="button" value="Contáctanos">
|
|
</div>
|
|
|
|
<pre class="footer-info">
|
|
<small>
|
|
Hecho en México, todos los derechos reservados 2018.
|
|
Esta página puede ser reproducida con fines no lucrativos, siempre y cuando no se mutile, se cite la fuente
|
|
completa y su dirección electrónica. De otra forma, requiere permiso previo por escrito de la institución.
|
|
</small>
|
|
</pre>
|
|
|
|
</footer>
|
|
</body>
|
|
</html>
|