Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ART128 Final #4

Open
wants to merge 35 commits into
base: master
Choose a base branch
from
Open

ART128 Final #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
35 commits
Select commit Hold shift + click to select a range
b3e3a4f
Set up base html & css
Mar 29, 2016
e3b2180
added base css
alissamas Mar 31, 2016
24474e9
added logo & header images
alissamas Mar 31, 2016
2323bbb
added content
alissamas Mar 31, 2016
4d548d1
added content & styling
Apr 5, 2016
abd9cbb
added headliner images
Apr 5, 2016
2f9065a
added styles
Apr 5, 2016
19c5e91
added footer
Apr 12, 2016
974c631
adjustments
Apr 12, 2016
e662497
adjusted styling
Apr 12, 2016
830e61d
adjusted styles
Apr 14, 2016
69667a9
fixed footer & nav
Apr 14, 2016
5690774
fixed responsive
Apr 14, 2016
dd63d8a
fixed responsive
Apr 19, 2016
af0de26
added about page
Apr 19, 2016
df1d900
fixed responsive
Apr 19, 2016
33eb66b
added js
Apr 19, 2016
11357f2
added content to about page
Apr 19, 2016
54d68e1
added venue page and content
Apr 21, 2016
06aeb74
added jQuery slideToggle
Apr 21, 2016
d435e1a
added content to tickets page
Apr 21, 2016
b3946d7
added access page, fixed ticket page
Apr 26, 2016
17d93fe
added responsive styling to tickets page
Apr 26, 2016
39673d8
added content to gallery page
Apr 26, 2016
4335716
added styling to gallery
Apr 26, 2016
c5475c1
added form and fixed styling
Apr 28, 2016
58cde90
added styling
Apr 28, 2016
706a256
added slick slider
May 3, 2016
db9bf0e
styled input box
May 3, 2016
77371a9
organized files
May 3, 2016
fc675a4
updated styling
May 3, 2016
6302805
changed artists
alissamas May 5, 2016
7ccb63a
html & css checker
alissamas May 5, 2016
81d9b36
fixed
alissamas May 5, 2016
f9c975b
added z-index
alissamas May 6, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
100 changes: 100 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>The El Rey - About</title>
<!-- VIEWPORT FOR MOBILE -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- MAIN CSS -->
<link rel="stylesheet" href="styles.css">
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
</head>

<body>
<section class="nav group">
<a href="index.html"><img src="img/elreylogo1.jpg" alt="logo" /></a>
<a href="#" class="nav-toggle"></a>
<ul>
<li><a class="active" href="about.html">about</a></li>
<li><a href="venue.html">venue</a></li>
<li><a href="tickets.html">tickets</a></li>
<li><a href="gallery.html">gallery</a></li>
<li><a href="access.html">access</a></li>
<li><a href="#"><i class="fa fa-search"></i></a></li>
</ul>
</section>

<section class="header">
<img src="img/about.jpg" alt="the El Rey" />
</section>

<div class="about">
<p>
The El Rey Theatre is an originial art deco theater in the heart of the Miracle Mile, one of Los Angeles’ preserved art deco districts. The El Rey was built in 1936 and designed by Clifford Balch. After over 50 years as a first run movie house, the El Rey was converted into a live music venue in 1994.
</p>

<img src="img/historic.jpg" alt="" />

<p>
A registered Historic-Cultural Monument, the El Rey has sweeping staircases, an art deco lobby, VIP balcony lounge and a grand ballroom equipped with a full stage. The El Rey is a general admission, standing room venue, unless stated otherwise in specific show details.
</p>

<img src="img/john.jpg" alt="" />
</div>


<section class="footer group">
<div class="group">

<img src="img/elreylogo_inverse.png" alt="" />
<ul>
<li>
<h6>about</h6>
<p>
The El Rey is a historic music and arts theater located in the heart of downtown Los Angeles.
</p>
</li>

<li class="location">
<h6>location</h6>
<p>
5515 Wilshire Blvd<br>
Los Angeles, CA 90036
</p>
</li>
<li class="contact">
<h6>contact us</h6>
<p>
Main: (323) 936-6400<br>
Fax: (323) 936-5657<br>
[email protected]
</p>
</li>

<li class="social">
<h6>connect</h6>
<br>
<a href="https://www.facebook.com/elrey"><i class="fa fa-facebook fa-2x"></i></a>
<a href="https://twitter.com/elreytheatre"><i class="fa fa-twitter fa-2x"></i></a>
<a href="https://myspace.com/theelrey"><i class="fa fa-users fa-2x" aria-hidden="true" ></i></a>
<a href="https://www.instagram.com/elreytheatre/?hl=en"><i class="fa fa-instagram fa-2x"></i></a>
<a href="http://elreytheatre.tumblr.com/"><i class="fa fa-tumblr fa-2x"></i></a>
</li>

</ul>

</div>
<div class="email">
<span class="field"><a href="#">email address</a></span>
<a href="#">subscribe</a>
</div>
</section>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="js/scripts.js"></script>

</body>
</html>
116 changes: 116 additions & 0 deletions access.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,116 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>The El Rey - Access</title>
<!-- VIEWPORT FOR MOBILE -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- MAIN CSS -->
<link rel="stylesheet" href="styles.css">
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
</head>

<body>
<section class="nav group">
<a href="index.html"><img src="img/elreylogo1.jpg" alt="logo" /></a>
<a href="#" class="nav-toggle"></a>
<ul>
<li><a href="about.html">about</a></li>
<li><a href="venue.html">venue</a></li>
<li><a href="tickets.html">tickets</a></li>
<li><a href="gallery.html">gallery</a></li>
<li><a class="active" href="access.html">access</a></li>
<li><a href="#"><i class="fa fa-search"></i></a></li>
</ul>
</section>

<section class="header">
<img src="img/access.jpg" alt="the El Rey" />
</section>

<div class="access group">

<p>
We are located on Wilshire Blvd between La Brea Ave and Fairfax Ave in the Miracle Mile area of LA's historic art deco district. Our exact crosstreets are Burnside and Dunsmuir.
</p><br>
<a href="https://www.google.com/maps/place/El+Rey+Theatre/@34.0627035,-118.3510896,17z/data=!3m1!4b1!4m2!3m1!1s0x80c2b9202bc34ecf:0xbed26dce8e922383">Get Directions</a>
<img src="img/map.jpg" alt="" />

<div class="col-3">
<h3>By car</h3>
<p>
Take the La Brea North Exit off the 10 West or East.
</p>
</div>
<div class="col-3">
<h3>public transportation</h3>
<p>
The LA Metro lines 20 &amp 21 stop in front of the El Rey.
</p>
</div>
<div class="col-3">
<h3>parking</h3>
<p>
Valet service is available in front of the venue one hour to door time. Safe, covered self-parking is available at 5455 Wilshire Blvd (entrance on Cochran).
</p>
</div>

</div>



<section class="footer group">
<div class="group">

<img src="img/elreylogo_inverse.png" alt="" />
<ul>
<li>
<h6>about</h6>
<p>
The El Rey is a historic music and arts theater located in the heart of downtown Los Angeles.
</p>
</li>

<li class="location">
<h6>location</h6>
<p>
5515 Wilshire Blvd<br>
Los Angeles, CA 90036
</p>
</li>
<li class="contact">
<h6>contact us</h6>
<p>
Main: (323) 936-6400<br>
Fax: (323) 936-5657<br>
[email protected]
</p>
</li>

<li class="social">
<h6>connect</h6>
<br>
<a href="https://www.facebook.com/elrey"><i class="fa fa-facebook fa-2x"></i></a>
<a href="https://twitter.com/elreytheatre"><i class="fa fa-twitter fa-2x"></i></a>
<a href="https://myspace.com/theelrey"><i class="fa fa-users fa-2x" aria-hidden="true" ></i></a>
<a href="https://www.instagram.com/elreytheatre/?hl=en"><i class="fa fa-instagram fa-2x"></i></a>
<a href="http://elreytheatre.tumblr.com/"><i class="fa fa-tumblr fa-2x"></i></a>
</li>

</ul>

</div>
<div class="email">
<span class="field"><a href="#">email address</a></span>
<a href="#">subscribe</a>
</div>
</section>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="js/scripts.js"></script>

</body>
</html>
138 changes: 138 additions & 0 deletions gallery.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,138 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>The El Rey - Gallery</title>
<!-- VIEWPORT FOR MOBILE -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- MAIN CSS -->
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">

<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<link rel="stylesheet" href="styles.css">

</head>

<body>
<section class="nav group">
<a href="index.html"><img src="img/elreylogo1.jpg" alt="logo" /></a>
<a href="#" class="nav-toggle"></a>
<ul>
<li><a href="about.html">about</a></li>
<li><a href="venue.html">venue</a></li>
<li><a href="tickets.html">tickets</a></li>
<li><a class="active" href="gallery.html">gallery</a></li>
<li><a href="access.html">access</a></li>
<li><a href="#"><i class="fa fa-search"></i></a></li>
</ul>
</section>

<section class="header">
<img src="img/gallery2.jpg" alt="the El Rey" />
</section>


<div class="gallery">
<div class="grimes">
<h5>saturday, march 5</h5>
<h3>grimes</h3>
<div class="slider">
<img src="img/grimes1.jpg" alt="" />
<img src="img/grimes2.jpg" alt="" />
<img src="img/grimes3.jpg" alt="" />
<img src="img/grimes4.jpg" alt="" />
<img src="img/grimes5.jpg" alt="" />
</div>
</div><br><br>


<div class="bloc">
<h5>friday, march 4</h5>
<h3>flume</h3>
<div class="slider">
<img src="img/flume1.jpg" alt="" />
<img src="img/flume2.jpg" alt="" />
<img src="img/flume3.jpg" alt="" />
<img src="img/flume4.jpg" alt="" />
</div>
</div><br><br>

<div class="spalding">
<h5>wednesday, march 2</h5>
<h3>esperanza spalding</h3>
<div class="slider">
<img src="img/spalding1.jpg" alt="" />
<img src="img/spalding2.jpg" alt="" />
<img src="img/spalding3.jpg" alt="" />
<img src="img/spalding4.jpg" alt="" />
</div>
</div><br><br>

<a href="#">load more</a><br><br><br>
</div>





<section class="footer group">
<div class="group">

<img src="img/elreylogo_inverse.png" alt="" />
<ul>
<li>
<h6>about</h6>
<p>
The El Rey is a historic music and arts theater located in the heart of downtown Los Angeles.
</p>
</li>

<li class="location">
<h6>location</h6>
<p>
5515 Wilshire Blvd<br>
Los Angeles, CA 90036
</p>
</li>
<li class="contact">
<h6>contact us</h6>
<p>
Main: (323) 936-6400<br>
Fax: (323) 936-5657<br>
[email protected]
</p>
</li>

<li class="social">
<h6>connect</h6>
<br>
<a href="https://www.facebook.com/elrey"><i class="fa fa-facebook fa-2x"></i></a>
<a href="https://twitter.com/elreytheatre"><i class="fa fa-twitter fa-2x"></i></a>
<a href="https://myspace.com/theelrey"><i class="fa fa-users fa-2x" aria-hidden="true" ></i></a>
<a href="https://www.instagram.com/elreytheatre/?hl=en"><i class="fa fa-instagram fa-2x"></i></a>
<a href="http://elreytheatre.tumblr.com/"><i class="fa fa-tumblr fa-2x"></i></a>
</li>

</ul>

</div>
<div class="email">
<span class="field"><a href="#">email address</a></span>
<a href="#">subscribe</a>
</div>
</section>



<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script src="js/scripts.js"></script>



</body>
</html>
Binary file added img/about.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/access.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/childish.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/childishthumb.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/elreylogo1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/elreylogo_inverse.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/flume1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/flume2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/flume3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/flume4.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/gallery.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/gallery2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/grimes1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/grimes2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/grimes3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/grimes4.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/grimes5.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/historic.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/homeimg1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/john.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/lightplan.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/lourde.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/lourdethumb.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/majorlazerthumb.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/map.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/mouse.jpg
View file
Open in desktop
Binary file added img/mousethumb.jpg
View file
Open in desktop
Binary file added img/phoenixthumb.jpg
View file
Open in desktop
Binary file added img/shinsthumb.jpg
View file
Open in desktop
Binary file added img/spalding1.jpg
View file
Open in desktop
Binary file added img/spalding2.jpg
View file
Open in desktop
Binary file added img/spalding3.jpg
View file
Open in desktop
Binary file added img/spalding4.jpg
View file
Open in desktop
Binary file added img/tickets.jpg
View file
Open in desktop
Binary file added img/venue.jpg
View file
Open in desktop
Binary file added img/view.jpg
View file
Open in desktop
Loading