<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>DailyAccas</title>
	<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="css/main.css">
</head>
<body>
	<div id="wrapper">
		<header id="header">
			<div class="container">
				<div class="row">
					<div class="col-xs-12">
						<strong class="logo"><a href="#"><img src="images/logo_DailyAccas.svg" alt="Daily Accas"></a></strong>
					</div>
				</div>
			</div>
		</header>
		<section class="page-header text-center">
			<div class="container">
				<div class="row">
					<div class="col-xs-12">
						<h1>Three new football<br> accas every day</h1>
					</div>
				</div>
			</div>
			<div class="bg-stretch">
				<img src="images/bg1.jpg" alt="image description">
			</div>
		</section>
		<main id="main">
			<section class="accumulator-info">
				<div class="container">
					<div class="row">
						<div class="col-xs-12">
							<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">
								<div class="carousel-inner" role="listbox">
									<div class="item active">
										<h2>SAFE ACCUMULATOR</h2>
										<ul class="list-unstyled">
											<li>
												<div class="titles-area pull-left">
													<strong class="title">SLBENFICA</strong>
													<strong class="title">MANCHESTER UNITED</strong>
												</div>
												<div class="descripion">
													<div class="descripion-box">
														<div class="descripion-frame">
															<strong class="price pull-right"><span class="sign">@</span>	2.50</strong>
															<span class="subtitle">Full Time<br> Result 1x2</span>
														</div>
													</div>
												</div>
											</li>
											<li>
												<div class="titles-area pull-left">
													<strong class="title">BAYERN MUNICH</strong>
													<strong class="title">AC MILAN</strong>
												</div>
												<div class="descripion">
													<div class="descripion-box">
														<div class="descripion-frame">
															<strong class="price pull-right"><span class="sign">@</span>	2.50</strong>
															<span class="subtitle">Under/Over<br> 2.5 goals</span>
														</div>
													</div>
												</div>
											</li>
											<li>
												<div class="titles-area pull-left">
													<strong class="title">JUVENTUSCF </strong>
													<strong class="title">REAL MADRID CF</strong>
												</div>
												<div class="descripion">
													<div class="descripion-box">
														<div class="descripion-frame">
															<strong class="price pull-right"><span class="sign">@</span>	2.50</strong>
															<span class="subtitle">Goals Correct<br> Score 3 - 5</span>
														</div>
													</div>
												</div>
											</li>
											<li class="total">
												<strong class="title pull-left">Total Odds</strong>
												<strong class="price pull-right">2.50</strong>
											</li>
										</ul>
										<div class="bet-info">
											<div class="bet-rate pull-left">
												<strong class="title">If you bet</strong>
												<div class="rate text-center">
													<label class="symbol" for="bet-rate">£</label>
													<div class="field-area"><input type="text" placeholder="15" class="form-control" id="bet-rate"></div>
												</div>
											</div>
											<div class="win-rate pull-right">
												<strong class="title">you win</strong>
												<div class="rate text-right">
													<label for="win-rate" class="symbol">£</label>
													<div class="field-area"><input type="text" class="form-control" placeholder="37,5" id="win-rate"></div>
												</div>
											</div>
										</div>
										<footer class="foot">
											<a href="#" class="btn btn-primary"><img src="images/TwitterLogo_white.png" alt="twitter"> Share</a>
											<a href="#" class="info pull-right">
												<strong class="title">Bet Now</strong>
												<strong class="logo"><img src="images/logo2.png" alt="bet365"></strong>
											</a>
										</footer>
									</div>
									<div class="item">
										<h2>SAFE ACCUMULATOR</h2>
										<ul class="list-unstyled">
											<li>
												<div class="titles-area pull-left">
													<strong class="title">SLBENFICA</strong>
													<strong class="title">MANCHESTER UNITED</strong>
												</div>
												<div class="descripion">
													<div class="descripion-box">
														<div class="descripion-frame">
															<strong class="price pull-right"><span class="sign">@</span>	2.50</strong>
															<span class="subtitle">Full Time<br> Result 1x2</span>
														</div>
													</div>
												</div>
											</li>
											<li>
												<div class="titles-area pull-left">
													<strong class="title">BAYERN MUNICH</strong>
													<strong class="title">AC MILAN</strong>
												</div>
												<div class="descripion">
													<div class="descripion-box">
														<div class="descripion-frame">
															<strong class="price pull-right"><span class="sign">@</span>	2.50</strong>
															<span class="subtitle">Under/Over<br> 2.5 goals</span>
														</div>
													</div>
												</div>
											</li>
											<li>
												<div class="titles-area pull-left">
													<strong class="title">JUVENTUSCF </strong>
													<strong class="title">REAL MADRID CF</strong>
												</div>
												<div class="descripion">
													<div class="descripion-box">
														<div class="descripion-frame">
															<strong class="price pull-right"><span class="sign">@</span>	2.50</strong>
															<span class="subtitle">Goals Correct<br> Score 3 - 5</span>
														</div>
													</div>
												</div>
											</li>
											<li class="total">
												<strong class="title pull-left">Total Odds</strong>
												<strong class="price pull-right">2.50</strong>
											</li>
										</ul>
										<div class="bet-info">
											<div class="bet-rate pull-left">
												<strong class="title">If you bet</strong>
												<div class="rate text-center">
													<label class="symbol" for="bet-rate2">£</label>
													<div class="field-area"><input type="text" placeholder="15" class="form-control" id="bet-rate2"></div>
												</div>
											</div>
											<div class="win-rate pull-right">
												<strong class="title">you win</strong>
												<div class="rate text-right">
													<label for="win-rate2" class="symbol">£</label>
													<div class="field-area"><input type="text" class="form-control" placeholder="37,5" id="win-rate2"></div>
												</div>
											</div>
										</div>
										<footer class="foot">
											<a href="#" class="btn btn-primary"><img src="images/TwitterLogo_white.png" alt="twitter"> Share</a>
											<a href="#" class="info pull-right">
												<strong class="title">Bet Now</strong>
												<strong class="logo"><img src="images/logo2.png" alt="bet365"></strong>
											</a>
										</footer>
									</div>
								</div>
								<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"><img src="images/back.png" alt="&nbsp;"> Special acca</a>
								<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">Risky acca <img src="images/forward.png" alt="&nbsp;"></a>
							</div>
						</div>
					</div>
				</div>
			</section>
			<form action="#" class="form-subscribe">
				<div class="container">
					<div class="row">
						<div class="col-xs-12">
							<h2><label for="email">Receive our 3 daily accas in your email</label></h2>
							<div class="field-holder">
								<input type="submit" class="btn btn-default" value="subscribe">
								<div class="field-area">
									<input type="email" id="email" class="form-control" placeholder="Enter your email">
								</div>
							</div>
						</div>
					</div>
				</div>
			</form>
			<article class="post">
				<div class="container">
					<div class="row">
						<div class="col-xs-12">
							<h1>About</h1>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
							<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariaturu. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.</p>
						</div>
					</div>
				</div>
			</article>
		</main>
		<footer id="footer" class="container text-center">
			<div class="row">
				<div class="col-xs-12">
					<p>&copy; Copyright <a href="#">DailyAccas.com</a> 2015.</p>
				</div>
			</div>
		</footer>
	</div>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
	<script>window.jQuery || document.write('<script src="js/jquery-1.11.2.min.js"><\/script>')</script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.main.js"></script>
	<script>
		if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
			var msViewportStyle = document.createElement('style')
			msViewportStyle.appendChild(
			document.createTextNode(
			  '@-ms-viewport{width:auto!important}'
			)
			)
			document.querySelector('head').appendChild(msViewportStyle)
		}
	</script>
</body>
</html>