<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Welcome to Code Safe</title>

<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i" rel="stylesheet">
<!-- Icon Fonts -->
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<!-- Bootstrap CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

<!-- Main CSS -->
<link href="css/code-safe.css" rel="stylesheet" type="text/css" />
<!-- bxSlider CSS file -->
<link href="css/jquery.bxslider.css" rel="stylesheet" />
<!-- Mobile CSS  -->
<link href="css/skeleton.css" rel="stylesheet" type="text/css" />

</head>

<body>
<div id="wrap">
    <div class="header">
        <div class="container">
            <div class="logo"><a href="index.html"><img src="images/logo.jpg" alt="" /></a></div>
            <div class="top-right">
                <div class="phone"><span>Call Us Now</span> <a href="tel:1300971669">1300971669</a></div>
                <div class="top_social">
                    <ul>
                        <li><a href="#" target="_blank"><img src="images/top-fb.png" width="45" height="45" alt="" /></a></li>
                        <li><a href="#" target="_blank"><img src="images/top-twitter.png" width="45" height="45" alt="" /></a></li>
                        <li><a href="#" target="_blank"><img src="images/top-linkedin.png" width="45" height="45" alt="" /></a></li>
                        <li><a href="#" target="_blank"><img src="images/top-youtube.png" width="45" height="45" alt="" /></a></li>
                        <li><a href="#" target="_blank"><img src="images/top-instagram.png" width="45" height="45" alt="" /></a></li>
                    </ul>
                </div>
                
            </div>
            
        </div>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12 pad_0">
        <div class="hero_sec" style="background-image:url(images/hero-pic.jpg);">
            <div class="container">
                <div class="col-xs-12 col-sm-6 col-md-6 pad_0">
                    <div class="left-form">
                        <h2>Complete the form to</h2>
                        <h1>get a quote</h1>
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Your Name">
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Your E-Mail">
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Phone">
                        </div>
                        <div class="form-group">
                            <textarea name="your-message" cols="40" rows="5" class="text-area" placeholder="Message"></textarea>
                        </div>
                        <div class="form-group">
                            <input type="submit" value="Submit" class="orng-btn">
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 pad_0">
                    <div class="right_cnt">
                        <h1>NO LIMIT</h1>
                        <h2>Car sound vision registered</h2>
                        <h1>Code Safe</h1>
                        <h2>Installer</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="middle">
        <div class="col-xs-12 col-sm-12 col-md-12 pad_0">
            <div class="welcome">
                <div class="container">
                    <p>NO LIMITcsv has become a registered <span>CODE SAFE</span> installer to bring a new generation keypad immobiliser to our local community for our Melbourne metropolitan area, here in Victoria, to safeguard our vehicles from theft.</p>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 pad_0">
            <div class="codesafe_box">
                <div class="title">For more information visit the CODE SAFE </div>
                <a href="#">Visit CODE SAFE Website</a>
            </div>
            <div class="camgrp_box">
                <div class="title">For your quote today call your nearest CAM group installer from the CAM group </div>
                <a href="#">Visit CAM Group Website</a>
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 pad_0">
            <div class="prod_sec">
                <div class="container">
                    <div class="left_pic"><img src="images/pro_pic.png" alt="" /></div>
                    <div class="prod_cnt">
                        <ul>
                            <li>4-6 digit combination code</li>
                            <li>Thousands of code combinations</li>
                            <li>Set your own code, or use factory settings</li>
                            <li>Manual arming</li>
                            <li>Automatic arming after 30 seconds when ignition is switched off </li>
                            <li>Unauthorised delay for 5 minutes if invalid code is enter 3 times</li>
                            <li>Quick to install by an authorised installer (please see our list of installers at www.cam.net.au)</li>
                            <li>Available with 1 and up to 4 cut of units, for increased security</li>
                        </ul>
                    </div>
              </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 pad_0">
            <div class="advantage_sec">
                <div class="left_clm">
                    <h1>CAM ADVANTAGE</h1>
                    <ul>
                        <li>NO LIMITcsv, is an approved CAR AUDIO MASTERS( CAM) group registered installer. Giving you a lifetime warranty on installations;</li>
                        <li>Ready to Upgrade car safe security systems with
CODE SAFE KEYPAD IMMOBILISERS.</li>
                    </ul>
                    <div class="btn_row"><a href="#">Install Your CODE SAFE Today</a></div>
                </div>
                <div class="right_clm"><img src="images/video-pic.jpg" alt="" /></div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 pad_0">
            <div class="map">
                <div class="contact_box">
                    <div class="logo"><img src="images/no-limit-logo.png" alt="" /></div>
                    <div class="contact">
                        <div class="address"><b>No Limitcsv</b><br /> 580 City Road South Melbourne Victoria, 3205 </div>
                        <div class="phone"><a href="tel:0396860023">03 9686 0023</a></div>
                        <div class="email"><a href="mailto:sales@nolimitcsv.com.au">sales@nolimitcsv.com.au</a></div>
                        <div class="web"><a href="http://www.nolimitcsv.com.au" target="_blank">www.nolimitcsv.com.au</a></div>
                    </div>
              </div>
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.1455806244867!2d144.95033864260435!3d-37.83347758456022!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad667fa78fb5219%3A0x43e3fc8443c93ebd!2sNo+Limit+Car+Sound+Vision!5e0!3m2!1sen!2sin!4v1520230504807" width="100%" height="100%" frameborder="0" style="border:0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="col-xs-12 col-sm-12 col-md-12 pad_0">
            <div class="container">
                <div class="copyright">&copy; 2017 CODE SAFE SOLUTIONS. All Rights Reserved</div>
                <div class="social">
                    <ul>
                        <li><a href="#" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                        <li><a href="#" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                        <li><a href="#" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                        <li><a href="#" target="_blank"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
                        <li><a href="#" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
bxSlider Javascript file 
<script src="js/jquery.bxslider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $('.bxslider').bxSlider();({
    auto: false,
    touchEnabled: false,
    oneToOneTouch: false
    });
});
</script>
</script>-->

</body>
</html>