CA-Coastal.html

<div class="container">
	<div class="off-canvas-wrap" data-offcanvas="">
		<div class="inner-wrap">
			<section class="main-section">
				<!--[if lt IE 7]>
					<p class="browsehappy">
						You are using an <strong>outdated &amp; unsupported</strong> Web browser (Internet Explorer 7).
						Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience &amp; security.
					</p>
				<![endif]-->

				<!-- content -->
				<!-- ngView:  -->

	<div ng-view="" class="ng-scope">

		<div class="row fullWidth ng-scope">
			<div class="large-12 column dark-blue-background">
				<slick dots="false" autoplay="true" arrows="false" fade="true" infinite="true" responsive="true" speed="1000" autoplayspeed="8000" class="ng-isolate-scope slick-initialized slick-slider">
					<div class="slick-list draggable" tabindex="0">
						<div class="slick-track" style="opacity: 1; width: 5260px;">
							<div class="slick-slide" index="0" style="width: 1315px; position: relative; left: 0px; top: 0px; z-index: 800; opacity: 0;">
								<img src="http://www.coastal.ca.gov/images/hero-photos/wave.png" alt="2013 Photo Contest">
							</div>
							<div class="slick-slide" index="1" style="width: 1315px; position: relative; left: -1315px; top: 0px; z-index: 900; opacity: 0; transition: opacity 1000ms ease; -webkit-transition: opacity 1000ms ease;">
								<img src="http://www.coastal.ca.gov/images/hero-photos/octopus.png" alt="2013 Photo Contest">
							</div>
							<div class="slick-slide slick-active" index="2" style="width: 1315px; position: relative; left: -2630px; top: 0px; z-index: 1000; opacity: 1; transition: opacity 1000ms ease; -webkit-transition: opacity 1000ms ease;">
								<img src="http://www.coastal.ca.gov/images/hero-photos/catalina-sunset.png" alt="2013 Photo Contest">
							</div>
							<div class="slick-slide" index="3" style="width: 1315px; position: relative; left: -3945px; top: 0px; z-index: 800; opacity: 0;">
								<img src="http://www.coastal.ca.gov/images/hero-photos/beach1.png" alt="2013 Photo Contest">
							</div>
						</div>
					</div>
				</slick>
			</div> <!-- end .large-12 -->
		</div> <!-- end .row -->

		<div id="content-wrapper">
			<div class="row hero">
				<div class="small-12 columns">
					<h1>Highlights</h1>
				</div>

				<div class="medium-12 large-4 columns">
					<div class="card panel">
						<h3 class="text-center">Coastweeks</h3>

						<p>An annual celebration of our coastal &amp; water resources, beginning with our 30th California Coastal Cleanup Day &amp; running through October 12. More than 400 events are listed in the Coastweeks calendar, taking place in almost every county in California. Learn more.</p>
					</div>
				</div> <!-- end .large-4 -->

				<div class="medium-12 large-4 columns">
					<div class="card panel">
						<h3 class="text-center">Martins Beach Survey</h3>

						<p>The Commission is seeking to document possible historic rights of public access at Martins Beach in San Mateo County, CA. Press Release. To fill out the Prescriptive Rights Survey please click here. To see the background exhibits click here. To receive a survey form by mail, contact MartinsBeachPRS@coastal.ca.gov</p>
					</div>
				</div> <!-- end .large-4 -->

				<div class="medium-12 large-4 columns">
					<div class="card panel">
						<h3 class="text-center">WHALE TAIL<small>®</small> Grants</h3>

						<p>The WHALE TAIL® Grants Program distributes funds from sales of the WHALE TAIL® License Plate. The grants support programs that teach California's children and the general public to value and take action to improve the health of the state's marine and coastal resources. Learn more.</p>
					</div>
				</div> <!-- end .large-4 -->
			</div> <!-- end .row.hero -->


			<div class="row ng-scope">
				<div id="news" class="medium-9 columns">
					<h5>News</h5>

					<!-- REPEAT THIS -->
					<div class="row clearfix news-story">
						<div class="medium-5 columns">
							<img ng-src="http://ww3.hdnux.com/photos/31/46/57/6712294/13/628x471.jpg" src="http://ww3.hdnux.com/photos/31/46/57/6712294/13/628x471.jpg">

							<h4 class="white-text dark-blue-background ng-binding">Martins Beach reflects Californians' choice to protect coastal access</h4>

							<p class="white-text cyan-background ng-binding">SF Gate</p>
						</div>

						<div class="medium-7 columns">
							<p class="ng-binding">Martins Beach owner Vinod Khosla has made a series of wild charges against the California Coastal Commission, including coercion and unfair treatment. Khosla purchased a property near Half Moon Bay that has had a long and obvious use by the public. He then closed the road historically used by the public to access the beach. But under the Coastal Act of 1976, closing the road requires a development permit, and Khosla's failure to apply for one is a violation of the law ... <a>more</a></p>
						</div>
					</div><!-- END REPEAT -->
				</div>

				<div class="large-3 columns">
					<h5>October Meeting</h5>
				</div> <!-- end .large-3 -->
			</div> <!-- end .row -->
		</div> <!-- end #content-wrapper -->

	</div> <!-- end ng-view -->
	
			</section>

		</div> <!-- end .inner-wrap -->
	</div> <!-- end .off-canvas-wrap -->
</div> <!-- end #container -->