<?php ?>
<div class="jumbotron">
	<div class="container">
		<div class="content">
			<h1>Together we can improve Eclipse</h1>
			<p>Eclipse is a great <a href="#">IDE and community</a>. We want to make it even better! <br>All money donated by Friends of Eclipse will go directly to funding <a href="#">Eclipse development</a>. </p>
		</div>
	</div>
</div>


<div class="accomplished">
	<header>
		<div class="container">
			<div class="row">
				<div class="col-md-24 content-container">
					<h2>What we’ve accomplished <strong>Together!</strong></h2>
				</div>
			</div>
		</div>
	</header>

	<div class="container">
		<div class="row">
			<div class="col-sm-8">
				<div class="row">
					<div class="col-sm-24">
						<img class="floatLeft" src="images/checkmark.jpg" alt="" />
						<p>1 Lorem Ipsum Dolor</p>
					</div>
					<div class="col-sm-24">
						<img class="floatLeft" src="images/checkmark.jpg" alt="" />
						<p>2 Lorem Ipsum Dolor</p>
					</div>
				</div>
			</div>
			<div class="col-sm-8">
				<div class="row">
					<div class="col-sm-24">
						<img class="floatLeft" src="images/checkmark.jpg" alt="" />
						<p>3 Lorem Ipsum Dolor</p>
					</div>
					<div class="col-sm-24">
						<img class="floatLeft" src="images/checkmark.jpg" alt="" />
						<p>4 Lorem Ipsum Dolor</p>
					</div>
				</div>
			</div>
			<div class="col-sm-8">
				<div class="row">
					<div class="col-sm-24">
						<img class="floatLeft" src="images/checkmark.jpg" alt="" />
						<p>5 Lorem Ipsum Dolor</p>
					</div>
					<div class="col-sm-24">
						<img class="floatLeft" src="images/checkmark.jpg" alt="" />
						<p>6 Lorem Ipsum Dolor</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="thankyou">
	<header>
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<h2><strong>Thank you</strong></h2>
				</div>
				<div class="col-md-12">
					<h2><strong><sup>$</sup>100 +</strong> Best Friends of Eclipse</h2>
				</div>
			</div>
		</div>
	</header>
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="row">
					<div class="col-md-24">
						<img class="floatLeft marginRight" src="images/logo-google.jpg" alt="Google">
						<img class="floatLeft marginRight" src="images/logo-novell.jpg" alt="Novell">
					</div>
				</div>
				<div class="row">
					<div class="col-md-24">
						<img class="floatLeft marginRight" src="images/logo-debeka.jpg" alt="Debeka">
						<img class="floatLeft marginRight" src="images/logo-deshaw.jpg" alt="DeShaw and Co">
					</div>
				</div>
				<div class="row">
					<div class="col-md-24">
						<img class="floatLeft marginRight" src="images/logo-ibm.jpg" alt="IBM">
						<img class="floatLeft marginRight" src="images/logo-oracle.jpg" alt="Oracle">
					</div>
				</div>
			</div> <!-- end of .col-md-12 -->

			<div class="col-md-12">
				<div class="row">
					<div class="col-sm-12">
						<div class="row">
							<div class="col-sm-8">
								<img src="images/pic-01.jpg" alt="Picture 01">
							</div>
							<div class="col-sm-16">
								<p><strong>Wilfredo Burnell</strong></p>
								<p><em>President</em></p>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-8">
								<img src="images/pic-01.jpg" alt="Picture 01">
							</div>
							<div class="col-sm-16">
								<p><strong>Wilfredo Burnell</strong></p>
								<p><em>President</em></p>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-8">
								<img src="images/pic-01.jpg" alt="Picture 01">
							</div>
							<div class="col-sm-16">
								<p><strong>Wilfredo Burnell</strong></p>
								<p><em>President</em></p>
							</div>
						</div>
					</div>
					<div class="col-sm-12">
						<div class="row">
							<div class="col-sm-8">
								<img src="images/pic-01.jpg" alt="Picture 01">
							</div>
							<div class="col-sm-16">
								<p><strong>Wilfredo Burnell</strong></p>
								<p><em>President</em></p>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-8">
								<img src="images/pic-01.jpg" alt="Picture 01">
							</div>
							<div class="col-sm-16">
								<p><strong>Wilfredo Burnell</strong></p>
								<p><em>President</em></p>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-8">
								<img src="images/pic-01.jpg" alt="Picture 01">
							</div>
							<div class="col-sm-16">
								<p><strong>Wilfredo Burnell</strong></p>
								<p><em>President</em></p>
							</div>
						</div>
					</div>
				</div>
			</div> <!-- end of .col-md-12 -->

		</div>
	</div>
</div><!-- end of .thankyou -->

<div class="friends">
	<header>
		<div class="container">
			<div class="row">
				<div class="col-md-24">
					<h2><strong><sup>$</sup>35 +</strong> Friends of Eclipse</h2>
				</div>
			</div>
		</div>
	</header>
	<div class="container">
		<div class="row">
			<div class="col-md-6 col-sm-12">
				<p>Wilfredo Burnell</p>
				<p>Mara Darby</p>
				<p>Elane Dossett</p>
				<p>Carina Painter</p>
				<p>Patsy Rundell</p>
				<p>Ema Bouknight</p>
				<p>Jeffrey Dyke</p>
				<p>Denna Lineman</p>
				<p>Mathilde Hersey</p>
			</div>
			<div class="col-md-6 col-sm-12">
				<p>Wilfredo Burnell</p>
				<p>Mara Darby</p>
				<p>Elane Dossett</p>
				<p>Carina Painter</p>
				<p>Patsy Rundell</p>
				<p>Ema Bouknight</p>
				<p>Jeffrey Dyke</p>
				<p>Denna Lineman</p>
				<p>Mathilde Hersey</p>
			</div>
			<div class="col-md-6 col-sm-12">
				<p>Wilfredo Burnell</p>
				<p>Mara Darby</p>
				<p>Elane Dossett</p>
				<p>Carina Painter</p>
				<p>Patsy Rundell</p>
				<p>Ema Bouknight</p>
				<p>Jeffrey Dyke</p>
				<p>Denna Lineman</p>
				<p>Mathilde Hersey</p>
			</div>
			<div class="col-md-6 col-sm-12">
				<p>Wilfredo Burnell</p>
				<p>Mara Darby</p>
				<p>Elane Dossett</p>
				<p>Carina Painter</p>
				<p>Patsy Rundell</p>
				<p>Ema Bouknight</p>
				<p>Jeffrey Dyke</p>
				<p>Denna Lineman</p>
				<p>Mathilde Hersey</p>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-6 col-sm-offset-8">
				<p class="alignCenter more"><a href="#">MORE <i class="fa fa-chevron-down"></i></a></p>
			</div>
		</div>
	</div>
</div>

<script>
	$(document).ready(function(){
		$('.slider-input').jRange({
		    from: 0,
		    to: 100,
		    step: 1,
		    scale: [0,25,50,75,100],
		    format: '%s',
		    width: 300,
		    showLabels: true
		});
	});
</script>