-
Notifications
You must be signed in to change notification settings - Fork 0
/
aud-ethos.html
97 lines (96 loc) · 4.4 KB
/
aud-ethos.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
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Centro Ático :: Portafolio | Pontificia Universidad Javeriana</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="http://www.javeriana.edu.co/PortalJaveriana-Theme/HomeJaveriana/images/favicon.ico" rel="Shortcut Icon" />
<link href="http://overpass-30e2.kxcdn.com/overpass.css" rel="stylesheet">
<link rel="stylesheet" href="css/estilo.css">
</head>
<body>
<div class="header-wrapper">
<header class="header">
<h1 class="header-title" title="Pontificia Universidad Javeriana">
<a href="http://www.javeriana.edu.co/home">
<svg preserveAspectRatio="xMidYMid meet" class="header-title_escudo" viewBox="0 0 278.256 93.42">
<title>Pontificia Universidad Javeriana</title>
<use xlink:href="img/iconos.svg#escudo"></use>
</svg>
</a>
</h1>
<form class="header-search">
<input class="header-search_input" type="search" placeholder="Buscar..."/>
</form>
</header>
</div>
<div class="content-wrapper">
<article class="main main-article">
<section class="main-article-hero">
<svg preserveAspectRatio="xMidYMid meet" class="main-article-hero_logo" viewBox="0 0 279.32 55.967">
<title>Centro Ático</title>
<use xlink:href="img/iconos.svg#logo"></use>
</svg>
<a class="main-article-hero-goback" href="index.html">Volver al portafolio</a>
<h1 class="main-article-hero_title">Ethos</h1>
<p class="main-article-hero_desc">Ethos es un proyecto del Archivo Histórico Javeriano, Juan Manuel Pacheco, S.J., la Secretaría General y el Centro Ático de la Pontificia Universidad Javeriana, que rinde homenaje a diferentes personajes que han dejado huella en la Universidad, a través de sus historias de vida.</p>
<div class="main-article-hero-details">
<dl class="main-article-hero_detail">
<dt class="main-article-hero_detail-title">Participación de Centro Ático</dt>
<dd class="main-article-hero_detail-text">Producción y Post producción</dd>
</dl>
<dl class="main-article-hero_detail">
<dt class="main-article-hero_detail-title">Aliados</dt>
<dd class="main-article-hero_detail-text">Archivo Histórico Javeriano, Juan Manuel Pacheco, S.J., la Secretaría General y el Centro Ático de la Pontificia Universidad Javeriana</dd>
</dl>
<dl class="main-article-hero_detail">
<dt class="main-article-hero_detail-title">Formato</dt>
<dd class="main-article-hero_detail-text">Serie de televisión</dd>
</dl>
<dl class="main-article-hero_detail">
<dt class="main-article-hero_detail-title">Año</dt>
<dd class="main-article-hero_detail-text">2015 — 2016</dd>
</dl>
</div>
</section>
<section class="main-project">
<figure class="main-project-media">
<iframe class="main-project-media_embed" allowfullscreen="" src="https://www.youtube-nocookie.com/embed/8KuNG-3xlvs?rel=0" frameborder="0" height="360" width="640"></iframe>
</figure>
</section>
</article>
<nav class="nav-social">
<ul class="nav-social-links">
<li>
<a class="nav-social_link nav-social_link_fb" href="https://www.facebook.com/comunicacionesatico">
<svg preserveAspectRatio="xMidYMid meet" class="nav-social_link_icon" viewBox="0 0 18.64 37.4">
<title>Facebook</title>
<use xlink:href="img/iconos.svg#social-fb"></use>
</svg>
</a>
</li>
<li>
<a class="nav-social_link nav-social_link_yt" href="https://www.youtube.com/user/CentroAticoJaveriana">
<svg preserveAspectRatio="xMidYMid meet" class="nav-social_link_icon" viewBox="0 0 41.34 28.9">
<title>YouTube</title>
<use xlink:href="img/iconos.svg#social-yt"></use>
</svg>
</a>
</li>
<li>
<a class="nav-social_link nav-social_link_tw" href="https://twitter.com/centroatico">
<svg preserveAspectRatio="xMidYMid meet" class="nav-social_link_icon" viewBox="0 0 37.41 32.214">
<title>Twitter</title>
<use xlink:href="img/iconos.svg#social-tw"></use>
</svg>
</a>
</li>
</ul>
</nav>
</div>
<script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="js/funciones.js"></script>
</body>
</html>