-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
136 lines (127 loc) · 5.12 KB
/
about.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
<!DOCTYPE html>
<html lang="es">
<head>
<title>Cine Tobi</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<!-- <link rel="icon" href="images/logo/logo_mps_hr.png"> -->
<link rel="stylesheet" href="css/mobile.css">
</head>
<body>
<header id="hero">
<nav class="top-menu">
<div id="logo">Cine Tobi</div>
<a id="home" href="index.html">Inicio</a>
<a id="movies" href="movies.html">Estrenos</a>
<a id="us" href="about.html">Nosotros</a>
<a id="sign-in" href="login.html">Iniciar Sesión</a>
<div class="hamburger-menu">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</nav>
<div id="mobile_menu" class="menu_mobile">
<a id="home" href="index.html">Inicio</a>
<a id="movies" href="movies.html">Estrenos</a>
<a id="sign-in" href="login.html">Iniciar Sesión</a>
</div>
<div class="filmContainerHeader">
<img id="poster" src="Images/Mario2.jpg" alt="Movie Poster">
<div>
<h1 class="mainMovieTitle"></h1>
<ul id="mainMovInfo">
<li></li>
<li></li>
<li></li>
</ul>
<ul id="showingMainMovInfo">
<li>
<div class="pgRating"></div>
</li>
<li>
<div class="language">ES</div>
</li>
<li>
<div class="quality">Dolby Atmos</div>
</li>
</ul>
<a class="buy" href="antman-y-la-avispa-quantumania.html">Comprar</a>
<a class="buy" href="https://www.youtube.com/watch?v=_1f2RLdxQfA&ab_channel=UniversalSpain" target="_blank">Trailer</a>
<button id="info">Descripción</button>
</div>
<p id="mainDescription">Con la ayuda de la Princesa Peach, Mario se prepara para enfrentarse al todopoderoso
Bowser para detener sus planes de conquistar el mundo.</p>
</div>
<div class="mobileFilmContainerHeader">
<div class="filmName">
<h1 class="mainMovieTitle"></h1>
<ul id="mainMovInfo">
<li></li>
<li></li>
<li></li>
</ul>
<ul id="showingMainMovInfo">
<li>
<div class="pgRating"></div>
</li>
<li>
<div class="language">ES</div>
</li>
<li>
<div class="quality">Dolby Atmos</div>
</li>
</ul>
</div>
<div class="filmActions">
<a class="buy" href="antman-y-la-avispa-quantumania.html">Comprar</a>
<a class="buy" href="https://www.youtube.com/watch?v=ZlNFpri-Y40&ab_channel=MarvelEntertainment" target="_blank">Trailer</a>
</div>
</div>
</header>
<section id="aboutUs">
<div>
<p class="secondTitle"><span class="boldTopTitle">NOSOTROS</span><br>NUESTRA<b> HISTORIA</b></p>
<p id="aboutUs-Description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus erat eu tempus convallis. Pellentesque sit amet
mi molestie, luctus velit at, venenatis velit. Phasellus nec lacinia nisl, nec egestas mi. Integer at lorem id justo
feugiat vestibulum eu id risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Aenean dignissim libero non orci condimentum egestas. Nunc pretium in massa ut vestibulum. Maecenas euismod blandit nibh,
id tincidunt justo luctus nec. Morbi non est in enim mollis rhoncus id sit amet nulla. Donec eget nibh et dui ultricies
aliquam non in tortor. Aliquam in turpis eu nibh condimentum tincidunt. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia curae; Duis quis velit id ex tincidunt feugiat. Vestibulum ante ipsum primis in faucibus
orci luctus et ultrices posuere cubilia curae; Curabitur blandit ut odio eget posuere.
<br><br>
Sed sagittis massa non cursus fermentum. Sed accumsan leo nec nibh sodales, sit amet placerat est suscipit. Phasellus rhoncus
ex ut lacus gravida molestie. Nunc id ante eget purus rutrum sollicitudin ac nec quam. Nunc bibendum posuere dui. Cras
malesuada maximus ultricies. Maecenas eget tristique eros, ut facilisis diam. Suspendisse dignissim urna eget mollis dapibus.
Nam pellentesque massa sed scelerisque lacinia.
</p>
</div>
</section>
<footer>
<div>
<h1>Cine Tobi</h1>
<p>Diseñado y desarrollado por Tobi</p>
<p>GitHub: omgtobias</p>
<p>CodePen: omgtobias</p>
</div>
<div>
<h2>Nosotros</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nibh ex, eleifend vel porta ac,
porttitor ut augue. Vestibulum blandit nibh nec ante rutrum semper. Aliquam ut dui eget justo.
</p>
</div>
<div>
<h2>Info</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nibh ex, eleifend vel porta ac,
porttitor ut augue. Vestibulum blandit nibh nec ante rutrum semper. Aliquam ut dui eget justo.
</p>
</div>
</footer>
<script src="js/index.js"></script>
</body>
</html>