<!DOCTYPE html>
<html lang="zxx">

<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>Carbon Blue</title>

    <!-- Google Fonts of Lato -->
    <link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i" rel="stylesheet">


    <!-- Linking Bootstrap.min.css -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">

    <!-- Linking slicknav.css Icon For Responsive Menu -->
    <link href="assets/css/slicknav.min.css" rel="stylesheet">

    <!-- Linking icofont.css Icon -->
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">

    <!-- Linking Custom.css -->
    <link href="style.css" rel="stylesheet">
    <link href="assets/css/responsive.css" rel="stylesheet">


    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

<body class="js" id="welcome">
    <!-- Window Preloader start -->
    <div class="loader">
        <div class="cssload-thecube">
            <div class="cssload-cube cssload-c1"></div>
            <div class="cssload-cube cssload-c2"></div>
            <div class="cssload-cube cssload-c4"></div>
            <div class="cssload-cube cssload-c3"></div>
        </div>
    </div>
    <!-- Window Preloader End -->

    <!-- =================================================================================
								Hero-Section Starts
        ================================================================================== -->
    <!--- Header Top area Start -->
    <!--- Header Top area End -->

    <!--- Header ToBottom area Start -->
    <div class="header-bottom-area">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-sm-2 ">
                    <div class="logo">
                           <a href="index.html"><img src='logo.png' style='height:60px;'></a>
                    </div>
                </div>
                <div class="col-md-9 col-sm-10">
                   <div class="slick-wrap">
                        <div class="main-menu-wrap">
                            <ul class="main-menu">
                                <li style='color:#043454;'><a href="index.html">Home</a></li>
                                <li><a href="about.html">About Us</a></li>
                                <!--<li><a href="blog.html">Blog</a>
                                    <ul class="drop-menu">
                                        <li><a href="blog.html">Blog</a></li>
                                        <li><a href="single-blog.html">Single Blog</a></li>
                                    </ul>
                                </li>-->
                                <li><a href="#">Services</a>
                                    <ul class="drop-menu">
                                        <li><a href="service-site-assessments.html">Site Assessments</a></li>
                                        <li><a href="service-project-management.html">Project Management</a></li>
										<li><a href="service-lighting-upgrades.html">Lighting Upgrades</a></li>
										<li><a href="service-metering.html">Metering and Verification</a></li>
										<li><a href="service-airconditioning-upgrades.html">Air-Conditioning Upgrades</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Case Studies</a>
                                    <ul class="drop-menu">
                                        <li><a href="elizabeth-st-sydney.html">60-70 Elizabeth St Sydney</a></li>
                                        <li><a href="channel-7.html">Channel 7</a></li>
                                        <li><a href="gilbarco.html">Gilbarco Head Office</a></li>
										<li><a href="enacon.html">Enacon Car Park </a></li>
										 <li><a href="hydro-majestic-hotel.html">Hydro Majestic Hotel</a></li>
                                    </ul>
                                </li>
                                 <!--<li><a href="#">Pages</a>
                                    <ul class="drop-menu">
                                        <li><a href="index.html">Home</a></li>
                                        <li><a href="shop.html">Shop</a></li>
                                        <li><a href="product-details.html">Product Details</a></li>
                                        <li><a href="cart.html">Cart</a></li>
                                        <li><a href="checkout.html">Checkout</a></li>
                                        <li><a href="thank-you.html">Thank YouS</a></li>
                                        <li><a href="error-404.html">404 Error</a></li>
                                        <li><a href="faq.html">FAQ</a></li>
                                    </ul>-->
                                </li>
                                <li><a href="contact.php">Contact</a></li>
								 <li><a href="request-assessment.php">Request Site Assessment</a></li>
								 <li><a href="sign-in.php"><div style='color:white; padding:5px;border-radius:3px;background-color:#52b4fe;'>Sign In</div></a></li>
                            </ul>
                        </div>
                    </div></div>
                </div>
            </div>
        </div>
    
    <!--- Header Bottom area End -->

    <!--- Hero area SStart -->
    <div style="background-image:url(assets/images/breadcroumb.jpg)" class="factory-breadcroumb-area">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>Quiz</h2>
                     
                </div>
            </div>
        </div>
    </div>
    <!--- Hero area End -->

    <!--- Google-Map area Start -->
    
    <!--- Google-Map area End -->

    <!--- Google-Map area Start -->
    <section class="contact-form-area">
        <div class="container">
            <div class="row">
                <div class="col-sm-8">
                    <div class="factory-contact-form" id='ll'>
                        <form action="submitExam.php" method="POST" id="ajax-contact">
                            <h2>Complete the Quiz Below</h2>
							
								<div style='color:green;margin-bottom:10px;display:<?php if ($_GET['rt'] == '1') echo ""; else echo "none"; ?>'>
							<p style='font-size:22px;margin-bottom:20px;'>Thank you - your quiz is submitted.</p>
							</div>
							
							
							<p>Once finished please press the submit button.</p>
						
							
							
							<br/>
                            <div class="row">
                                <div class="col-md-12">
                                    
										<b style='font-size:16px;'>Your Name</b><br/>
                                        <input  style='width:400px;'type="text" name="f1"  id="f1" required='required'>
                                     <br/>
                                
								
								<?php
								
								$con = mysql_connect('localhost', 'root', 'Boom95z') or die(mysql_error());
								mysql_select_db('cgg_web', $con);
								
								$result2 = mysql_query("select qid, textis from questions");
								while($row = mysql_fetch_array($result2))
								{	  
									$qid = $row['qid'];
									$textis = $row['textis'];
									
									echo "<b style='font-size:16px;'>" . $textis . "</b><div style='height:10px;'></div>";
									
									$result3 = mysql_query("select ans_bullet, textis from answers where qid=" . $qid);
									while($rowA = mysql_fetch_array($result3))
									{
										$ans_bullet = $rowA['ans_bullet'];
										$textisA = $rowA['textis'];
										
										echo "<input type='radio' required name='rd_" . $qid . "' value='" . $ans_bullet . "'> " . "(" . $ans_bullet  . ") " . $textisA  . "<br>";
										
									}
									echo "<div style='height:20px;'></div>";
								}
															
								
								
								mysql_close($con);
								?>
								</div>
								
											   
                                <div class="col-md-12">
                                   
                                    <p>
                                        <input value="Submit" type="submit" name="submit" id="submit"><img class="ajax-loader" src="#" alt="Sending ..." style="visibility: hidden;"></p>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-sm-4">
				<br/><br/><br/>
                    <a href='NSW_Energy_Savings_Scheme_(ESS)_Training_Final.pptx' target='blank'><span style='font-size:22px;'>Download our NSW Energy Savings Scheme Training Pack</span></a>
                </div>
            </div>
        </div>
    </section>
    <!--- Google-Map area End -->

    <!--- Footer area End -->
    <footer id="colophon" class="site-footer">
        
       <div class="site-info" style='background-color:#043454;'>
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                          <div class="footer-bottom-text" style='color:white; font-family:arial;font-size:8px;'>
                            <p ><small> &copy; 2017 Carbon Blue Pty Ltd &nbsp&nbsp&nbsp| <a target='blank' href="Carbon-Green-COC.pdf"><span style='color:white;'>Insurance Information</span></a></small></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- .site-info -->
    </footer>
    <!--- Footer area End -->

    <!-- jquery.min.js -->
    <script src="assets/js/jQuery.min.js"></script>

    <!-- bootstrap.min.js -->
    <script src="assets/js/bootstrap.min.js"></script>

    <!--  Slick Nav js for Responsive Menu -->
    <script src="assets/js/jquery.slicknav.min.js"></script>

    <!-- maps.googleapis.com/maps/api/js -->
    <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyD7CQl6fRhagGok6CzFGOOPne2X1u1spoA"></script>
    <script>
        function initialize() {
            var farmgate = {
                lat: -33.918054,
                lng: 151.157252
            };
            var mapProp = {
                center: new google.maps.LatLng(-33.918054,151.157252),
                zoom: 15,
                scrollwheel: false,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);

            var marker = new google.maps.Marker({
                position: farmgate,
                map: map,
                icon: 'assets/images/map-marker.png'
            });
        }
        google.maps.event.addDomListener(window, 'load', initialize);
    </script>

    <!-- jquery custom.js for document ready function and window load function -->
    <script src="assets/js/main.js"></script>

</body>

</html>
