colorflow-theme/_work-page.html at master · kunala/colorflow-theme · GitHub

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>Colorflow</title>
    <script src='javascripts/libraries/modernizr.js'></script>
    <script src='javascripts/libraries/jquery.js'></script>
    <!-- Typekit -->
    <script src='http://use.typekit.com/nxy6drw.js'></script>
    <script type='text/javascript'>
      //<![CDATA[
        try{Typekit.load();}catch(e){}
      //]]>
    </script>
    <link href='stylesheets/styles.css' rel='stylesheet' />
  </head>
  <body class='work-page' id=''>
    <div id='wrapper'>
      <div id='header'>
        <div class='inner-container'>
          <div class='navigation'>
            <h1 class='logo'><a href="#">Colorflow</a></h1>
            <!-- Main Navigation -->
            <!-- ====================================================================== -->
            <nav class='main-navigation'>
              <ul>
                <li><a class="home" href="#">Home</a></li>
                <li><a class="current" href="#">Services</a></li>
                <li><a href="#">Work</a></li>
                <li><a href="#">Amenities</a></li>
                <li><a href="#">Talent</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">Contact</a></li>
              </ul>
            </nav>

          </div>

        </div>
      </div>
      <div id='content'>
  <div id='primary'>
    <div class='sub-header'>
      <h2 class='page-heading'>
        <span class='section'>Work /</span>
        <span class='subsection'>All Work</span>
      </h2>
      <div class='projects-pagination'>
        <a class="previous end" href="#"><</a>
        <a class="next" href="#">></a>
        <p>Project 1 of 9</p>
      </div>
    </div>
    <div class='project-highlights'>
      <div class='highlights-slideshow'>
        <ul class='slides'>
          <li><img class="white-border" src="http://lorempixel.com/956/396/" /></li>
          <li><img class="white-border" src="http://lorempixel.com/956/396/" /></li>
          <li><img class="white-border" src="http://lorempixel.com/956/396/" /></li>
          <li><img class="white-border" src="http://lorempixel.com/956/396/" /></li>
        </ul>
        <ul class='navigation'>
          <li><a class="selected" href="#">Slide</a></li>
          <li><a href="#">Slide</a></li>
          <li><a href="#">Slide</a></li>
          <li><a href="#">Slide</a></li>
        </ul>
      </div>
    </div>
    <div class='project-details'>
      <div class='text-content'>
        <h3>ColorFlow post is the best equipped and technoligically advanced post-production and finishing studio in Norther California. Situated in the center of filmmaking and animation, it gets a ton of cool stuff happening.</h3>
        <p>Ennui ea direct trade chillwave brooklyn nisi nihil, proident yr aliquip keffiyeh before they sold out. Next level blog seitan consectetur. Bicycle rights officia reprehenderit, put a bird on it Austin butcher hella blog irure. Before they sold out commodo butcher, godard swag trust fund tofu. Next level lomo terry richardson thundercats, culpa stumptown skateboard put a bird on it gentrify sartorial cliche pitchfork wayfarers. VHS dolore umami farm-to-table cupidatat. Nihil narwhal cliche vegan officia mixtape.</p>
        <p>Eu mollit placeat irony stumptown before they sold out, high life exercitation blog voluptate next level put a bird on it pour-over master cleanse. Aute keytar vice proident american apparel skateboard. Terry richardson polaroid sartorial pickled reprehenderit, lomo mixtape nulla ex enim. Odio shoreditch mixtape, VHS cred vegan kogi do. Brunch irure mlkshk, readymade bushwick flexitarian occupy ullamco thundercats stumptown. Before they sold out messenger bag wes anderson iphone. Carles brooklyn small batch, 8-bit veniam ullamco messenger bag placeat master cleanse ad elit.</p>
      </div>
      <dl class='overview'>
        <dt class='services'>Services</dt>
        <dd class='services'>DI Color Grading, Finishing, Digital Deliverables, Blu-Ray Mastering</dd>
        <dt class='colorist'>Colorist</dt>
        <dd class='colorist'>Kent Prichett</dd>
        <dt class='source'>Source</dt>
        <dd class='source'>RED Epic</dd>
        <dt class='director'>Director</dt>
        <dd class='director'>Mario Matteoli</dd>
        <dt class='cinematographer'>Cinematographer</dt>
        <dd class='cinematographer'>Andrew Rydzewski</dd>
      </dl>
    </div>
  </div>
</div>
    </div>
    <div id='footer'>
      <div class='inner-container'>
        <nav class='footer-navigation'>
          <ul>
            <li><a href="#">About</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Facility</a></li>
            <li><a href="#">Talent</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </nav>
        <p class='copyright'>Copyright 2012 Colorflow Post, Inc.</p>
      </div>
    </div>
    <script src='javascripts/colorflow.js'></script>
  </body>
</html>