-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (134 loc) · 8.28 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Aplicaciones Multimedia</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/carousel2.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/css/pikaday.min.css">
<link rel="stylesheet" href="assets/css/style-good.css">
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-white portfolio-navbar gradient mb-6">
<div class="container"><a class="navbar-brand logo" href="index.html">Aplicaciones Multimedia 4CV61</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" data-toggle="dropdown">
Tecnologías Multimedia
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./tarea1.html">Tecnologías de desarrollo multimedia </a>
<a class="dropdown-item" href="./tarea2.html">Lenguajes de programacion de multimedia</a>
<a class="dropdown-item" href="./tarea3.html">Plataformas y herramientas de programación</a>
<a class="dropdown-item" href="./tarea4.html">Diferencia entre lenguajes de programación multimedia y
</br>plataformas y herramientas de programación de multimedia</a>
<a class="dropdown-item" href="tarea5.html">Multimedia en dispositivos móviles</a>
</div>
</li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" data-toggle="dropdown">
Aplicaciones Multimedia
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./tercerParcial/parte1.html">Elementos que conforman una aplicación multimedia Parte 1</a>
<a class="dropdown-item" href="./tercerParcial/parte2.html">Elementos que conforman una aplicación multimedia Parte 2</a>
<a class="dropdown-item" href="./tercerParcial/parte3.html">Elementos que conforman una aplicación multimedia Parte 3</a>
</div>
</li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" data-toggle="dropdown">
Tareas
</a>
<div class="dropdown-menu"><a class="dropdown-item" href="parcial1.html">Primer Departamental</a><a class="dropdown-item" href="parcial2.html">Segundo Departamental</a><a class="dropdown-item" href="parcial3.html">Tercer Departamental</a></div>
</li>
<li class="nav-item">
<a class="nav-link" href="info.html">Acerca de:</a>
</li>
</ul>
</div>
</div>
</nav>
<main class="page lanidng-page">
<!--Multimedia-->
<section>
<div class="cover d-flex justify-content-end align-items-start flex-column p-5" style="color:withe">
<!--d-flex ***es de bootstrap y sirve para centrar, está en utilities -> flex
justify-content-center **centra en el eje principal
align-items-center **centra verticalmente
flex-column **uno abajo de otro
-->
<h1>Multimedia</h1>
<p>Tipos de multimedia y aplicaciones</p>
<!-- <button type="button" class="btn btn-dark" name="button">Conoce más</button>-->
<!--bootstrap-> components->buttons ***-->
</div>
</section>
<!--Virtual Reality-->
<section>
<div class="cover d-flex justify-content-end align-items-end flex-column p-5 mt-1" style="background-image: url(assets/img/multimedia/vr.jpg); ">
<!--d-flex ***es de bootstrap y sirve para centrar, está en utilities -> flex
justify-content-center **centra en el eje principal
align-items-center **centra verticalmente
flex-column **uno abajo de otro
-->
<h1>Realidad Virtual</h1>
<p>Conoce los tipos, aplicaciones y más sobre realidad virtual</p>
<div>
<a class="btn btn-outline-secondary btn-sm" role="button" href="https://www.canva.com/design/DAEKEjXaUek/hBMPE_bG_vghyIyaiznoVw/view?utm_content=DAEKEjXaUek&utm_campaign=designshare&utm_medium=link&utm_source=homepage_design_menu" target="_blank">Conoce más</a>
<a class="btn btn-outline-danger btn-sm" role="button" href="https://poly.google.com/view/4watvDrZi7D" target="_blank">Ir al Tour Virtual</a>
<!--bootstrap-> components->buttons ***-->
</div>
</div>
</section>
<!--Videogames-->
<section>
<div class="cover d-flex justify-content-end align-items-start flex-column p-5 mt-1 mb-1" style="background-image: url(assets/img/multimedia/vg.jpg); ">
<!--d-flex ***es de bootstrap y sirve para centrar, está en utilities -> flex
justify-content-center **centra en el eje principal
align-items-center **centra verticalmente
flex-column **uno abajo de otro
-->
<h1>Videojuegos</h1>
<p>Conoce las diferentes aplicaciones,<br/>funciones, tecnología y más sobre videojuegos</p>
<div>
<a class="btn btn-outline-secondary btn-sm" role="button" href="https://www.canva.com/design/DAEKtunDPhQ/2uVXM4Qv6oD5G3PWik9QfA/view?utm_content=DAEKtunDPhQ&utm_campaign=designshare&utm_medium=link&utm_source=homepage_design_menu" target="_blank">Conoce más</a>
<a class="btn btn-outline-danger btn-sm" role="button" href="snake/index.html" target="_blank">Jugar</a>
</div>
</div>
</section>
</main>
<section class="portfolio-block website gradient">
<div class="container">
<div class="row align-items-center">
<div class="col-md-12 col-lg-5 offset-lg-1 text">
<h3>Aplicaciones Mutimedia</h3>
<p>Se exponen diferentes temas referentes a tecnología, aplicaciones, y más.</p>
</div>
<div class="col-md-12 col-lg-5">
<div class="portfolio-laptop-mockup">
<div class="screen cover" style="background-image: url(assets/img/multimedia/pexels-josh-sorenson-1714208.jpg)"></div>
</div>
</div>
</div>
</div>
</section>
<footer class="page-footer">
<div class="container">
<div class="links">
<div><a>Realizado con ♥ por estudiantes de la UPIICSA</a><br />♦De la carrera Lic. en Ciencias de la Informática♦</div>
<br/>En un futuro podrás contactarnos en nuestras redes sociales
</div>
<div class="social-icons"><a><i class="icon ion-social-facebook"></i></a><a><i class="icon ion-social-instagram-outline"></i></a><a><i class="icon ion-social-twitter"></i></a>
</div>
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/pikaday.min.js"></script>
<script src="assets/js/theme.js"></script>
</body>
</html>