This is the hero for the browse page, and contains browse filter functionality.
Washington's best bet is to negotiate a withdrawal of its own forces, which would leave Russia to manage the costs of the seven-year-old Syrian war.
<section class="browse-hero">
<div class="browse-featured-img b-lazy" style="background-image: url('');" data-src-low="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==" data-src-medium="/fa_prototype/assets/images/responsiveimg/fpo-lead-story-1000.jpg|/fa_prototype/assets/images/responsiveimg/fpo-lead-story-orig.jpg" data-src="/fa_prototype/assets/images/responsiveimg/fpo-lead-story-orig.jpg">
<div class="container">
<div class="l-1up">
<p class="browse-breadcrumbs">
<a class="browse-breadcrumbs-item" href="#">Topics</a>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="31.1 937.9 612 398.1" enable-background="new 31.1 937.9 612 398.1" xml:space="preserve">
<g>
<polygon points="643.1,1244 629.3,1336.1 337.1,1043.9 44.9,1336.1 31.1,1244 337.1,937.9 "/>
</g>
</svg>
<a class="browse-breadcrumbs-item" href="#">U.S. Policy</a>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="31.1 937.9 612 398.1" enable-background="new 31.1 937.9 612 398.1" xml:space="preserve">
<g>
<polygon points="643.1,1244 629.3,1336.1 337.1,1043.9 44.9,1336.1 31.1,1244 337.1,937.9 "/>
</g>
</svg>
<a class="browse-breadcrumbs-item" href="#">Foreign Policy</a>
</p>
</div>
<div class="l-browse-hero-topic">
<h1 class="browse-hero__topic">Obama Administration</h1>
<div class="browse-hero-actions">
<a href="#"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="41.6 316.6 916.7 916.7" enable-background="new 41.6 316.6 916.7 916.7" xml:space="preserve">
<title>Facebook</title>
<path d="M805.6,1233.3H194.4c-84,0-152.8-68.8-152.8-152.8V469.4c0-84,68.7-152.8,152.8-152.8h611.1c84,0,152.8,68.8,152.8,152.8
v611.1C958.3,1164.6,889.6,1233.3,805.6,1233.3z M656.6,507.6C515.3,507.6,500,622.2,500,622.2v114.6h-76.4v114.6H500V1157h114.6
V851.4h106.9l15.3-114.6H614.6v-76.4c0-38.2,38.2-38.2,38.2-38.2h76.4l15.3-99.3C710.1,507.6,656.6,507.6,656.6,507.6z"/>
</svg>
</a>
<a href="#"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="49.1 417.8 883.5 714.4" enable-background="new 49.1 417.8 883.5 714.4" xml:space="preserve">
<title>Twitter</title>
<path d="M926.2,501.7c-31.1,15.5-65.2,24.8-102.5,27.9c37.3-21.7,65.2-59,77.6-99.4c-34.2,21.7-71.4,34.2-111.8,43.5
c-34.2-34.2-80.7-55.9-130.4-55.9c-99.4,0-177,80.7-177,180.1c0,15.5,3.1,27.9,3.1,40.4c-149.1-6.2-279.5-77.6-366.5-186.3
c-15.5,24.8-24.8,55.9-24.8,90.1c0,62.1,31.1,118,77.6,149.1c-31.1,0-52.8-9.3-83.8-21.7c0,0,0,0,0,3.1c0,87,62.1,161.5,146,177
c-15.5,3.1-31.1,3.1-46.6,3.1c-12.4,0-21.7,0-34.2-3.1C174.6,921,243,973.8,320.6,973.8c-62.1,49.7-136.6,77.6-220.5,77.6
c-15.5,0-27.9,0-43.5-3.1c77.6,52.8,173.9,83.9,273.3,83.9c329.2,0,506.2-273.3,506.2-512.4c0-6.2,0-15.5,0-21.7
C873.4,570,901.3,539,926.2,501.7z"/>
</svg>
</a>
<a href="#"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 453.6 1000 642.9" enable-background="new 0 453.6 1000 642.9" xml:space="preserve">
<path d="M964.3,453.6H35.7C14.3,453.6,0,467.9,0,489.3v571.4c0,21.4,14.3,35.7,35.7,35.7h928.6c21.4,0,35.7-14.3,35.7-35.7V489.3
C1000,467.9,985.7,453.6,964.3,453.6z M925,489.3l-400,400c-14.3,14.3-35.7,14.3-50,0l-400-400H925z M35.7,500l275,275l-275,275V500
z M75,1060.7L335.7,800L450,914.3c28.6,28.6,71.4,28.6,100,0L664.3,800L925,1060.7H75z M964.3,1050l-275-275l275-275V1050z"/>
</svg>
</a>
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.72 19.72"><title>RSS</title><path d="M19.57,19.57a1.06,1.06,0,0,1-.69.28H16.93a.9.9,0,0,1-.83-.83A16.17,16.17,0,0,0,1,3.87.9.9,0,0,1,.13,3V1.1C.13.82.26.68.4.4S.82.12,1.1.12h0A19.87,19.87,0,0,1,14,6a19.87,19.87,0,0,1,5.83,12.91C19.84,19.15,19.7,19.29,19.57,19.57Zm-7.08,0a1.06,1.06,0,0,1-.69.28H9.85A.9.9,0,0,1,9,19,8.9,8.9,0,0,0,1,11a.9.9,0,0,1-.83-.83V8.18A1.06,1.06,0,0,1,.4,7.48,1.05,1.05,0,0,1,1,7.21H1.1A13.06,13.06,0,0,1,9,10.82a12,12,0,0,1,3.61,7.92A1.5,1.5,0,0,1,12.48,19.57Zm-9.58.28A2.64,2.64,0,0,1,.26,17.21,2.73,2.73,0,0,1,2.9,14.57a2.73,2.73,0,0,1,2.64,2.64A2.73,2.73,0,0,1,2.9,19.84Z" transform="translate(-0.13 -0.12)"/></svg></a>
<a href="javascript:;" class="browse-scroll-down">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="31.1 741 937.8 610.1" enable-background="new 31.1 741 937.8 610.1" xml:space="preserve">
<g>
<polygon points="500,1351.1 31.1,882.1 52.3,741 500,1188.7 947.7,741 968.9,882.1 "/>
</g>
</svg>
</a>
</div>
</div>
<div class="browse-hero__topic-image">
REUTERS
</div>
</div>
</div>
<div class="browse-featured-articles">
<div class="container">
<div class="browse-featured-articles-pinned">
<div class="l-66-33--1 browse-featured-articles-pinned-img">
<!-- image is 750px wide at desktop resolution, max 600px on mobile -->
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==" class="b-lazy" data-src="/fa_prototype/assets/images/topic-business.jpg" alt="alt text here">
<div class="browse-hero__topic-image">
REUTERS
</div>
</div>
<div class="l-66-33--2">
<a class="browse-featured-articles-topic" href="#">Post-conflict Reconstruction</a>
<a href="article" class="browse-featured-articles-title">
<h2>A U.S. Containment Strategy for Syria</h2>
</a>
<p class="browse-featured-articles-desc">Washington's best bet is to negotiate a withdrawal of its own forces, which would leave Russia to manage the costs of the seven-year-old Syrian war.</p>
<p class="browse-featured-articles-author">Aaron Stein</p>
</div>
</div>
<h3 class="browse-featured-artciles-subhead">Most-Read Articles</h3>
<div class="browse-featured-articles-sub">
<ul class="browse-featured-articles-sub-list">
<li class="browse-featured-articles-sub-list-item">
<a class="browse-featured-articles-sub-topic" href="#">Post-conflict Reconstruction</a>
<a href="article" class="browse-featured-articles-sub-title">
<h4>Strategic Incoherence in Syria</h4>
</a>
<p class="browse-featured-articles-sub-author">Aaron Stein</p>
</li>
<li class="browse-featured-articles-sub-list-item">
<a class="browse-featured-articles-sub-topic" href="#">War & Military Strategy</a>
<a href="article" class="browse-featured-articles-sub-title">
<h4>How Silicon Valley Can Protect U.S. Democracy</h4>
</a>
<p class="browse-featured-articles-sub-author">Neil Hauer</p>
</li>
<li class="browse-featured-articles-sub-list-item">
<a class="browse-featured-articles-sub-topic" href="#">ISIS</a>
<a href="article" class="browse-featured-articles-sub-title">
<h4>How ISIS' Strategy is Evolving</h4>
</a>
<p class="browse-featured-articles-sub-author">Michael P. Dempsey</p>
</li>
</ul>
</div>
</div>
</div>
<div class="browse-timeline-container mobile-hidden">
<div class="container">
<div class="l-1up">
<section class="browse-timeline__widget">
<div class="sponsor">Timeline powered by Shell</div>
<h2 class="browse-timeline__header">Topic Timeline <span>Jump to a date or narrow the date range of articles</span></h2>
<div class="browse-timeline">
<ul>
<li class="bar num-of-articles-16">
<div class="needle__year">
1916
</div>
</li>
<li class="bar num-of-articles-17">
<div class="needle__year">
1917
</div>
</li>
<li class="bar num-of-articles-18">
<div class="needle__year">
1918
</div>
</li>
<li class="bar num-of-articles-19">
<div class="needle__year">
1919
</div>
</li>
<li class="bar num-of-articles-20">
<div class="needle__year">
1920
</div>
</li>
<li class="bar num-of-articles-21">
<div class="needle__year">
1921
</div>
</li>
<li class="bar num-of-articles-22">
<div class="needle__year">
1922
</div>
</li>
<li class="bar num-of-articles-23">
<div class="needle__year">
1923
</div>
</li>
<li class="bar num-of-articles-24">
<div class="needle__year">
1924
</div>
</li>
<li class="bar num-of-articles-25">
<div class="needle__year">
1925
</div>
</li>
<li class="bar num-of-articles-26">
<div class="needle__year">
1926
</div>
</li>
<li class="bar num-of-articles-27">
<div class="needle__year">
1927
</div>
</li>
<li class="bar num-of-articles-28">
<div class="needle__year">
1928
</div>
</li>
<li class="bar num-of-articles-29">
<div class="needle__year">
1929
</div>
</li>
<li class="bar num-of-articles-30">
<div class="needle__year">
1930
</div>
</li>
<li class="bar num-of-articles-31">
<div class="needle__year">
1931
</div>
</li>
<li class="bar num-of-articles-32">
<div class="needle__year">
1932
</div>
</li>
<li class="bar num-of-articles-33">
<div class="needle__year">
1933
</div>
</li>
<li class="bar num-of-articles-34">
<div class="needle__year">
1934
</div>
</li>
<li class="bar num-of-articles-35">
<div class="needle__year">
1935
</div>
</li>
<li class="bar num-of-articles-36">
<div class="needle__year">
1936
</div>
</li>
<li class="bar num-of-articles-37">
<div class="needle__year">
1937
</div>
</li>
<li class="bar num-of-articles-38">
<div class="needle__year">
1938
</div>
</li>
<li class="bar num-of-articles-39">
<div class="needle__year">
1939
</div>
</li>
<li class="bar num-of-articles-40">
<div class="needle__year">
1940
</div>
</li>
<li class="bar num-of-articles-41">
<div class="needle__year">
1941
</div>
</li>
<li class="bar num-of-articles-42">
<div class="needle__year">
1942
</div>
</li>
<li class="bar num-of-articles-43">
<div class="needle__year">
1943
</div>
</li>
<li class="bar num-of-articles-44">
<div class="needle__year">
1944
</div>
</li>
<li class="bar num-of-articles-45">
<div class="needle__year">
1945
</div>
</li>
<li class="bar num-of-articles-46">
<div class="needle__year">
1946
</div>
</li>
<li class="bar num-of-articles-47">
<div class="needle__year">
1947
</div>
</li>
<li class="bar num-of-articles-48">
<div class="needle__year">
1948
</div>
</li>
<li class="bar num-of-articles-49">
<div class="needle__year">
1949
</div>
</li>
<li class="bar num-of-articles-50">
<div class="needle__year">
1950
</div>
</li>
<li class="bar num-of-articles-51">
<div class="needle__year">
1951
</div>
</li>
<li class="bar num-of-articles-52">
<div class="needle__year">
1952
</div>
</li>
<li class="bar num-of-articles-53">
<div class="needle__year">
1953
</div>
</li>
<li class="bar num-of-articles-54">
<div class="needle__year">
1954
</div>
</li>
<li class="bar num-of-articles-55">
<div class="needle__year">
1955
</div>
</li>
<li class="bar num-of-articles-56">
<div class="needle__year">
1956
</div>
</li>
<li class="bar num-of-articles-57">
<div class="needle__year">
1957
</div>
</li>
<li class="bar num-of-articles-58">
<div class="needle__year">
1958
</div>
</li>
<li class="bar num-of-articles-59">
<div class="needle__year">
1959
</div>
</li>
<li class="bar num-of-articles-60">
<div class="needle__year">
1960
</div>
</li>
<li class="bar num-of-articles-61">
<div class="needle__year">
1961
</div>
</li>
<li class="bar num-of-articles-62">
<div class="needle__year">
1962
</div>
</li>
<li class="bar num-of-articles-63">
<div class="needle__year">
1963
</div>
</li>
<li class="bar num-of-articles-64">
<div class="needle__year">
1964
</div>
</li>
<li class="bar num-of-articles-65">
<div class="needle__year">
1965
</div>
</li>
<li class="bar num-of-articles-66">
<div class="needle__year">
1966
</div>
</li>
<li class="bar num-of-articles-67">
<div class="needle__year">
1967
</div>
</li>
<li class="bar num-of-articles-68">
<div class="needle__year">
1968
</div>
</li>
<li class="bar num-of-articles-69">
<div class="needle__year">
1969
</div>
</li>
<li class="bar num-of-articles-70">
<div class="needle__year">
1970
</div>
</li>
<li class="bar num-of-articles-71">
<div class="needle__year">
1971
</div>
</li>
<li class="bar num-of-articles-72">
<div class="needle__year">
1972
</div>
</li>
<li class="bar num-of-articles-73">
<div class="needle__year">
1973
</div>
</li>
<li class="bar num-of-articles-74">
<div class="needle__year">
1974
</div>
</li>
<li class="bar num-of-articles-75">
<div class="needle__year">
1975
</div>
</li>
<li class="bar num-of-articles-76">
<div class="needle__year">
1976
</div>
</li>
<li class="bar num-of-articles-77">
<div class="needle__year">
1977
</div>
</li>
<li class="bar num-of-articles-78">
<div class="needle__year">
1978
</div>
</li>
<li class="bar num-of-articles-79">
<div class="needle__year">
1979
</div>
</li>
<li class="bar num-of-articles-80">
<div class="needle__year">
1980
</div>
</li>
<li class="bar num-of-articles-81">
<div class="needle__year">
1981
</div>
</li>
<li class="bar num-of-articles-82">
<div class="needle__year">
1982
</div>
</li>
<li class="bar num-of-articles-83">
<div class="needle__year">
1983
</div>
</li>
<li class="bar num-of-articles-84">
<div class="needle__year">
1984
</div>
</li>
<li class="bar num-of-articles-85">
<div class="needle__year">
1985
</div>
</li>
<li class="bar num-of-articles-86">
<div class="needle__year">
1986
</div>
</li>
<li class="bar num-of-articles-87">
<div class="needle__year">
1987
</div>
</li>
<li class="bar num-of-articles-88">
<div class="needle__year">
1988
</div>
</li>
<li class="bar num-of-articles-89">
<div class="needle__year">
1989
</div>
</li>
<li class="bar num-of-articles-90">
<div class="needle__year">
1990
</div>
</li>
<li class="bar num-of-articles-91">
<div class="needle__year">
1991
</div>
</li>
<li class="bar num-of-articles-92">
<div class="needle__year">
1992
</div>
</li>
<li class="bar num-of-articles-93">
<div class="needle__year">
1993
</div>
</li>
<li class="bar num-of-articles-94">
<div class="needle__year">
1994
</div>
</li>
<li class="bar num-of-articles-95">
<div class="needle__year">
1995
</div>
</li>
<li class="bar num-of-articles-96">
<div class="needle__year">
1996
</div>
</li>
<li class="bar num-of-articles-97">
<div class="needle__year">
1997
</div>
</li>
<li class="bar num-of-articles-98">
<div class="needle__year">
1998
</div>
</li>
<li class="bar num-of-articles-99">
<div class="needle__year">
1999
</div>
</li>
<li class="bar num-of-articles-0">
<div class="needle__year">
2000
</div>
</li>
<li class="bar num-of-articles-1">
<div class="needle__year">
2001
</div>
</li>
<li class="bar num-of-articles-2">
<div class="needle__year">
2002
</div>
</li>
<li class="bar num-of-articles-3">
<div class="needle__year">
2003
</div>
</li>
<li class="bar num-of-articles-4">
<div class="needle__year">
2004
</div>
</li>
<li class="bar num-of-articles-5">
<div class="needle__year">
2005
</div>
</li>
<li class="bar num-of-articles-6">
<div class="needle__year">
2006
</div>
</li>
<li class="bar num-of-articles-7">
<div class="needle__year">
2007
</div>
</li>
<li class="bar num-of-articles-8">
<div class="needle__year">
2008
</div>
</li>
<li class="bar num-of-articles-9">
<div class="needle__year">
2009
</div>
</li>
<li class="bar num-of-articles-10">
<div class="needle__year">
2010
</div>
</li>
<li class="bar num-of-articles-11">
<div class="needle__year">
2011
</div>
</li>
<li class="bar num-of-articles-12">
<div class="needle__year">
2012
</div>
</li>
<li class="bar num-of-articles-13">
<div class="needle__year">
2013
</div>
</li>
<li class="bar num-of-articles-14">
<div class="needle__year">
2014
</div>
</li>
<li class="bar num-of-articles-15">
<div class="needle__year">
2015
</div>
</li>
</ul>
<div id="range-slider" class="timeline-range-slider"></div>
</div>
</section>
</div>
</div>
</div>
<div class="timeline-lower-bar"></div>
</section>