-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
159 lines (128 loc) · 7.13 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!doctype html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/CSS/reset.css">
<link rel="stylesheet" href="assets/CSS/about.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<title>About</title>
</head>
<body>
<header>
<div class="container-fluid">
<div class="top-header d-md-flex d-none bg-dark text-light align-items-center justify-content-end">
<div class="mr-4">
<a href="#"><img class="mx-1" src="assets/icons/facebook.svg" alt="facebook-logo"></a>
<a href="#"><img class="mx-1" src="assets/icons/twitter.svg" alt="twitter logo"></a>
</div>
<div class="right-topnav">
<a href="#" class="mx-2 text-white">My Page</a>
<a href="#" class="mx-2 text-white">English</a>
<a href="#" class="mx-2 text-white">Log Out</a>
</div>
</div>
<nav class="navbar d-md-flex d-none shadow p-0 m-0">
<img class="" src="assets/images/logo.png" alt="logo">
<div class="center-nav nav text-center">
<a class="font-weight-bold" href="index.html">Home</a>
<a class="font-weight-bold" href="tickets.html">Tickets</a>
<a class="about-link font-weight-bold" href="about.html">About</a>
</div>
<a class="text-danger" href="#"><span class="p-2 px-5 border border-danger d-inline-block log-in">LOG
IN</span></a>
</nav>
</div>
</header>
<main>
<div class="container-fluid">
<img class="position-absolute d-md-none option" src="assets/icons/menu-abierto.svg" alt="option">
<div class="dropdown position-absolute hidden d-md-none">
<a class="btn btn-secondary hide dropdown-toggle" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="index.html">Home</a>
<a class="dropdown-item" href="tickets.html">Tickets</a>
<a class="dropdown-item active" href="about.html">About</a>
</div>
</div>
<!-- MAIN SECTION -->
<div class="main row justify-content-center text-center no-gutters">
<div class="col-8 title d-flex align-items-center justify-content-center">
<h1 class="">ENVISION CINEMA</h1>
</div>
<div class="col-8 about">
<p class="pt-2">
Chilean Investment Company, with more than 25 years in the national market. <br><br>
We are currently in the process of expansion since our mission is to bring the latest technology
and entertainment to the various regions of the country. <br><br> This is why as a company we
are
concerned with constant development, implementing state-of-the-art sound and projection, to
deliver the best and most complete service to our viewers. <br><br> In this way, we hope to
become
our clients' favorite cinema chain in the future.
</p>
</div>
<div class="col-8 contact d-flex flex-column justify-content-center">
<p>Please contact us per Email for any further questions About Envision Cinema!</p>
<span class="font-weight-bold">[email protected]</span>
</div>
</div>
<!-- LOGO SECTION -->
<div class="logo-section row shadow border-top border-bottom justify-content-center text-center no-gutters">
<div class="col-7 d-flex align-items-center justify-content-center">
<h2 class="bold">Envision Cinema 2020 Logo</h2>
</div>
<div class="col-7 d-flex align-items-center justify-content-center">
<p>The logo of Envision Cinema was decided through the logo competition from 20 April to 15 June in
2017.</p>
</div>
<div class="col-7 d-flex align-items-center justify-content-center">
<img class="border" src="assets/images/logo.png" alt="logo">
</div>
</div>
<!-- PROJECT SECTION -->
<div class="projects row justify-content-center shadow no-gutters">
<div class="col-12 text-center d-flex flex-column justify-content-center">
<h2>See our next projects</h2>
</div>
<div class="col-12 text-center">
<p>See a look at our two next projects that will be ready for June 2021 and May 2022</p>
</div>
<div class="col-12 d-md-flex row justify-content-center">
<div class="project-img d-flex flex-column justify-content-center mr-3">
<h3 class="text-light text-center">2021</h3>
<p class="text-light text-center">16k Cinema ready in 2021</p>
</div>
<div class="project-img-2 d-flex flex-column justify-content-center mr-3">
<h3 class="text-light text-center">2022</h3>
<p class="text-light text-center">16k Cinema ready in 2022</p>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="container-fluid">
<div class="bottom-footer shadow d-flex align-items-center justify-content-center">
<img class="" src="assets/images/logo.png" alt="logo">
<div class="bot-footer-right">
<span>2020 Envision Cinema All rights reserved</span>
</div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
</body>
</html>