I have 3 files.
1.) The file for displaying it
<div id="tweet">
</div>
this is where it should be displayed.
2.)the php file that gets the data from the database
function ajaxGetTweets()
{
$stmtSelectTweets = $this->db->prepare('SELECT * FROM tweets');
$stmtSelectTweets->setFetchMode(PDO::FETCH_ASSOC);
$stmtSelectTweets->execute();
$data = $stmtSelectTweets->fetchAll();
print_r(json_encode($data));
}
this function return the result in json, i got the right format when i use print_r
3.) the js file for ajax
$( document ).ready(function() {
$.get("homescreen/ajaxGetTweets", function( o )
{
for(var i = 0; i < o.length; i++)
{
$("#tweet").append("<div>"+o[i].tweet+"</div>");
}
}, "json");
});
when leaving the "json" at the end of the $.get function i got a result in my div as undefined, when using "json", i got nothing.
in the console i got a warning like:
Synchronous XMLHttpRequest on the main thread is deprecated because of
its detrimental effects to the end user's experience. For more help,
check http://xhr.spec.whatwg.org/.
Output: <!DOCTYPE HTML>
<html>
<head>
<title>Twitter</title>
<link rel="stylesheet" href="http://localhost/mvc_tut/public/css/bootstrap.min.css">
<script type="text/javascript" src="http://localhost/mvc_tut/public/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://localhost/mvc_tut/public/js/bootstrap.min.js"></script>
</script>
</head>
<body>
<div id="header">
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<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="#">Brand</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">
<li>Startseite<span class="sr-only">(current)</span></li>
<li>Über uns</li>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
<div id="content">
ERROR
</div>
<div id="footer">
Footer
</div>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>Twitter</title>
<link rel="stylesheet" href="http://localhost/mvc_tut/public/css/bootstrap.min.css">
<script type="text/javascript" src="http://localhost/mvc_tut/public/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://localhost/mvc_tut/public/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://localhost/mvc_tut/views/homescreen/js/homescreen.js"></script>
</script>
</head>
<body>
<div id="header">
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</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">
<li>Home<span class="sr-only">(current)</span></li>
<li>Notifications</li>
<li>Messages</li>
</ul>
<a class="navbar-brand" href="#">Brand</a>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Search</button>
<button type="submit" class="btn btn-default">Tweet</button>
</form>
<form class="navbar-form" action="homescreen/logout" method="post">
<button type="submit" class="btn btn-default">Logout</button>
</form>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
<div id="content">
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<div class="row">
</div>
<div class="row">
</div>
</div>
<div class="col-md-4">
<form class="form-control" id="tweetInsert" action="http://localhost/mvc_tut/homescreen/ajaxInsertTweet" method="post">
<textarea name="tweetText" rows="3" cols="40"></textarea>
<button type="submit" name="submitTweet">Tweet</button>
</form>
<div class="row">
<div id="tweet">
</div>
</div>
</div>
<div class="col-md-4">
<div class="row">
</div>
<div class="row">
</div>
</div>
</div>
</div>
</div>
<div id="footer">
Footer
</div>
</body>
</html>
Let me rephrase it a little:
$.getJSON("homescreen/ajaxGetTweets", function(o) {
var h="";
for(var i=0; i<o.length; i++) h+="<div>"+o[i].tweet+"</div>";
$("#tweet").html(h);
});
This way it's better to understand and a lot faster (because you only write the content once, allowing the browser to render it only 1 time). But your version should also have worked; if it didn't, maybe we need to check out the structure of your JSON to see if that field really exists, etc.
If the returned JSON is not an array, for example, maybe you'll need a different for syntax to walk along it.
UPDATE
GrafiCode Studio was right! You should change the "print_r" to a plain "print" when you return the JSON. Didn't spot that one! He should get the points...
Related
I have some Error when queryin in Microsoft Access
I got error "Warning: odbc_exec(): SQL error: [Microsoft][ODBC Microsoft Access Driver] Syntax error (missing operator) in query expression 'CHECKTIME BETWEEN ts '2021-08-01'} AND ts '2021-08-30'}'., SQL state 37000 in SQLExecDirect in C:\laragon\www\mondelez-report-access\getLog.php on line 38
37000" when trying to insert Microsoft access.
this is my code in getLog.php
<?php
// setup database for your microsoft Access
// you can setup password in you microsoft Access
// this is a variable for your connection in odbc
// "zkConnection" is your ODBC Data Source Administrator
$conn = odbc_connect("zkConnection", "", "");
// create condition for testing conecction
if ($conn) {
// echo "<br>Connection Established</br>";
} else {
echo "Koneksi Gagal";
}
$from_date = $_REQUEST['from_date'];
$to_date = $_REQUEST['to_date'];
$query = "INSERT INTO TransactionLog (USERID, CHECKTIME, Name, lastname, CardNo, DEPTID, DEPTNAME, SUPDEPTID)
SELECT CHECKINOUT.USERID, CHECKINOUT.CHECKTIME, USERINFO.Name, USERINFO.lastname, USERINFO.CardNo, DEPARTMENTS.DEPTID, DEPARTMENTS.DEPTNAME, DEPARTMENTS.SUPDEPTID
FROM
(CHECKINOUT
LEFT JOIN USERINFO ON USERINFO.USERID = CHECKINOUT.USERID)
LEFT JOIN DEPARTMENTS ON DEPARTMENTS.DEPTID = USERINFO.DEFAULTDEPTID
WHERE CHECKTIME BETWEEN {ts '" . $from_date . "'} AND {ts '" . $to_date . "'} ";
$letsgo = odbc_exec($conn, $query);
if ($letsgo === false) {
die(print_r(odbc_error(), true));
}
header("location: logTransaction.php");
?>
and this is my view for progress getLog.php
<?php
// For starting Session in php
session_start();
// We check if user login or not
// Check with this syntax
if (isset($_SESSION['id'])) {
?>
<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Mondelez International</title>
<link rel="shortcut icon" href="../mondelez-report/assets/img/mondelez-logo.png" />
<!-- CSS Load Area -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.min.css" type="text/css" />
<!-- CSS Custom Load Area -->
<link rel="stylesheet" href="assets/css/mondelez.css" type="text/css" />
</head>
<body>
<?php
include 'database.php';
?>
<!-- Navigation Bar -->
<nav class="navbar navbar-default" style="background-color: var(--mondelez-white); border-color: var(--mondelez-primary);">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<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="index.php">
<img alt="Brand" src="../mondelez-report/assets/img/mondelez-logo.png" alt="logo" class="img img-responsive" style="width: 100px; height: 100px; margin-top: -40px;">
</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">
<li>Calculate Data</li>
<li>Transaction Log</li>
<li class="dropdown">
Reports <span class="caret"></span>
<ul class="dropdown-menu">
<li>Attendance Reports</li>
<li>Working Days Reports</li>
<li>Transaction Log Reports</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
admin<span class="caret"></span>
<ul class="dropdown-menu">
<li>Logout</li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!-- Navigation Bar End -->
<!-- Header -->
<div class="container">
<div class="row">
<div class="col-md-12">
<img class="mondelez-box-home-and-reports-container-image" src="../mondelez-report/assets/img/mondelez-logo.png" alt="logo" />
</div>
<div class="col-md-12">
<span class="mondelez-box-home-and-reports-container-text">Transaction Log</span>
</div>
</div>
</div>
<!-- Header End -->
<br />
<!-- Form Reports -->
<div class="container">
<div class="row">
<div class="col-md-12">
<form action="getLog.php" method="post" id="sample_form">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Period From : </label>
<input type="date" name="from_date" required="required" class="form-control">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Period To : </label>
<input type="date" name="to_date" required="required" class="form-control">
</div>
</div>
<div class="col-md-12">
<div class="form-actions">
<button type="submit" class="btn btn-primary" style="float: right;" name="submit">
<i class="fa fa-download" style="padding-right: 5px;"></i>
Get Log
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- Form Reports End -->
<!-- Footer -->
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="footer">
Powered by <a class="no-link" href="https://asiasekuriti.co.id/" target="_blank">PT Asia Sekuriti Indonesia.</a>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JS Load Area -->
<script src="assets/plugins/jquery/jquery.min.js"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- JS Custom Load Area -->
<script src="assets/js/mondelez.js"></script>
</body>
</html>
</DOCTYPE>
<?php
} else {
echo "Invalid Request";
}
?>
please help, I already try many tutorial for fix this issue but still not working
Date values in Access are not text, so your code should result in a finished expression like this:
WHERE CHECKTIME BETWEEN #2021/01/31# AND #2021/12/31#;
So what i'am trying to do is that I have a PHP page that gets the ID for some text stored in a database (Varchar) and I wish to display this content in my HTML page. So I can update the content in the database and the edit take effect across the site.
PHP:
$id = $_GET['id'];
// do some validation here to ensure id is safe
$link = mysql_connect("localhost", "root", "");
mysql_select_db("images");
$sql = "SELECT review FROM reviews WHERE id=$id";
$result = mysql_query("$sql");
$row = mysql_fetch_assoc($result);
mysql_close($link);
echo $row['review'];
I wish to display the content where is says "PHP content here"
HTML:
<div class="modal fade" id="albumModal1">
<div class="modal-dialog">
<div class="modal-content">
<!-- Top right close X -->
<div class="close-modal" data-dismiss="modal">
<span class="glyphicon glyphicon-remove"</span>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<p class="modalTitle">The Beatles: Abby Road</p>
<img src="beatles.jpg" class="img-responsive center-block albumImgGrey">
<!-- Album 1's Review -->
<div class="modalText">
<p>Content upon content upon more content
<p>upon more content</p>
Content upon content upon more content
<p>upon more content</p>
<div class="starcolor">
<span>★ ★ ★ ★ ★</span>
</div>
</p>
<!-- PHP content here....... -->
<!-- PHP content here....... -->
<!-- Bottom of the review links -->
<ul class="list-inline item-details">
<li>
Year of release: <strong>3000</strong>
</li>
<li>
Previous Album: <strong>Hippie tree</strong>
</li>
<li>
Following Album: <strong>Backup Plus++</strong>
</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Any help or advice would be greatly appreciated.
Add this code:
<?php echo $row['review'];?>
where you have PHP content here, ensure you include the PHP tags.
STOP USING THE MYSQL EXTENSION, A KITTEN AND TWO PUPPIES DIE ANYTIME YOU DO THIS
Learn pdo or mysqli instead.
You can put your database result in a php file and then Web server will parse that php code and generate the required output.
It should be like.
output.php
<?php
<div class="modal fade" id="albumModal1">
<div class="modal-dialog">
<div class="modal-content">
<!-- Top right close X -->
<div class="close-modal" data-dismiss="modal">
<span class="glyphicon glyphicon-remove"</span>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<p class="modalTitle">The Beatles: Abby Road</p>
<img src="beatles.jpg" class="img-responsive center-block albumImgGrey">
<!-- Album 1's Review -->
<div class="modalText">
<p>Content upon content upon more content
<p>upon more content</p>
Content upon content upon more content
<p>upon more content</p>
<div class="starcolor">
<span>★ ★ ★ ★ ★</span>
</div>
</p>
<!-- PHP content here....... -->
$id = $_GET['id'];
$link = mysql_connect("localhost", "root", "");
mysql_select_db("images");
$sql = "SELECT review FROM reviews WHERE id=$id";
$result = mysql_query("$sql");
$row = mysql_fetch_assoc($result);
mysql_close($link);
echo $row['review'];
<!-- PHP content here....... -->
<!-- Bottom of the review links -->
<ul class="list-inline item-details">
<li>
Year of release: <strong>3000</strong>
</li>
<li>
Previous Album: <strong>Hippie tree</strong>
</li>
<li>
Following Album: <strong>Backup Plus++</strong>
</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
?>
<div class="modal-dialog"> <div class="modal-content"> <!-- Top right close X --> <div class="close-modal" data-dismiss="modal"> <span class="glyphicon glyphicon-remove"</span> </div> <div class="container"> <div class="row"> <div class="col-lg-8 col-lg-offset-2"> <div class="modal-body"> <p class="modalTitle">The Beatles: Abby Road</p> <img src="beatles.jpg" class="img-responsive center-block albumImgGrey"> <!-- Album 1's Review --> <div class="modalText"> <p>Content upon content upon more content <p>upon more content</p> Content upon content upon more content <p>upon more content</p> <div class="starcolor"> <span>★ ★ ★ ★ ★</span> </div> </p> <!-- PHP content here....... --> <!-- PHP content
<?php echo $row['content']; ?>
here....... --> <!-- Bottom of the review links --> <ul class="list-inline item-details"> <li> Year of release: <strong>3000</strong> </li> <li> Previous Album: <strong>Hippie tree</strong> </li> <li> Following Album: <strong>Backup Plus++</strong> </li> </ul> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> </div> </div> </div>
Running PHP, Laravel and Selenium, using the Modelizer/Selenium package. I have a simple form (made with LaravelCollective) that has no hidden elements or fancy javascript.
The form and test code are posted below.
I get
1) can_search_by_city::testCanSearchByCity
Modelizer\Selenium\Exceptions\CannotFindElement: Cannot find element: Search by City isn't visible on the page
I've reviewed all the similar questions. Nothing that is not super-specific to another problem.
Here is my code and then my form...
$this->visit('/login')
->type($this->User->email, 'email')
->type('secret', 'password')
->press('Login')
->see('Searches')
->type('queensbury ny','address')
->type('100','distance')
->wait(20)
->click('Search by City')
->see('Glens Falls #81')
;
}
and then my form...
<!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> Welcome
- Elk RV Parking</title>
<!-- Fonts -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css" integrity="sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+" crossorigin="anonymous">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700">
<!-- Styles -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<style>
body {
font-family: 'Lato';
}
.fa-btn {
margin-right: 6px;
}
</style>
</head>
<body id="app-layout">
<nav class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<!-- Collapsed Hamburger -->
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navbar-collapse">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Branding Image -->
<a class="navbar-brand" href="http://localhost:8000">
Elk RV Parking
</a>
</div>
<div class="collapse navbar-collapse" id="app-navbar-collapse">
<!-- Left Side Of Navbar -->
<ul class="nav navbar-nav">
<li>Home</li>
</ul>
<!-- Right Side Of Navbar -->
<ul class="nav navbar-nav navbar-right">
<!-- Authentication Links -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
Ed Greenberg <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><i class="fa fa-btn fa-sign-out"></i>Logout</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="panel panel-default">
<div class="panel-heading">Welcome to Elk RV Parking</div>
<div class="panel-body">
<h1>Searches</h1>
<h2>by distance from a city or address</h2>
<form method="POST" action="http://localhost:8000/search/address" accept-charset="UTF-8" id="search-by-city"><input name="_token" type="hidden" value="CBphF66rzzk3MbYiNpLK2EsC1jxqVAt6XwRQA9vo">
<input name="_token" type="hidden" value="CBphF66rzzk3MbYiNpLK2EsC1jxqVAt6XwRQA9vo">
<div class="row">
<div class="col-md-8">Enter a city, state, a state, an address, anything that Google Maps would properly search</div>
<div class="col=md-4">Distance</div>
</div>
<div class="row">
<div class="col-md-8"><input size="50" name="address" type="text" value=""></div>
<div class="col=md-4"><input name="distance" type="text"></div>
</div>
<div>
<div><input type="submit" value="Search by City"></div>
</div>
</form>
<h2>byLodge Number</h2>
<form method="POST" action="http://localhost:8000/search/lodgenumber" accept-charset="UTF-8" id="search-by-lodge-number"><input name="_token" type="hidden" value="CBphF66rzzk3MbYiNpLK2EsC1jxqVAt6XwRQA9vo">
<input name="_token" type="hidden" value="CBphF66rzzk3MbYiNpLK2EsC1jxqVAt6XwRQA9vo">
<div class="row">
<div class="col-md-8">Enter a lodge number</div>
</div>
<div class="row">
<div class="col-md-8"><input size="10" name="lodge_number" type="text" value=""></div>
</div>
<div class="row">
<div class="col-md-8"><input type="submit" value="Search by Lodge Number"></div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- JavaScripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js" integrity="sha384-I6F5OKECLVtK/BL+8iSLDEHowSAfUo76ZL9+kGAgTRdiByINKJaqTPH/QVNS1VDb" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
</body>
</html>
My understanding is that Selenium looks for the element by it's value. In ths case, "Search by City". I don't see why it's not visible.
You may want to use press API to perform the required operation. As, based on the information available on Modelizer/Laravel-Selenium wiki, click looks for the name, id or text property of the anchor tag. Hence, you can try following:
$this->visit('/login')
->type($this->User->email, 'email')
->type('secret', 'password')
->press('Login')
->see('Searches')
->type('queensbury ny','address')
->type('100','distance')
->wait(20)
->press('Search by City')
->see('Glens Falls #81')
I don't know what wrong with my code but it wont display the position i want.
Here's the output:
Output of my code
And here's my code:
<!DOCTYPE html>
<html>
<head>
<title>Escapade Travel & Tours</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.css" rel="stylesheet">
<!--Google Fonts-->
<link href='http://fonts.googleapis.com/css?family=Duru+Sans|Actor' rel='stylesheet' type='text/css'>
<link href="css/bootshape.css" rel="stylesheet">
</head>
<body>
<!-- Navigation bar -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<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="Home.html"><span class="green">Escapade</span> Travel & Tours</a>
</div>
<nav role="navigation" class="collapse navbar-collapse navbar-right">
<ul class="navbar-nav nav">
<li class="active">Home
</li>
<li class="dropdown">
<a data-toggle="dropdown" href="#" class="dropdown-toggle">Destination <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>Boracay
</li>
<li class="active">Palawan
</li>
<li>Cebu
</li>
<li class="divider"></li>
<li>All Destinations
</li>
</ul>
</li>
<li>Special Offers
</li>
<li>Book Now!
</li>
<li>Contact Us
</li>
</ul>
</nav>
</div>
</div>
<!-- End Navigation bar -->
<!-- Content -->
<div class="container">
<div style="clear: both; height:40px;"></div>
<div style="clear: both; height:15px;"></div>
<div style="clear: both; height:15px;"></div>
<div id="cont_razd">
<div id="right">
<h1>Meet Us</h1>
<div style="height:15px;"></div>
<div class="box_us">
<div class="box_us_r">
<img src="img/fish_us1.gif"> Quezon City, Philippines</div>
<div style="clear: both; height:15px;"></div>
<p>
<img src="img/fish_us2.gif"> Telephone: 02-1234567</p>
<div style="clear: both; height:15px;">
<p> Cellphone: 0912-345-6789</p>
<div style="clear: both; height:15px;"></div>
</div>
</div>
<div class="box_us">
<div class="box_us_l"></div>
<div class="box_us_r">
<div class="box_us_r">
<div style="clear: both; height:15px;"></div>
<img src="img/fish_us3.gif" alt="" /> Email Add: escapadetravelandtours#yahoo.com</div>
</div>
</div>
<div class="box_us">
</div>
<div style="height:25px;"></div>
<b> <i> Book us now and get very good rates! :) </b>
</i>
<br/>
</div>
<div id="left">
<h1>Contact Us</h1>
<div style="clear: both; height:15px;"></div>
<?php echo "<form action=" " method="post ">
<b> Name: </b> <br>
<input type=text size=40 name="ContactName ">
<br> <br> <b> E-mail Address: </b> <br>
<input type=text size=40 name="ContactEmail ">
<br> <br> <b> Subject: </b> <br>
<input type=text size=40 name="ContactSubject ">
<br> <br> <b> Message: </b> <br>
<textarea cols=40 rows=5 input type=text size=150 name="ContactMessage "> </textarea>
<br> <br>
<input type="Submit " name="Send " value="Send ">
<input type="Reset " name="Reset " value="Reset ">" ?>
<div style="clear: both"></div>
</div>
</div>
</div>
<!-- End Content -->
<!-- Footer -->
<div class="footer text-center">
<p>© 2016. All Rights Reserved. Created by</p>
</div>
<!-- End Footer -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootshape.js"></script>
</body>
</html>
I want the meet us to be place in the right while the contact us is in the left but it wont place to where i indicate them.
I have put <div id="right"> in meets us and <div id="left"> in contact us.
I'm using notepad ++ here.
This is my expected output
Please help. Thanks!
Just add this css will make as per your expected result:
#left {
float: left;
}
#right {
float: right;
}
Working Fiddle
You can try below code:
<div class="clearfix">
<div class="col-lg-6 col-md-6 col-sm-6">
left
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
right
</div>
</div>
use bootstrap girds see example of bootstrap girds see here also
you could use
<div class="row">
<div class="col-lg-9">
Your Left content
</div>
<div class="col-lg-3">
Your right content
</div>
</div>
the easiest way, while you use Bootstrap..
You have included bootstrap anyway in your code.. So you can use the bootstrap class.
<div class="row>
<div class="col-lg-6 col-xs-12">
<!-- Put your contact Us div here -->
</div>
<div class="col-lg-6 col-xs-12">
<!-- Put your meet Us div here -->
</div>
</div>
div id = "right"
does not place your div to the right, it just gives it an id.
Enclose both the divs in a
div class = "row"
and then the child divs using column span.
Learn about the bootstrap grid system here:-
http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp
Put the "Contact Us" div before the "Meet Us" div. Then Apply float:left; to both the element. Try to avoid float:right; as much as possible.
Otherwise you can use use display:inline-block to both the divs. Will work just like float and on top of that you can even align them vertically.
I have created a bootstrap 3 website and it looks great except in some versions of Internet Explorer the grids overlap each other. The url is awseattle.com the html code looks like this:
<!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">
<meta name="description" content="AW Seattle provides luxury transportation services in the Greater Seattle-Tacoma & Airport area. We operate a full fleet of vehicles 24 hours a day, 7 days a week. (206) 412-9353">
<meta name="author" content="awseattle.com">
<meta name="keywords" content="seattle limo, limousine service, airport limo, cruise transfers, limo service" />
<META NAME="ROBOTS" CONTENT="INDEX, NOFOLLOW">
<title>AW Seattle</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/grayscale.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome-4.2.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<script src="js/DateTimePicker.js" type="text/javascript"></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>
<![endif]-->
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
<!-- Respond.js proxy on external server -->
<link href="http://externalcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<span class="light">AW</span> Seattle
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
</li>
<li>
<a class="page-scroll" href="#fleet">Fleet</a>
</li>
<li>
<a class="page-scroll" href="#services">Services</a>
</li>
<li>
<a class="page-scroll" href="#rates">Rates</a>
</li>
<li>
<a class="page-scroll" href="#reservations">Reservations</a>
</li>
<li>
<a class="page-scroll" href="#testimonials">Testimonials</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact Us</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Intro Header -->
<header class="intro">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div>
<br><br><br><br>
</div>
<div class="col-md-8">
<!---- Carosel --->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img width='500' height='250' src="img/towncar.jpg" alt="AW Seattle Town Car">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img width='500' height='250' src="img/seattle.jpg" alt="AW Seattle">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img width='500' height='250' src="img/chauffeur.jpg" alt="chauffeur">
<div class="carousel-caption">
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!---- End Carosel --->
<br>
<div class="panel panel-default">
<div class="panel-body">
<font color='gray'> We take pride in making every trip a memorable experience. We have been rated one of the best towncar and limousine companies in the Greater Puget Sound area. We have been based in the Seattle Metropolitan area since 2000 and have built our business one customer at a time.
<Br><br>
Our service and prices set us apart from other companies, which makes our company highly competitive. Our experienced drivers are knowledgeable about city streets and locations statewide, are courteous, personable, and confident. Our town cars are meticulously clean and well-maintained. You can relax in luxury as you are safely taken to your desired destination.</font>
</div>
</div>
</div>
<div class="col-md-4">
<br>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Account Log In</h3>
</div>
<div class="panel-body">
<form method="post" action="index.php">
<div class="input-group">
<input name="user" type="text" class="form-control" placeholder="User Name">
</div><Br>
<div class="input-group">
<input name="pass" type="text" class="form-control" placeholder="Password">
</div>
<Br>
<input type="submit" name="login" value="Log in">
</form>
</div>
</div>
<br>
<div class="panel panel-default">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Proud Transporter of</h3>
</div>
<div class="panel-body">
<img src="img/microsoft.png" alt="microsoft" style="width:150px;height:40px"><Br>
<img src="img/amazon.jpg" alt="amazon" style="width:150px;height:40px"><Br>
<img src="img/boeing.jpg" alt="boeing" style="width:150px;height:40px"><Br>
<img src="img/passportunlimited.jpg" alt="passport unlimited" style="width:150px;height:40px"><Br>
<img src="img/facebook.png" alt="facebook" style="width:150px;height:40px"><Br>
<img src="img/eddiebauer.jpg" alt="eddie bauer" style="width:150px;height:40px">
</div>
</div>
<div class="panel-body">
<a href='http://www.heathmanhotel.com/'>Hotel Reservations</a><br>
<a href='http://www.weather.com/weather/today/Seattle+WA+USWA0395?from=search_city'>Weather</a><br>
<a href='http://www.citysearch.com/guide/seattle-wa-metro'>Around Seattle</a><br>
</div>
</div>
</div>
<div class="col-md-8 col-md-offset-2">
<br><br><br><br>
</div>
</div>
</div>
</div>
</div>
</header>
<section id="fleet" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>OUR FLEET</h2>
<div class="row">
<div class="col-md-6">
<a class="thumbnail">
<img src="img/Fleet_TownCar.jpg" width="450" height="150" class="img-responsive" alt="Town Car">
Luxury Signature and L model Town Cars up to 4 passengers
</a>
</div>
<div class="col-md-6">
<a class="thumbnail">
<img src="img/Fleet_WhiteLimo.jpg" width="450" height="150" class="img-responsive" alt="White Limo">
Seats 8-10 passengers, Tinted windows, Privacy divider
</a>
</div>
<div class="col-md-6">
<a class="thumbnail">
<img src="img/Fleet_Suv.jpg" width="450" height="150" class="img-responsive" alt="SUV">
Seats up to 7 passengers, Climate controlled, Ample luggage room
</a>
</div>
<div class="col-md-6">
<a class="thumbnail">
<img src="img/Fleet_Van.jpg" width="450" height="150" class="img-responsive" alt="Van">
Seats up to 14 passengers, Ample leg room, Privacy dividers
</a>
</div>
<div class="col-md-6">
<a class="thumbnail">
<img src="img/Fleet_SuvLimo.jpg" width="450" height="150" class="img-responsive" alt="SUV Limo">
Seats up to 14 people, Rear luggage space, Sound system
</a>
</div>
<div class="col-md-6">
<a class="thumbnail">
<img src="img/Fleet_mkt.jpg" width="450" height="150" class="img-responsive" alt="MKT">
Seats 7 comfortably with lots of leg room and style in a Lincon MKT.
</a>
</div>
<div class="col-md-6">
<a class="thumbnail">
<img src="img/Fleet_partybus.jpg" width="450" height="150" class="img-responsive" alt="Party Bus">
<br>Seats up to 16 people
</a>
</div>
<div class="col-md-6">
<a class="thumbnail">
<img src="img/Fleet_Bus.jpg" width="450" height="150" class="img-responsive" alt="Bus">
Luxury Buses, Seats 39-54 people, Ample luggage room, TV/DVD
</a>
</div>
</div>
</div>
</div>
</section>
<section id="services" class="content-section text-center">
<div class="download-section">
<div class="container">
<div class="col-lg-8 col-lg-offset-2">
<h2>Services</h2>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">WEDDINGS, PROMS AND SPECIAL OCCASIONS</h3>
</div>
<div class="panel-body">
<div class="col-md-4">
<img src="img/wedding.jpg" alt="wedding" height="100%" width="100%">
</div>
<div class="col-md-8">
<font size="2" color="gray">On your special day everything must be perfect! Planning for a special occasion is very stressful, so let us take some of your stress away. Arrive and leave in style in one of our beautiful limousines. We guarantee that you will make it to all of your planned destinations on time and worry free. Let us help you make your special day the one to remember for years to come.</font>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">CITY TOURS</h3>
</div>
<div class="panel-body">
<div class="col-md-4">
<img src="img/city.jpg" alt="city" height="100%" width="100%">
</div>
<div class="col-md-8">
<font size="2" color="gray">Whether you are new to the Seattle area or have lived here your entire life and need to be reacquainted with our fair city, allow AW Seattle Towncar Service show you the splendor of the Pacific Northwest. Our drivers are well familiar with the area and will be able to provide a memorable experience for you and your family.</font>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">CORPORATE</h3>
</div>
<div class="panel-body">
<div class="col-md-4">
<img src="img/corprate.jpg" alt="corprate" height="100%" width="100%">
</div>
<div class="col-md-8">
<font size="2" color="gray">Take the worry out of your busy work day! Allow reliable and dependable drivers of AW Seattle Towncar Service take you to and from your business meetings in style and luxury. You will enjoy a smooth relaxing ride and arrive at your business meeting in a timely matter.</font>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">GROUND TRANSPORTATION SERVICE</h3>
</div>
<div class="panel-body">
<div class="col-md-4">
<img src="img/ground.jpg" alt="ground" height="100%" width="100%">
</div>
<div class="col-md-8">
<font size="2" color="gray">We began our business with ground transportation service and to this day continue to offer luxury and comfortable rides to and from the SeaTac Airport. Let go of all of your worries about traffic on the roads, rental cars or finding reliable parking for your vehicle. Allow our drivers to take you to the airport or home in style and on time.</font>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Service Agreement</h3>
</div>
<div class="panel-body" align="left">
<div class="col-md-12">
<font size="2" color="gray">
<ul>
<li>All round-trip reservations to be booked with return itinerary at the time of the initial booking </li>
<li>Reservations should include cell phone contact information ONLY; Home and office telephone numbers are irrelevant for coordinating pickups </li>
<li>When exiting baggage claim client to call dispatch # 206 412-9353 to inform from which exit door they can be met </li>
<li>Car seats for children are not provided but can be accommodated for drop-off at Sea-Tac and return will have the seats available for return to home at "one time charge" of $10.00 per seat </li>
<li>Trips between Midnight and 4:00 AM will result in a $10.00 surcharge </li>
<li>Stops en-route will result in an additional $10.00 service fee </li>
<li>Credit card information is kept on file ONLY if requested by the customer, otherwise client needs to present the card for payment to the driver each time </li>
<li>$10 charge to have a driver meet inside with sign at baggage claim </li>
<li>Reservations must be cancelled within 2 hours of pickup to avoid penalties </li>
<li>No-show reservations will result in full charge for the trip </li>
<li>Smoking is NOT permitted </li>
<li>Drinking alcohol is permitted; driver discretionary limits </li>
</ul>
</font>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="rates" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Rates</h2>
<br><br>
<table width='100%' align='center'>
<tr>
<td align='right'><font size='5'>Calculate your rate:</font></td>
<td width="5%"></td>
<td align='left'><div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
Event Type
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation"><a role="menuitem" tabindex="-1" onclick='$("#toFromModal").modal({keyboard: false})'>Transportation to or from Sea Tac Airport</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" onclick='$("#cityTourModal").modal({keyboard: false})'>City Tour</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" onclick='$("#specialEventsModal").modal({keyboard: false})'>Special Occasion</a></li>
</ul>
</div></td>
</table>
<div class="modal fade" id="cityTourModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel"><font color='black'>City Tours</font></h4>
</div>
<div class="modal-body"><font color='gray'>
Your Rate is estimated at: $65 / hour for town cars<br><br>
Rates vary based on events, vehicles, and people. Rates are subject to change.
</font></div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div class="modal fade" id="specialEventsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel"><font color='black'>Special Events</font></h4>
</div>
<div class="modal-body">
<font color='gray'>
Your Rate is estimated at: $65 / hour for town cars<br><br>
Rates vary based on events, vehicles, and people. Rates are subject to change.
</font>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div class="modal fade" id="toFromModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel"><font color='black'>To or From Sea Tac Airport</font></h4>
</div>
<div class="modal-body">
<select id='zip' name='zip' onchange="document.getElementById('ratediv').firstChild.nodeValue = this.options[this.selectedIndex].value">
<option value=''>Select A Pick Up / Drop Off Area</option>
<?php
// Create connection
$conn = new mysqli($dbhost, $dbuser, $dbpass, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "SELECT * FROM ziprates GROUP BY city";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// output data of each row
while($row = $result->fetch_assoc()) {
echo "<option value='$".$row['ratelow']." - $". $row['ratehigh']."'>". $row['city']."</option>";
}
} else {
echo "0 results";
}
$conn->close();
?>
</select>
<br><br>
<font color='gray'>
Your Rate is estimated at:<br>
<div id='ratediv'>
</div><br><br>
Rates are for one way travel. Round trip is double.<br>
Lowest price is based on closest location to Sea Tac Airport<br>
Rates vary based on events, vehicles, and people. Rates are subject to change.
</font>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<br><br><br><br><br><br><br><br>There is $65.00 per hour charge for city tours and any other occasion. <br>Downtown Seattle to/from Sea-Tac Airport flat rate of $55.00. <br><br><br><br>All rates may be subject to change.
</div>
</div>
</section>
<section id="reservations" class="content-section text-center">
<div class="download-section">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Reservations</h2>
<br>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Select a event type to make a reservation:</h3>
</div>
<div class="panel-body" align="center">
<a class="btn btn-default btn-lg" style='width: 310px;' onclick='$("#tofromModal").modal({keyboard: false})'><span class="network-name">TO / From Sea TAc Airport</span></a>
<br>
Custom Route</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="modal fade" id="tofromModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content" align="center">
<div class="modal-body">
To Sea Tac Airport</span><br>
From Sea Tac Airport</span><br>
Round Trip (Travel To Seattle)</span><br>
Round Trip (Travel From Seattle)</span><br>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<section id="testimonials" class="container content-section text-center">
<div class="row">
<h2>Testimonials</h2>
<div class="table-responsive">
<table width='200%'>
<tr>
<?php
// Create connection
$conn = new mysqli($dbhost, $dbuser, $dbpass, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "SELECT * FROM testimonials";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// output data of each row
while($row = $result->fetch_assoc()) {
echo "<td valign='top'>
<blockquote>
<p class='clients-words'>".$row['testimonial']."</p>
<span class='clients-name text-primary'>— ".$row['name']."</span>
</blockquote>
</td>";
}
} else {
echo "0 results";
}
$conn->close();
?>
</tr>
</table>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Contact Us</h2>
<p>Call Us: (206) 412-9353 </p>
<p>Email Us: info#awseattle.com
</p>
<ul class="list-inline banner-social-buttons">
<li>
<i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span>
</li>
<li>
<i class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span>
</li>
<li>
<i class="fa fa-google-plus fa-fw"></i> <span class="network-name">Google+</span>
</li>
</ul>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container text-center">
<p>Copyright © AW Seattle 2014</p>
</div>
</footer>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>
<!-- Custom Theme JavaScript -->
<script src="js/grayscale.js"></script>
</body>
</html>
Any advice is appreciated. Not sure what to do ) :