Basic Font Styles

h1, Nimbus-bold @text-huge

h2, Nimbus-bold @text-large

h3, Nimbus-bold @text-medium

h4, Tisa @text-large

h5, tisa @text-medium

        <h1>h1, Nimbus-bold @text-huge</h1>
        <h2>h2, Nimbus-bold @text-large</h2>
        <h3>h3, Nimbus-bold @text-medium</h3>
        <h4>h4, Tisa @text-large</h4>
        <h5>h5, tisa @text-medium</h5>

Section title

Featured Work in Volume 43, No. 6

      <div class="apr-section-title">Featured Work in Volume 43, No. 6</div>

Header

Subscriptions
Issues
 Search

        <div class="block apr-search-drawer">
          <div class="inner cap-width">
            <div class="apr-seach-inner">
              <input class="apr-search-input" type="text" placeholder="Search by author, title, or issue">
            </div>
          </div>
        </div>
        <div class="block apr-header">
          <div class="inner cap-width">
            <div class="apr-nav-item"><a class="apr-menu-link" href="">Subscriptions</a></div>
            <div class="apr-nav-item"><a class="apr-menu-link" href="">Issues</a></div>
            <div class="apr-search-btn"><i class="icon-search"></i> Search</div>
            { logo() }
          </div>
        </div>

Subscriptions
Issues
 Search

        <div class="block apr-header apr-header--alt">
          <div class="inner cap-width">
            <div class="apr-nav-item"><a class="apr-menu-link" href="">Subscriptions</a></div>
            <div class="apr-nav-item"><a class="apr-menu-link" href="">Issues</a></div>
            { logo() }
          </div>
        </div>

Subscriptions
Issues
 Search
vol. 43 | no. 06

        <div class="inner cap-width">
          <div class="apr-nav-item"><a class="apr-menu-link" href="">Subscriptions</a></div>
          <div class="apr-nav-item"><a class="apr-menu-link" href="">Issues</a></div>
          <div class="apr-search-btn"><i class="icon-search"></i> Search</div>
          <div class="apr-header-issue">vol. 43 | no. 06</div>
          { logo() }
        </div>

Footer

About
Advertise
Donate
Submit

      <div class="block apr-footer">
        <div class="inner cap-width">
          <div class="apr-nav-item"><a class="apr-menu-link" href="#">About</a></div>
          <div class="apr-nav-item"><a class="apr-menu-link" href="#">Advertise</a></div>
          <div class="apr-nav-item"><a class="apr-menu-link" href="#">Donate</a></div>
          <div class="apr-nav-item"><a class="apr-menu-link" href="#">Submit</a></div>
        </div>
      </div>

Poem Marquee

Liam Neeson
"Taken 3" 

        <div class="apr-marquee apr-marquee--red">
          <div class="apr-poem-marquee-label">
            <div class="apr-poem-author">
              Liam Neeson
            </div>
            <div class="apr-poem-title">
              "Taken 3"
            </div>
          </div>
        </div>

Issue Index Marquee

The American Poetry Review
Volume 43
No. 06
December / November 2014
Featured Work
Bruce Smith
Feed
Hedi Lynn Staples
O Anti O Antiphons
Ada Limon
The Rewilding
Mary Alice Daniel
Feel Better
Martha Silano
An Interview with Rachel Zucker

        <div class="apr-marquee apr-marquee--blue apr-marquee--issue">
          <div class="apr-issue-marquee-label">
            <div class="vc-inner">
              <div class="apr-issue-sub">
                The American Poetry Review
              </div>
              <div class="apr-issue-title">
                <div>Volume 43</div>
                <div>No. 06</div>
              </div>
              <div class="apr-issue-sub">
                December / November 2014
              </div>
            </div>
          </div>
          <div class="apr-issue-marquee-featured">
            <div class="apr-featured-header apr-border-color">
              Featured Work
            </div>
            <div class="apr-issue-item">
              <div class="apr-issue-item-author apr-color">Bruce Smith</div>
              <div class="apr-issue-item-title">Feed</div>
            </div>
            <div class="apr-issue-item">
              <div class="apr-issue-item-author apr-color">Hedi Lynn Staples</div>
              <div class="apr-issue-item-title">O Anti O Antiphons</div>
            </div>
            <div class="apr-issue-item">
              <div class="apr-issue-item-author apr-color">Ada Limon</div>
              <div class="apr-issue-item-title">The Rewilding</div>
            </div>
            <div class="apr-issue-item">
              <div class="apr-issue-item-author apr-color">Mary Alice Daniel</div>
              <div class="apr-issue-item-title">Feel Better</div>
            </div>
            <div class="apr-issue-item">
              <div class="apr-issue-item-author apr-color">Martha Silano</div>
              <div class="apr-issue-item-title">An Interview with Rachel Zucker</div>
            </div>
          </div>
        </div>

Issue Show Marquee

The American Poetry Review
Volume 43
No. 06
December / November 2014
Buy Now

        <div class="apr-marquee apr-marquee--blue apr-marquee--issue apr-marque--issue-show">
          <div class="apr-issue-marquee-label">
            <div class="vc-inner">
              <div class="apr-issue-sub">
                The American Poetry Review
              </div>
              <div class="apr-issue-title">
                <div>Volume 43</div>
                <div>No. 06</div>
              </div>
              <div class="apr-issue-sub">
                December / November 2014
              </div>
            </div>
          </div>
        </div>
        <div class="apr-issue-buy-btn apr-issue--blue">Buy Now</div>

Marquee Slideshow

Liam Neeson
"Taken"
Liam Neeson
"Taken 2"
Liam Neeson
"Taken 3" 

        <div class="apr-projector" data-apr-projector>
          <div class="apr-slides" data-slideshow-items>
            <div class="apr-marquee apr-marquee--red apr-slide apr-current" data-slideshow-item>
              <div class="apr-poem-marquee-label">
                <div class="apr-poem-author">
                  Liam Neeson
                </div>
                <div class="apr-poem-title">
                  "Taken"
                </div>
              </div>
            </div>
            <div class="apr-marquee apr-marquee--green apr-slide" data-slideshow-item>
              <div class="apr-poem-marquee-label">
                <div class="apr-poem-author">
                  Liam Neeson
                </div>
                <div class="apr-poem-title">
                  "Taken 2"
                </div>
              </div>
            </div>      
            <div class="apr-marquee apr-marquee--blue apr-slide" data-slideshow-item>
              <div class="apr-poem-marquee-label">
                <div class="apr-poem-author">
                  Liam Neeson
                </div>
                <div class="apr-poem-title">
                  "Taken 3"
                </div>
              </div>
            </div>             
          </div>
          <div class="apr-pager">
              <div class="apr-pager-dot apr-current" data-pager></div>
              <div class="apr-pager-dot" data-pager></div>
              <div class="apr-pager-dot" data-pager></div>
          </div>
          <div class="apr-projector-previous apr-previous" data-previous></div>
          <div class="apr-projector-next apr-next" data-next></div>
        </div>

Author Thumbnail


        <div class="apr-thumbnail">
          { aposSingleton(page, 'thumbnail', 'slideshow', {limit: 1}) }
        </div>

        <div class="apr-thumbnail apr-thumbnail--small">
          { aposSingleton(page, 'thumbnailSmall', 'slideshow', {limit: 1}) }
        </div>

Author widget

Mary Alice Daniel
About the Author
Mary-Alice Daniel was born in Nigeria and raised in England and Nashville, but has adopted Los Angeles as her home. Her work has appeared or is forthcoming in New England Review, Mid-American Review, Hayden’s Ferry Review, and PANK. She is obviously a Scorpio. 

      <div class="block apr-author-widget-container">
        <div class="inner cap-width-narrow">
          <div class="apr-thumbnail-container">
            <div class="apr-thumbnail">{ aposSingleton(page, 'thumbnail', 'slideshow', {limit: 1}) }</div>
            <div class="apr-thumbnail-label">Mary Alice Daniel</div>
          </div>
          <div class="apr-author-copy-container vc-inner">
            <div class="apr-author-copy-label">About the Author</div>
            <div class="apr-author-copy">Mary-Alice Daniel was born in Nigeria and raised in England and Nashville, but has adopted Los Angeles as her home. Her work has appeared or is forthcoming in New England Review, Mid-American Review, Hayden’s Ferry Review, and PANK. She is obviously a Scorpio. </div>
          </div>
        </div>
      </div>

Author show header

Ron Demaris
Mary-Alice Daniel was born in Nigeria and raised in England and Nashville, but has adopted Los Angeles as her home. Her work has appeared or is forthcoming in New England Review, Mid-American Review, Hayden’s Ferry Review, and PANK. She is obviously a Scorpio. 
www.rondemaris.com

      <div class="block apr-author-show-header">
        <div class="inner cap-width-narrow">
          <div class="apr-thumbnail-container">
            <div class="apr-thumbnail apr-thumbnail--large">{ aposSingleton(page, 'thumbnail', 'slideshow', {limit: 1}) }</div>
          </div>
          <div class="apr-author-copy-container vc-inner">
            <div class="apr-author-name">Ron Demaris</div>
            <div class="apr-author-copy">Mary-Alice Daniel was born in Nigeria and raised in England and Nashville, but has adopted Los Angeles as her home. Her work has appeared or is forthcoming in New England Review, Mid-American Review, Hayden’s Ferry Review, and PANK. She is obviously a Scorpio. <br> <a href="#">www.rondemaris.com</a></div>
          </div>
        </div>
      </div>

Author work list

Work by Author
poem name
issue info

Poem widget label

Liam Neeson
"Taken 3" 

        <div class="apr-poem-widget-label">
          <div class="apr-poem-author">
            Liam Neeson
          </div>
          <div class="apr-poem-title">
            "Taken 3"
          </div>
        </div>

Poem show page label

Liam Neeson
Taken 3 

        <div class="apr-poem-show-label">
          <div class="apr-poem-author">
            Liam Neeson
          </div>
          <div class="apr-poem-title">
            Taken 3
          </div>
        </div>

Buttons

See full Issue Read Issue 

        <a class="apr-button" href="#">See full Issue</a>
        <a class="apr-button apr-button--wide" href="#">Read Issue</a>

Inputs


      <div class="inner cap-width-narrow">
        <div class="apr-input-text">
         <input type="text" class="apr-input" placeholder="Refine your search with a title or author">
        </div>
      </div>
    


      <div class="apr-input-select">
        <select class="apr-select">
          <option value="2013">2013 - Volume 1</option>
          <option value="2012">2012 - Volume 1</option>
          <option value="2012">Liam Neeson</option>
          <option value="2012">Churdumplin</option>
        </select>
      </div>
      <div class="apr-input-select">
        <select class="apr-select">
          <option value="2013">2013 - Volume 1</option>
          <option value="2012">2012 - Volume 1</option>
          <option value="2012">Liam Neeson</option>
          <option value="2012">Churdumplin</option>
        </select>
      </div>

Poem Widget

Liam Neeson
"Taken 3"
Read Poem

      <div class="apr-poem-widget-container">
        <div class="apr-thumbnail">
          { aposSingleton(page, 'thumbnail', 'slideshow', {limit: 1}) }
        </div>
        <div class="apr-poem-widget-label">
          <div class="apr-poem-author">
            Liam Neeson
          </div>
          <div class="apr-poem-title">
            "Taken 3"
          </div>
          <div class="apr-read-poem">Read Poem</div>
        </div>
      </div>

More results button

See full Issue 

      <div class="apr-issue-more-results apr-tile-third">
        <div class="apr-paper-icon"></div>
        <a class="apr-button" href="#">See full Issue</a>
      </div>

Issue Widget layout

Liam Neeson
"Taken 3"
Read Poem
Liam Neeson
"Taken 3"
Read Poem
Liam Neeson
"Taken 3"
Read Poem
Liam Neeson
"Taken 3"
Read Poem
Liam Neeson
"Taken 3"
Read Poem
See full Issue 
 
        <div class="apr-issue-widget-container">
          <div class="apr-poem-widget-container">
            <div class="apr-thumbnail">
                { aposSingleton(page, 'thumbnail', 'slideshow', {limit: 1}) }
              </div>
            <div class="apr-poem-widget-label">
                <div class="apr-poem-author">
                  Liam Neeson
                </div>
                <div class="apr-poem-title">
                  "Taken 3"
                </div>
                <div class="apr-read-poem">Read Poem</div>
            </div>
          </div>
          (x5)
          <div class="apr-issue-more-results apr-tile-third">
            <div class="apr-paper-icon"></div>
            <a class="apr-button" href="#">See full Issue</a>
          </div>
        </div>

Blog Widget

December 11, 2014
The American Poetry Review now at the University of the Arts
The American Poetry Review is happy to announce our new affiliation with The University of the Arts.

      <div class="apr-blog-widget-container">
        <div class="apr-blog-widget">
          <div class="apr-blog-thumbnail">{ aposSingleton(page, 'blogThumbnail', 'slideshow', {limit: 1}) }</div>
          <div class="apr-blog-date">December 11, 2014</div>
          <div class="apr-blog-title">The American Poetry Review now at the University of the Arts</div>
          <div class="apr-blog-body">The American Poetry Review is happy to announce our new affiliation with The University of the Arts.</div>
        </div>
      </div>

Issue widget

NO. 01

MARCH
/ APRIL
2014

Cool Guy
Stephen Dunn
Maria Hummel
Dean Young
Joy Katz
Thomas Q. Morin

      <div class="apr-issue-widget-alt-container">
        <h2 class="apr-issue-widget-label">NO. 01</h2>
        <div class="apr-thumbnail apr-thumbnail--small">
          { aposSingleton(page, 'thumbnailSmall', 'slideshow', {limit: 1}) }
        </div>
        <div class="apr-issue-widget-container-right">
          <div class="apr-issue-widget-author">Cool Guy</div>
          <div class="apr-issue-widget-author">Stephen Dunn</div>
          <div class="apr-issue-widget-author">Maria Hummel</div>
          <div class="apr-issue-widget-author">Dean Young</div>
          <div class="apr-issue-widget-author">Joy Katz</div>
          <div class="apr-issue-widget-author">Thomas Q. Morin</div>
        </div>
      </div>

Volume widget

NO. 01

JANUARY
/ FEBURARY
2014

Cool Guy
Stephen Dunn
Maria Hummel
Dean Young
Joy Katz
Thomas Q. Morin

NO. 02

MARCH
/ APRIL
2014

Cool Guy
Stephen Dunn
Maria Hummel
Dean Young
Joy Katz
Thomas Q. Morin

NO. 03

MAY
/ JUNE
2014

Cool Guy
Stephen Dunn
Maria Hummel
Dean Young
Joy Katz
Thomas Q. Morin

NO. 04

JULY
/ AUGUST
2014

Cool Guy
Stephen Dunn
Maria Hummel
Dean Young
Joy Katz
Thomas Q. Morin

NO. 05

SEPTEMBER
/ OCTOBER
2014

Cool Guy
Stephen Dunn
Maria Hummel
Dean Young
Joy Katz
Thomas Q. Morin

NO. 06

NOVEMBER
/ DECEMBER
2014

Cool Guy
Stephen Dunn
Maria Hummel
Dean Young
Joy Katz
Thomas Q. Morin

      <div class="apr-volume-widget">
        <div class="apr-issue-widget-alt-container">
          <h2 class="apr-issue-widget-label">NO. 01</h2>
          <div class="apr-thumbnail apr-thumbnail--small">
            { aposSingleton(page, 'thumbnailSmall', 'slideshow', {limit: 1}) }
          </div>
          <div class="apr-issue-widget-container-right">
            <div class="apr-issue-widget-author">Cool Guy</div>
            <div class="apr-issue-widget-author">Stephen Dunn</div>
            <div class="apr-issue-widget-author">Maria Hummel</div>
            <div class="apr-issue-widget-author">Dean Young</div>
            <div class="apr-issue-widget-author">Joy Katz</div>
            <div class="apr-issue-widget-author">Thomas Q. Morin</div>
          </div>
        </div>
        (x6)
      </div>

Sponsor Widget

Sweet Sponsor

        <div class="apr-sponsor-container">
          <div class="apr-sponsor">{ aposSingleton(page, 'thumbnail', 'slideshow', {limit: 1}) }</div>
          <div class="apr-sponsor-label">Sweet Sponsor</div>
        </div>

Sponsors Widget

Our Sponsors
Sweet Sponsor
Sweet Sponsor
Sweet Sponsor

      <div class="block apr-sponsors-widget">
        <div class="inner cap-width">
          <div class="apr-sponsors-widget-label">Our Sponsors</div>
          <div class="apr-sponsor-container">
            <div class="apr-sponsor">{ aposSingleton(page, 'thumbnail', 'slideshow', {limit: 1}) }</div>
            <div class="apr-sponsor-label">Sweet Sponsor</div>
          </div>
          <div class="apr-sponsor-container">
            <div class="apr-sponsor">{ aposSingleton(page, 'thumbnail', 'slideshow', {limit: 1}) }</div>
            <div class="apr-sponsor-label">Sweet Sponsor</div>
          </div>
          <div class="apr-sponsor-container">
            <div class="apr-sponsor">{ aposSingleton(page, 'thumbnail', 'slideshow', {limit: 1}) }</div>
            <div class="apr-sponsor-label">Sweet Sponsor</div>
          </div>
        </div>
      </div>
About Us