Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!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">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>augres_quote</title>
        <link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
        <script src="https://code.jquery.com/jquery-3.2.1.min.js"   integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="   crossorigin="anonymous"></script>
        <!-- Bootstrap -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
    
        <!-- HTML5 shim and Respond.js for 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/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    
        <!-- font-awesome -->
        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
        <!-- google fonts -->
        <link href="https://fonts.googleapis.com/css?family=Gentium+Book+Basic" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
        
        <!--<link rel="stylesheet" href="3.2.0_bootstrap-theme.min.css" type="text/css">-->
        
        
        <!-- form validation-->
        <script type="text/javascript" src="bootstrapvalidator.min.js"></script>
        <script type="text/javascript" src="BS_form_validate.js"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/js/bootstrapvalidator.min.js"></script>
        <!-- local stylesheet -->
        <link rel="stylesheet" href="mat1.css" type="text/css">
        <link rel="stylesheet" type="text/css" media="print" href="print.css"/>
        <!-- Bootstrap Date-Picker Plugin -->
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
    </head>
    <body>
        <div class="container-fliud">
            <div class="row" id="top">
                <div class="col-large-6 col-md-6 ">
                    <h2 class="first text-center">Talk to a Travel Specialist today:</h2>
                </div>
                <div class="col-large-6 col-md-6 ">
                    <p class="lead text-center" id="call">810 - 686 - 3524 / 989 - 876 - 6102</p>
                </div>
            </div>
        </div>
        <div class="container-fluid page-seven" id="pg7">
            <nav class="navbar navbar-inverse static-top">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-nav" aria-expanded="false">
                            <span class="sr-only"></span>
                            <!-- Draws 3 bars in navbar button when in small mode -->
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span> 
                        </button>
                        <img id="MAT" src="http://res.cloudinary.com/dx1tairmq/image/upload/v1499127223/miles%20away%20travel/MAT_scaled.png" width="200" height="70" alt="miles away travel">
                    </div>
                    <div class="collapse navbar-collapse" id="top-nav">
                        <ul class=" nav navbar-nav pull-right">
                            <li><a href="home3_1.html">Home<span class="sr-only">(current)</span></a></li>
                            <li><a href="about.html">About Us </a></li>
                            <li class="dropdown">
                                <a data-toggle="dropdown" class="dropdown-toggle" href="services.html">Services<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="services.html">Cruises</a></li>
                                    <li class="divider"></li>
                                    <li><a href="services.html">Group Travel</a></li>
                                    <li class="divider"></li>
                  <li><a href="services.html">Sporting Events</a></li>
                  <li class="divider"></li>
                  <li><a href="services.html">Family Vacations</a></li>
                </ul>
                            </li>
                            <li class="dropdown">
                                <a data-toggle="dropdown" class="dropdown-toggle" href="cruise.html">Upcoming Trips<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="cruise.html">Vacations</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Shopping</a></li>
                                    <li class="divider"></li>
                  <li><a href="sports.html">Sporting Events</a></li>
                  <li class="divider"></li>
                  <li><a href="#">Family Vacations</a></li>
                </ul>
                            </li>
                            <li class="dropdown active">
                                <a data-toggle="dropdown" class="dropdown-toggle" href="#">Contact<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="Cliocontact.html">Clio</a></li>
                                    <li class="divider"></li>
                                    <li class="active"><a href="AuGrescontact.html">AuGres</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Social Media</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
            <div class="row no-margin">
                <div class="augres col-lg-8 col-md-8">
                    <script>
                        /*Current date script credit: 
                        JavaScript Kit (www.javascriptkit.com)
                        Over 200+ free scripts here!
                        */
                        
                        var mydate=new Date()
                        var year=mydate.getYear()
                        if (year < 1000)
                        year+=1900
                        var day=mydate.getDay()
                        var month=mydate.getMonth()
                        var daym=mydate.getDate()
                        if (daym<10)
                        daym="0"+daym
                        var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
                        var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
                        document.write("<big><font color='000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</b></font></big>")
                    </script>
                    <h2 id="locale" class="text-center">Augres Office</h2>
                </div>
            </div>
            <div class="row no-margin">
                <div class=" augres col-lg-8 col-md-8">
                    <p class="lead girls text-center">Denise Schutte</p>
                    <p class="girls text-center">
                        <mark>Associate - Travel Consultant</mark>
                    </p>
                </div>
            </div>
            <div class="row no-margin">
                <div class=" augres col-lg-8 col-md-8">
                    <p id="phone" class="contact lead ">
                    Phone: 989 - 876 - 6102
                    <br>
                    Fax:&nbsp;&nbsp;&nbsp;&nbsp; 989 - 876 - 1234
                    <br>
                    email: mat3524@hughes.net
                    <br>
                    1733 W. Bessinger Rd
                    <br>
                    Turner, MI 48765
                    </p>
                    <hr>
                </div>          
            </div>
            <div class="row no-margin">
                <div class="container-fliud">
                  <form class="form-horizontal" id="quoteform">
                        <legend>Request a Quote</legend>
                        <div class="row">
                            <div class="form-group">
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <label>First Name:</label>
                                    <span><i class="glyphicon glyphicon-user"></i></span>
                                    <input id="box1" name="first_name" class="form-control" type="text">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <label>Last Name:</label>
                                        <span><i class="glyphicon glyphicon-user"></i></span>
                                        <input id="box2" name="last_name" class="form-control" type="text">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group">
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <label>E-Mail:</label>
                                        <span><i class="glyphicon glyphicon-envelope"></i></span>
                                        <input id="box3" name="email" class="form-control" type="email">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <label>Phone #:</label>
                                        <span><i class="glyphicon glyphicon-earphone"></i></span>
                                        <input id="box4" name="phone" class="form-control" type="tel">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group">
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <label>Cell Phone #:</label>
                                        <span><i class="glyphicon glyphicon-earphone"></i></span>
                                        <input id="box5" name="cell_phone" class="form-control" type="tel"> 
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <label>Address:</label>
                                        <span><i class="glyphicon glyphicon-home"></i></span>
                                        <input id="box6" name="address" class="form-control" type="text">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group">
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <label>City:</label>
                                        <span><i class="glyphicon glyphicon-home"></i></span>
                                        <input id="box7" name="city" class="form-control" type="text">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <label>State:</label>
                                        <span><i class="glyphicon glyphicon-home"></i></span>
                                        <select id="box8" name="state" class="form-control">
                                            <option>Please select your state</option>
                                            <option>Alabama</option>
                                            <option>Alaska</option>
                                            <option>Arizona</option>
                                            <option>Arkansas</option>
                                            <option>California</option>
                                            <option>Colorado</option>
                                            <option>Connecticut</option>
                                            <option>Delaware</option>
                                            <option>District of Columbia</option>
                                            <option>Florida</option>
                                            <option>Georgia</option>
                                            <option>Hawaii</option>
                                            <option>Idaho</option>
                                            <option>Illinois</option>
                                            <option>Indiana</option>
                                            <option>Iowa</option>
                                            <option>Kansas</option>
                                            <option>Kentucky</option>
                                            <option>Louisiana</option>
                                            <option>Maine</option>
                                            <option>Maryland</option>
                                            <option>Mass</option>
                                            <option>Michigan</option>
                                            <option>Minnesota</option>
                                            <option>Mississippi</option>
                                            <option>Missouri</option>
                                            <option>Montana</option>
                                            <option>Nebraska</option>
                                            <option>Nevada</option>
                                            <option>New Hampshire</option>
                                            <option>New Jersey</option>
                                            <option>New Mexico</option>
                                            <option>New York</option>
                                            <option>North Carolina</option>
                                            <option>North Dakota</option>
                                            <option>Ohio</option>
                                            <option>Oklahoma</option>
                                            <option>Oregon</option>
                                            <option>Pennsylvania</option>
                                            <option>Rhode Island</option>
                                            <option>South Carolina</option>
                                            <option>South Dakota</option>
                                            <option>Tennessee</option>
                                            <option>Texas</option>
                                            <option>Utah</option>
                                            <option>Vermont</option>
                                            <option>Virginia</option>
                                            <option>Washington</option>
                                            <option>West Virginia</option>
                                            <option>Wisconsin</option>
                                            <option>Wyoming</option>
                                        </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group">
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <label>Zip Code:</label>
                                        <span><i class="glyphicon glyphicon-home"></i></span>
                                        <input id="box9" name="zip" class="form-control" type="text">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <label>Departure Date:</label>
                                        <span><i class="glyphicon glyphicon-calendar"></i></span>
                                        <input id="box10" name="Ddate" class="form-control" type="date">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group">
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <label>Return Date:</label>
                                            <span><i class="glyphicon glyphicon-calendar"></i></span>
                                            <input id="box11" name="Rdate" class="form-control" type="date">
                                    </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <label>How can we help you ?</label>
                                        <span><i class="glyphicon glyphicon-home"></i></span>
                                        <textarea class="form-control" id="box12" name="comment" placeholder="Travel Description"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-4 control-label"></label>
                                <div class="col-md-4">
                                    <button type="submit" class="btn btn-warning" >Send <span class="glyphicon glyphicon-send"></span></button>
                                </div>
                            </div>
                        </div>
                            
                    </form>
                </div><!-- end container -->
            </div><!-- end row no-margin-->
        </div><!-- end page7 -->
        <div id="footer" class="container-fluid">
            <div class="row text-center" id="social-icons-bottom">
                <br>
                <ul class="list-inline">
                    <li><a class="social_link_bottom" href="#"> 
                        <i class="fa fa-twitter"></i>&nbsp;twitter</a></li>
                    <li><a class="social_link_bottom" href="#">
                        <i class="fa fa-facebook"></i>&nbsp;facebook</a></li>
                </ul>
            </div>
                <hr class="style18">
                <h4 class="text-center" id="bottom"> <sup>&#169;</sup>&nbsp;Copyright&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<sup>&#174;</sup>&nbsp;Code&nbsp;<i class="icon-code"></i>&nbsp;Creations &nbsp;&nbsp;Web Development L.L.C. 2017</h4>
                <hr class="style18">
        </div>          
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
        
    </body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
Learning4Earningspro
0viewers