Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Bootstrap -->

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title> Home of Products Catalog</title>


        <!-- Bootstrap Core CSS -->
        <link href="http://local-wprods.com/static/bootstrap/modern-business/css/bootstrap.min.css" rel="stylesheet">

        <!-- Custom CSS -->
        <link href="http://local-wprods.com/static/bootstrap/modern-business/css/modern-business.css" rel="stylesheet">

        <!-- Custom Fonts -->
                <link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/font-awesome.min.css" />

        <script src="http://local-wprods.com/static/js/jquery/jquery-3.1.0.min.js"></script>
        <link rel="stylesheet" href="http://local-wprods.com/static/css/jquery-ui.min.css"/>
        <script src="http://local-wprods.com/static/js/jquery/jquery-ui-1.12.0.min.js"></script>

        <script type="text/javascript" src="http://local-wprods.com/static/bootstrap/modern-business/js/bootstrap.min.js"></script>

        <!-- 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.4.2/respond.min.js"></script>-->
        <!--<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/jquery.raty.css"></script>-->
        <![endif]-->


        <link rel="stylesheet" href="http://local-wprods.com/static/css/jquery.fancybox.css"/>
        <link rel="stylesheet" href="http://local-wprods.com/static/css/bootstrap-multiselect.css"/>


        <script type="text/javascript" src="http://local-wprods.com/static/js/jquery/jquery.fancybox.pack.js"></script>
        <script type="text/javascript" src="http://local-wprods.com/static/js/jquery/jquery.raty.js"></script>
        <script type="text/javascript" src="http://local-wprods.com/static/js/jquery/jquery-confirm.min.js"></script>
        <link rel="stylesheet" href="http://local-wprods.com/static/css/jquery-confirm.min.css"/>

        <link rel="stylesheet" href="http://local-wprods.com/static/bootstrap/modern-business/css/pickadate/classic.css"/>
        <link rel="stylesheet" href="http://local-wprods.com/static/bootstrap/modern-business/css/pickadate/classic.date.css"/>

        <script type="text/javascript" src="http://local-wprods.com/static/bootstrap/modern-business/js/picker.js"></script>
        <script type="text/javascript" src="http://local-wprods.com/static/bootstrap/modern-business/js/picker.date.js"></script>
        <script type="text/javascript" src="http://local-wprods.com/static/bootstrap/modern-business/js/picker.time.js"></script>
        <script type="text/javascript" src="http://local-wprods.com/static/js/bootstrap-multiselect.js"></script>


        <link rel="stylesheet"  href="http://local-wprods.com/static/css/modern-business/style.css"/>

                <link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_xs_320.css" media="only screen and (min-width: 320px) and (max-width: 479px) " />

                <link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_xs_480.css" media="only screen and (min-width: 480px)  and (max-width: 599px) " />

                <link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_xs_600.css" media="only screen and (min-width: 600px)  and (max-width: 767px) " />

                <link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_sm.css" media="only screen and (min-width: 768px)  and (max-width: 1023px) " />

                <link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_md.css" media="only screen and (min-width: 1024px) and (max-width: 1279px) " />

                <link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_lg.css" media="only screen and (min-width: 1280px)" />


                <script type="text/javascript" src="http://local-wprods.com/static/js/funcs.js"></script>
        <script type="text/javascript" src="http://local-wprods.com/static/js/modern-business/frontend_app.js"></script>

    <script type="text/javascript" language="JavaScript" src="http://local-wprods.com/static/js/jquery/jqBootstrapValidation.js"></script>


        </head>


<body>


    <!-- Navigation -->


<!-- Navigation -->
<script type="text/javascript">
    /*<![CDATA[*/

    function login() {
        $("#div_make_login_modal").modal({
            "backdrop": "static",
            "keyboard": true,
            "show": true
        });
    }

    function makeLogin() {
        var username= encodeURIComponent(  $("#username").val()  )
        var password= encodeURIComponent($("#password").val() )
        var href= "http://local-wprods.com/main/login/username/"+username+"/password/" + password
        jQuery.ajax({
            url: href,
            type: 'POST',
            data: { username : username, password : password, csrf_test_name : 'c9aeb103c282a0fcb2cfbd71a2ad1dc8' },
            dataType: 'json',
            success: function(result) {
//              alert( "result::"+var_dump(result) )
                if (result.ErrorCode != 0) {
                    alert( result.ErrorMessage )
                }
                if (result.ErrorCode == 0) {
                    location.reload();
                }
            }
        });

    }
    /*]]>*/
</script>

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="http://local-wprods.com/">Home</a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a href="about.html">About</a>
                </li>
                <li>
                    <a href="services.html">Services</a>
                </li>
                <li>
                    <a href="contact.html">Contact</a>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="portfolio-1-col.html">1 Column Portfolio</a>
                        </li>
                        <li>
                            <a href="portfolio-2-col.html">2 Column Portfolio</a>
                        </li>
                        <li>
                            <a href="portfolio-3-col.html">3 Column Portfolio</a>
                        </li>
                        <li>
                            <a href="portfolio-4-col.html">4 Column Portfolio</a>
                        </li>
                        <li>
                            <a href="portfolio-item.html">Single Portfolio Item</a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="blog-home-1.html">Blog Home 1</a>
                        </li>
                        <li>
                            <a href="blog-home-2.html">Blog Home 2</a>
                        </li>
                        <li>
                            <a href="blog-post.html">Blog Post</a>
                        </li>
                    </ul>
                </li>


                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Prices <b class="caret"></b></a>
                    <ul class="dropdown-menu">

                                                                                                    <li>
                            <a href="http://local-wprods.com/price_list">Price List</a>
                        </li>
                                                <li>
                            <a href="http://local-wprods.com/price_list/filter_in_stock/Y/filter_rating_from/1/filter_rating_till/5/filter_category_list/12/filter_products_per_page/50/sort_direction/asc/sort/sale_price">Thinkspads by sale price</a>
                        </li>
                                                                        <li>
                            <a href="http://local-wprods.com/price_list/filter_in_stock/Y/filter_rating_from/1/filter_rating_till/5/filter_category_list/14/filter_products_per_page/50/sort_direction/asc/sort/rating">Monitors by rating</a>
                        </li>
                                            </ul>
                </li>


                                <li >
                    <a class="a_link" onclick="javascript:login(); return false;"> Login </a>
                </li>
                <li >
                    <a href="register" > Register </a>
                </li>
                <li class="divider"></li>
                <li>
                    <small> <span class="visible-xs text-danger" style="display: inline;"><strong>xs<span class="text-danger" style="display: inline;">&nbsp;D</span></strong></span>
    <span class="visible-sm text-danger" style="display: inline;"><strong><span class="text-danger" style="display: inline;">&nbsp;D</span>sm</strong></span>
    <span class="visible-md text-danger" style="display: inline;"><strong>md<span class="text-danger" style="display: inline;">&nbsp;D</span></strong></span>
    <span class="visible-lg text-danger" style="display: inline;"><strong>lg<span class="text-danger" style="display: inline;">&nbsp;D</span></strong></span>
</small>
                </li>
                <li class="divider"></li>
                <li>
                    <small> <span id="span_device_width" style="display: inline; color: white; "></span>
    <img class="test-device" style="width: 52px; height: 32px;display: inline;">
</small>
                </li>

            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>

<div class="modal fade" id="div_make_login_modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

            <section class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                <div class="modal-title">Login</div>
            </section>

            <section class="modal-body">
                <form role="form" class="form-horizontal padding_md" >
                    <div class="row col-sm-offset-1-1 col-md-offset-2-2 col-md-offset-2-2 col-lg-offset-3-3">
                        <div class="form-group">
                            <label>Email</label>
                            <input type="email" class="form-control" id="username" name="username" placeholder="Email" value="">
                        </div>
                    </div>

                    <div class="row col-sm-offset-1-1 col-md-offset-2-2 col-lg-offset-3-3">
                        <div class="form-group">
                            <label for="name">Password</label>
                            <input type="password" class="form-control" id="password" name="password" placeholder="Password" >
                        </div>
                    </div>

                    <div class="row col-sm-offset-1-1 col-md-offset-2-2 col-lg-offset-3-3">
                        <div class="form-group">
                            <input type="checkbox" name="remember" id="remember" > Remember me
                        </div>
                    </div>
                </form>
            </section>

            <section class="modal-footer">
                <div class="btn-group  pull-right editor_btn_group " role="group" aria-label="group button">
                    <button type="button" id="saveImage" class="btn btn-primary" onclick="makeLogin(); return false; " role="button">Submit</button>
                    <button type="button" class="btn btn-cancel-action" data-dismiss="modal"  role="button">Cancel</button>
                </div>
            </section>

        </div>
    </div>
</div>


<!-- Header Carousel -->


    <div id="content">


    <script type="text/javascript">
        /*<![CDATA[*/

        jQuery(document).ready(function ($) {

//          $(function () { $("input,select,textarea").not( "[type=submit]" ) . jqBootstrapValidation( { sniffHtml: false }  ) } );


            $("input,textarea,select").jqBootstrapValidation(
                {
                    preventSubmit: true,
                    submitError: function($form, event, errors) {
                        // Here I do nothing, but you could do something like display
                        // the error messages to the user, log, etc.
                    },
                    submitSuccess: function($form, event) {
                        alert("OK");
                        event.preventDefault();
                    },
                    filter: function() {
                        return $(this).is(":visible");
                    }
                }
            );
            alert( "AFTER::"+var_dump(1) )
            $("#contact_us_name").focus();
        });

        function onSubmit() {
            var theForm = $("#form_contact_us");
            theForm.submit();
        }

        /*]]>*/
    </script>


    <div class="container">

        <!-- Page Heading/Breadcrumbs -->
        <h1 class="page-header">Contact Us
            <small>Contact Us at our site ans receive notifications about new products on our site</small>
        </h1>
        <div class="row">
                        <ol class="breadcrumb " id="div_breadcrumbs">
                            <li >
                                            <i class="fa fa-home"></i> <a href="http://local-wprods.com/" class="a_link">Home</a>
                                    </li>
                            <li   class="active" >
                                            <i class="fa fa-address-card-o"></i> Contact Us
                                    </li>
                    </ol>

        </div>
        <!-- /.row -->

        <!-- Content Row -->
        <div class="row">
            <!-- Map Column -->
            <div class="col-md-8">
                <!-- Embedded Google Map -->


                                    <div class="padding_md"><p>Contact Us at our site ans receive notifications about new products on our site</p><p> lorem  ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim  veniam, qui...</p></div>

                <iframe scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?hl=en&amp;ie=UTF8&amp;ll=22.345,31.234&amp;&amp;t=m&amp;z=4&amp;output=embed" width="100%" height="400px" frameborder="0"></iframe>
            </div>
            <!-- Contact Details Column -->
            <div class="col-md-4">
                <h3>Contact Details</h3>

                                <p>
                    Owner&amp;#039;s street 234, Some city, BD 2345<br>
                </p>

                                <p><i class="fa fa-phone"></i>
                    <abbr title="Phone">P</abbr>: 1234567890
                </p>

                                <p><i class="fa fa-envelope-o"></i>
                    <abbr title="Email">E</abbr>: <a href="mailto:owner_email@products_catalog.com">owner_email@products_catalog.com</a>
                </p>

                                <p>
                    <i class="fa fa-clock-o"></i>
                    <abbr title="Hours">H</abbr>: Monday - Friday: 9:00 AM to 19:00 PM
                </p>

                <ul class="list-unstyled list-inline list-social-icons">
                    <li>
                        <a href="#"><i class="fa fa-facebook-square fa-2x"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-linkedin-square fa-2x"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-twitter-square fa-2x"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-google-plus-square fa-2x"></i></a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- /.row -->

        <!-- Contact Form -->
        <!-- In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. -->
        <div class="row">
            <div class="col-md-8">
                <h3>Send us a Message</h3>
                                <form role="form" class="form-horizontal" action="http://local-wprods.com/article/contact_us" method="post" accept-charset="utf-8" id="form_contact_us" name="form_contact_us" enctype="multipart/form-data">

                    <div class="control-group form-group">
                        <div class="controls">
                            <label>Full Name:</label>
                            <input class="form-control" id="contact_us_name" name="contact_us_name" required data-validation-required-message="Please enter your name." aria-invalid="false" type="text">
                            <p class="help-block"></p>
                        </div>
                    </div>

                    <div class="control-group form-group">
                        <div class="controls">
                            <label>Phone Number:</label>
                            <input class="form-control" id="contact_us_phone" name="contact_us_phone" required data-validation-required-message="Please enter your phone number." type="tel">
                            <div class="help-block"></div>
                        </div>
                    </div>

                    <div class="control-group form-group">
                        <div class="controls">
                            <label>Email Address:</label>
                            <input class="form-control" id="contact_us_email" name="contact_us_email" required data-validation-required-message="Please enter your email address." type="email">
                            <div class="help-block"></div>
                        </div>
                    </div>

                    <div class="control-group form-group">
                        <div class="controls">
                            <label>Message:</label>
                            <textarea rows="10" cols="100" class="form-control" id="contact_us_message" name="contact_us_message" required data-validation-required-message="Please enter your message" maxlength="999" style="resize:none"></textarea>
                            <div class="help-block"></div>
                        </div>
                    </div>

                    <div id="success"></div>
                    <!-- For success/fail messages -->
                    <button type="submit" class="btn btn-primary">Send Message</button>

                </form>
            </div>

        </div>
        <!-- /.row -->

    </div>


</div>

                <!-- Footer -->
    <footer>

            <section class="text-center ">
                                <div class="col-sm-6 padding_sm">
                    <a href="http://local-wprods.com/article/faq">FAQ</a>
                </div>

                                    <div class="col-sm-6 padding_sm">
                        <a href="http://local-wprods.com/article/contact_us">Contact Us</a>
                    </div>


                                                                                                                                                                                                                                                                                                                                                                                                            </section>

            <div class="col-lg-12 text-center padding_sm">
                <p> Copyright © Products Catalog 2016 </p>
            </div>
    </footer>

<!-- /.container -->

<!-- jQuery -->

<!-- Bootstrap Core JavaScript -->

<!-- Script to Activate the Carousel -->
<script>
    $('.carousel').carousel({
        interval: 5000 //changes the speed
    })
</script>

</body>

</html>