-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 98b7243
Showing
13 changed files
with
596 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,187 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <title>rain & bare</title> | ||
| <link rel="stylesheet" type="text/css" href="style.css"> | ||
| <link href='https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day|Source+Code+Pro:700,300' rel='stylesheet' type='text/css'> | ||
| <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"> | ||
| <link rel="icon" type="image/png" href="images/favicon.ico"> | ||
|
|
||
| </head> | ||
| <body> | ||
| <!-- ___________________nav ___________________ --> | ||
| <nav> | ||
| <ul class="nav clearfix"> | ||
| <ul class="social"> | ||
| <li><a href="https://twitter.com/RainandBare"><i class="fa fa-twitter"></i></a></li> | ||
| <li><a href="https://www.facebook.com/triptychtriptychtriptych/?ref=hl"><i class="fa fa-facebook"></i></a></li> | ||
| <li><a href="https://www.instagram.com/rainandbare/"><i class="fa fa-instagram"></i></a></li> | ||
| </ul> | ||
| <ul class="main"> | ||
| <li><a href="#contact">contact</a></li> | ||
| <li><a href="#work">work</a></li> | ||
| <li><a href="#about">about</a></li> | ||
| </ul> | ||
| </ul> | ||
| </nav> | ||
|
|
||
| <!-- _________________header________________ --> | ||
| <main> | ||
| <header> | ||
| <h1>rain  &  bare</h1> | ||
| <div class="dot"></div> | ||
| </header> | ||
| <!-- __________________video__________________ --> | ||
| <section id="video"> | ||
| <div class="wrapper"> | ||
| <!-- <video autoplay loop> | ||
| <source src="images/reel.mp4" type="video/mp4" alt="Video Footage by Rain and Bare"> | ||
| Your browser does not support the video tag. | ||
| </video> --> | ||
| <img src="images/videoalt.png"> | ||
| <h2> "let's pretend..." </h2> | ||
| </div> | ||
| </section> | ||
| <!-- _______________- about _____________________- --> | ||
| <div class="gradient"> | ||
| <section id="about"> | ||
| <div class="wrapper"> | ||
| <div class="statement"> | ||
| <h2>films by fine ladies</h2> | ||
| <p>rain & bare is a film production company that makes films by fine ladies. These are the kind of ladies who make you turn your head in the street. The kind with a sense of style that transends the ordinary. The kind who you wish were your older sister. The kind that gets shit done without asking for permission.</p> | ||
|
|
||
| <p>we <em>make</em> films. We DIY/ beg, borrow and steal/ and scraps together masterpieces. All film production companies are shockingly scrappy and resourceful. Here we have an emphasis on turning left overs into beauty.</p> | ||
|
|
||
| <p> the stories we tell are ones that you haven't heard before. Or maybe you have just heard them once. Leaning on magical realism for inpiration with our feet firmly planted in the overwhelming modern world, we reach for honest emotional connections. Often we rely on improvisation and building a shared history to capture moments that are not often shared on film. Our ultimate goal is to see a heroine get out of bed as disshevled as we are every morning.</p> | ||
| </div> | ||
| </div> | ||
| <!-- ________________bios-____________ --> | ||
| <section id="people"> | ||
| <h2>some fine ladies</h2> | ||
| <div class="bios clearfix"> | ||
| <ul> | ||
| <li> | ||
| <img src="images/suzette.JPG" alt="image of Suzette McCanny"> | ||
| <div class="overlay"> | ||
| <h3>Suzette McCanny</h3> | ||
| <p>director</p> | ||
| <p>actor</p> | ||
| <p>writer</p> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <img src="images/sheelagh.jpg" alt="image of Sheelagh Darling"> | ||
| <div class="overlay"> | ||
| <h3>Sheelagh Darling</h3> | ||
| <p>actor</p> | ||
| <p>producer</p> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <img src="images/aurora.jpg" alt="image of Aurora Stewart de Peña"> | ||
| <div class="overlay"> | ||
| <h3>Aurora Stewart de Peña</h3> | ||
| <p>writer</p> | ||
| <p>producer</p> | ||
| <p>costume designer</p> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <img src="images/natalie.jpg" alt="image of Natalie Novak"> | ||
| <div class="overlay"> | ||
| <h3>Natalie Novak</h3> | ||
| <p>cinematographer</p> | ||
| <p>producer</p> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <img src="images/rozzy.jpg" alt="image of Rosalind McCanny"> | ||
| <div class="overlay"> | ||
| <h3>Rosalind McCanny</h3> | ||
| <p>composer</p> | ||
| <p>musician</p> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <img src="images/darwin.jpg" alt="image of Darwin Lyons"> | ||
| <div class="overlay"> | ||
| <h3>Darwin Lyons</h3> | ||
| <p>actor</p> | ||
| <p>producer</p> | ||
| </div> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </section> <!-- bios ends --> | ||
| </section> <!-- about ends --> | ||
| <!-- ________________work-____________ --> | ||
|
|
||
| <section id="work"> | ||
| <div class="wrapper"> | ||
| <h2>the work</h2> | ||
| <ul> | ||
| <li class="triptych work clearfix"> | ||
| <div class="still"> | ||
| <a href="https://vimeo.com/137519056"><img src="images/triptych.jpg" alt="Caressing a cracked Mannequin"><div class="overlay"><h2>watch trailer</h2></div></a> | ||
| </div> | ||
| <div class="description"> | ||
| <h3>triptych triptych triptych (2015)</h3> | ||
| <p>A trio of short films about self-doubt.</p> | ||
| <ol> | ||
| <li><p>We Think In Belongs In The Sea</p></li> | ||
| <li><p>Can't Close a Painted Eye</p></li> | ||
| <li><p>The Garfield Appriciation Club</p></li> | ||
| </ol> | ||
| </div> | ||
| </li> | ||
| <li class="99point7 work clearfix"> | ||
| <div class="still"> | ||
| <a href="https://vimeo.com/84532225"><img src="images/99point7.jpg" alt="Two women holding mugs of hot tea"></a> | ||
| <div class="overlay"><h2>watch trailer</h2></div> | ||
| </div> | ||
| <div class="description"> | ||
| <h3>9 9 . 7 % (2013) </h3> | ||
| <p>A short film about friendship. Or Sex. Or Both.</p> | ||
| </div> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </section> <!-- work ends --> | ||
| <section id="contact"> | ||
| <h2>hello!</h2> | ||
| <p>TAG! you're it. </p> | ||
| <div class="container clearfix"> | ||
| <div class="facebook button"> | ||
| <a href="https://www.facebook.com/triptychtriptychtriptych/?ref=hl"><i class="fa fa-facebook"></i></a> | ||
| </div> | ||
| <div class="twitter button"> | ||
| <a href="https://twitter.com/RainandBare"><i class="fa fa-twitter"></i></a> | ||
| </div> | ||
| <div class="instagram button"> | ||
| <a href="https://www.instagram.com/rainandbare/"><i class="fa fa-instagram"></i></a> | ||
| </div> | ||
| <div class="email button"> | ||
| <a href="mailto:rainandbare@gmail.com?Subject=Lets%20Pretend" target="_top"><i class="fa fa-envelope"></i></a> | ||
| </div> | ||
| </div> | ||
| <!-- <form> | ||
| <input type="text" class="name" name="name" placeholder="Your Name" required="" aria-invalid="false"><br> | ||
| <input type="text" class="email" name="email" placeholder="Your Email" required="" aria-invalid="false"><br> | ||
| <textarea name="message" id="message" rows="9" placeholder="Your Message" required="" aria-invalid="false"></textarea> | ||
| <input type="submit" class="submit" value="SEND"> | ||
| </form> --> | ||
| </section> | ||
| </div> | ||
| </main> | ||
| <footer class="clearfix"> | ||
| <!-- <ul class="clearfix"> | ||
| <li><a href="https://twitter.com/RainandBare"></a><i class="fa fa-twitter"></i></li> | ||
| <li><a href="https://www.facebook.com/triptychtriptychtriptych/?ref=hl"></a><i class="fa fa-facebook"></i></li> | ||
| <li><a href="https://www.instagram.com/rainandbare/"></a><i class="fa fa-instagram"></i></li> | ||
| </ul> --> | ||
| <a href="#"><h2>rain  &  bare</h2></a> | ||
| <p> © 2016 Suzette McCanny</p> | ||
| </footer> | ||
| </body> | ||
| </html> |
Oops, something went wrong.