<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Camy</title>
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="bootstrap.css" >
        <!-- Optional theme -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" >
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
		<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
        <link rel="stylesheet" href="form.css" >
        <script src="form.js"></script>
<style>		

input.option-input.checkbox {
    border-radius: 50%;
    float: left;
}
</style>
    </head>
<body style="font-family: 'Montserrat', sans-serif;">
        <div class="container">
	 <div class="row">
		 <div class="col-md-6 col-md-offset-3 col-sm-12 col-xs-12" style="font-size:70%">
		 <img  style="    width: 100%;" src="sale_a.jpg" />
		 		
		</div>
		</div>
				 <div class="row">
		 <div class="col-md-6 col-md-offset-3 col-sm-12 col-xs-12">
    <div class="genelsayacdiv">


        <div class="sayac">
            <strong> BİTİMİNE KALAN SÜRE</strong>
            <div class="defaultCountdown"></div>
        </div>
        <div class="kalanurun">
            <h1>KALAN STOK</h1>
            <strong>ÜRÜN</strong>
            <p id="quata">27</p>
        </div>
        </div>
		</div>
		</div>
			 <div class="row">
		 <div class="col-md-6 col-md-offset-3 col-sm-12 col-xs-12" style="font-size:70%">
		 <img  style="    width: 100%;" src="ss1.jpg" />
		 		
		</div>
		</div>
		
		</div>
            <!-- Form Started -->
            <div class="container form-top" style=" margin-bottom:50px;">
                <div class="row">
                    <div class="col-md-6 col-md-offset-3 col-sm-12 col-xs-12">
                     
					 
					 
					 form area		 
					 
					 
					 
					 
                    </div>
                </div>
            </div>
            <!-- Form Ended -->
        </div>
		<link href="../css/style1.css"   rel="stylesheet" type="text/css">
		<script type="text/javascript" src="../js/jquery.countdown.js"  ></script>
<script type="text/javascript" src="../js/star-rating.js"  ></script>
  

<script type="text/javascript">
		$(function () {
			$('.defaultCountdown').countdown({
			until: +699,
			format: 'YDHMS',
			layout:'<div id="labels">'+
            '<div id="hl" class="labs">SAAT</div>'+
            '<div id="ml" class="labs">DAKİKA</div>'+
            '<div id="sl" class="labs">SANİYE</div>'+
				'</div>'+
				'<div id="timer_over"></div>'+
					'</div>' +
					'<div id="timer">'+
            '<div id="vals">'+
            '<div id="h" class="numbs">{hnn}</div>'+
            '<div id="m" class="numbs">{mnn}</div>'+
            '<div id="s" class="numbs">{snn}</div>'+
            '</div>'
				});
		});

		</script>
    </body>
</html>