The subscribe dropdown. Toggled when clicking the subscribe header container. Uses script.js to apply open/close.
<div class="site-subscribe clearfix">
<h2 class="site-subscribe__title">Subscribe Headline Can Go Here and Here</h2>
<span class="site-subscribe__close">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="13 659.1 596.9 595.7" enable-background="new 13 659.1 596.9 595.7" xml:space="preserve">
<title>Close</title>
<path d="M409.4,843.2l-98,98l-97.9-97.9c-4.7-4.7-11.1-4.7-15.9,0s-4.7,11.1,0,15.9l97.9,97.9l-97.8,97.8c-4.7,4.7-4.7,11.1,0,15.9
c4.7,4.7,11.1,4.7,15.9,0l97.9-97.9l97.9,97.9c3.2,3.2,9.5,3.1,14.2-1.6c4.7-4.7,4.7-11.1,0-15.9l-97.9-97.9l97.9-97.9
c4.7-4.7,4.7-11.1,0-15.9C420.5,838.5,412.5,840.1,409.4,843.2z M101.4,746.9C-15.4,863.8-17,1051.7,99.9,1168.5
c115.3,115.3,304.8,115.3,421.6-1.5c116.8-116.8,118.4-304.8,1.5-421.6C407.8,630.1,218.3,630.1,101.4,746.9z M505.8,1151.2
c-108.9,108.9-282.7,109-390.1,1.6S9.9,870.1,117.3,762.7c108.9-108.9,282.7-109,390.1-1.6S613.1,1043.9,505.8,1151.2z"/>
</svg>
</span>
<img class="subscribe-image-all" src="/fa_prototype/assets/images/subscribe_dropdown-image.png" alt="" />
<ul class="site-subscribe__list">
<li class="site-subscribe__list-select">
Select a Plan
</li>
<li class="site-subscribe__list-item">
<a class="site-subscribe__list-link" href="#">
Foreign Affairs Plus <span>BEST DEAL: 6 print and digital issues + iPad Access + more</span>
</a>
</li>
<li class="site-subscribe__list-item">
<a class="site-subscribe__list-link" href="#">
Print Subscription <span>6 print issues</span>
</a>
</li>
<li class="site-subscribe__list-item">
<a class="site-subscribe__list-link" href="#">
Digital Subscription <span>6 print issues</span>
</a>
</li>
</ul>
</div>