I am looking to scrape the HTML response for a Google SERP using Simple HTML Dom I need it split into Google Ads, Google Local Listings and normal SERPS the html is below;
Local SERP
<div style="padding-bottom:8px">
<div class="vsc vscl" data-extra="ludocid=14796923074808088664&lumarker=A" sig="zoG">
<div data-ved="0CDkQkgowAA">
<div data-ved="0CDoQkQowAA"> </div>
</div>
<!--m-->
<div class="g" style="padding-top:2px;line-height:18px">
<div style="width:318px;float:left">
<h3 class="r" style="line-height:normal"><a class="l" href="http://www.beaucare.co.uk/" onmousedown="return rwt(this,'','','','1','AFQjCNH2k6BS0xRb2CTmI-lrSbmEXI1F6Q','','0CDsQoAIwAA','','',event)">Beaucare <em>Dry Cleaners</em></a></h3>
<span><cite class="_Ed">www.beaucare.co.uk</cite></span><br>
<div style="display:inline-block;margin-right:5px"><span style="margin-right:5px" class="rtng">3.8</span><span class="star star-s"><span style="width:56px"></span></span></div>
<span style="white-space:nowrap">6 Google reviews</span></div>
<div style="margin-left:26px;width:22px;float:left"><span style="height:38px;padding:0;width:22px"><a class="l" style="border:none;display:block;overflow:hidden;height:30px;width:16px" href="https://maps.google.co.uk/maps?pws=1&num=100&igu=1&ip=0.0.0.0&safe=images&gl=uk&gll=53.41058,-2.97794&gws_rd=ssl&um=1&ie=UTF-8&q=dry+cleaners+twickenham&fb=1&hq=dry+cleaners&hnear=0x48760c93b240c7c3:0xe4a25f60c77e7ed1,Twickenham,+Greater+London&cid=14796923074808088664&sa=X&ei=4731U6_DFurV0QWM1IHoBw&ved=0CD8QrwswAA"><span class="lumi0 lupin" style="display:block;background:url(/images/mappins_grey.png) no-repeat;background-position:0 -35px;background-size:;height:30px;width:16px"></span></a></span></div>
<div style="width:146px;float:left;color:#808080;line-height:18px"><span>146 Heath Rd</span><br>
<span>Twickenham</span><br>
<nobr><span>020 8891 5797</span></nobr></div>
<!--n--></div>
</div>
</div>
Paid SERP
<li class="ads-ad" data-hveid="34">
<h3><a style="display:none" href="http://www.google.co.uk/aclk?sa=L&ai=C-QrY4731U4TTGYm4jAb3q4HwCsWV_qMF9can5boBtI6yLggAEAEoAlD06tiLAWC7vq6D0ArIAQGpAvwJat3my7s-qgQmT9CoSc8LXNEiEfFMf0izXjjIVgr6InoeWMZFZsdEobDCsi4h-PKAB72KqSaQBwGoB6a-Gw&sig=AOD64_2ShDv4EEWhKvQJU3p6FF4V1mqfyg&rct=j&q=&ved=0CCMQ0Qw&adurl=http://ducanerichmond.co.uk/" id="s0p1"></a><b>Dry Cleaning</b> Services - We <b>Dry Clean</b> all types of material‎</h3>
<div class="ads-visurl"><span class="ads-badge">Ad</span><cite>www.ducanerichmond.co.uk/</cite>‎
<div class="action-menu ab_ctl"><a class="_Su ab_button" href="#" id="am-b-1398152331" aria-label="Result details" aria-expanded="false" aria-haspopup="true" role="button" jsaction="ab.tdd;keydown:ab.hbke;keypress:ab.mskpe" data-ved="0CCQQ7B0"><span class="mn-dwn-arw"></span></a>
<div class="action-menu-panel ab_dropdown" role="menu" tabindex="-1" jsaction="keydown:ab.hdke;mouseover:ab.hdhne;mouseout:ab.hdhue" data-ved="0CCUQqR8">
<ul>
<li class="action-menu-item ab_dropdownitem" role="menuitem" data-type="why_this_ad">
<div class="action-menu-button" role="menuitem" tabindex="-1" jsaction="am.itemclk" data-ved="0CCYQgRM">Why this ad?</div>
</li>
</ul>
</div>
</div>
<span class="_ME">020 8332 1111</span></div>
<div class="ads-creative">Leather,Suede,Fur,Silk,& Upholstery</div>
<div class="_Fbb">
<div class="_WE"><span class="_YE"></span></div>
<div class="_WE">Westminster House, Kew Road, Richmond, Surrey‎</div>
</div>
</li>
Standard SERP
<li class="g"><!--m-->
<div class="rc" data-hveid="87">
<h3 class="r">Kings <em>Dry Cleaners</em>, <em>Twickenham</em> | Dry Cleaners - Yell</h3>
<div class="s">
<div>
<div class="f kv _UD" style="white-space:nowrap"><cite class="_Ed">www.yell.com/biz/kings-<b>dry</b>-<b>cleaners</b>-<b>twickenham</b>-4477896/</cite>
<div class="action-menu ab_ctl"><a class="_Su ab_button" href="#" id="am-b4" aria-label="Result details" aria-expanded="false" aria-haspopup="true" role="button" jsaction="ab.tdd;keydown:ab.hbke;keypress:ab.mskpe" data-ved="0CFkQ7B0wBA"><span class="mn-dwn-arw"></span></a>
<div class="action-menu-panel ab_dropdown" role="menu" tabindex="-1" jsaction="keydown:ab.hdke;mouseover:ab.hdhne;mouseout:ab.hdhue" data-ved="0CFoQqR8wBA">
<ul>
<li class="action-menu-item ab_dropdownitem" role="menuitem"><a class="fl" href="http://webcache.googleusercontent.com/search?q=cache:fKpsx3qZnjcJ:www.yell.com/biz/kings-dry-cleaners-twickenham-4477896/+&cd=5&hl=en&ct=clnk&gl=uk" onmousedown="return rwt(this,'','','','5','AFQjCNF_iMCDBEJfF9L_3mW57Z3Tqp0-xg','','0CFsQIDAE','','',event)">Cached</a></li>
<li class="action-menu-item ab_dropdownitem" role="menuitem"><a class="fl" href="/search?pws=1&igu=1&gl=GB&gll=53.41058,-2.97794&near=liverpool&q=related:www.yell.com/biz/kings-dry-cleaners-twickenham-4477896/+dry+cleaners+twickenham&tbo=1&sa=X&ei=4731U6_DFurV0QWM1IHoBw&ved=0CFwQHzAE">Similar</a></li>
</ul>
</div>
</div>
</div>
<div class="f slp"><span class="csb" style="display:inline-block;position:relative;top:1px;background:url(/images/nav_logo195.png) no-repeat -100px -260px;height:13px;width:65px"><span class="csb" style="background:url(/images/nav_logo195.png) no-repeat -100px -275px;height:13px;width:39px"></span></span> Rating: 3 - ‎2 votes</div>
<span class="st"><span class="f">22 Jul 2014 - </span>Find Kings <em>Dry Cleaners</em> in <em>Twickenham</em> on Yell. Get reviews, opening hours and directions .</span></div>
</div>
</div>
<!--n--></li>
I have tried using the following code
foreach($html->find('li .g') as $e) {
echo $e->innertext . '<br><br>';
}
But this does not show any results, I have also searched for ->find('h3 .r') but I still get no result.
Related
I have Bootstrap modal tabs and it is works fine without data loop. I am trying to fill tabs using data from db(fetch), but it is not working when i am changing tabs, how can call my required tab data on press to my tab? I know that I have problem with looping or maybe "active"- class of tabs. Here is my code. What is wrong?
<div class="row">
<div class="col">
<div class="row">
<div class="col-sm-4">
<h4 class="mb-4">Ölkələr</h4>
</div>
</div>
<div class="row">
<?php
$conn = connect_to_bd();
mysqli_set_charset($conn,"utf8");
$selectolke = mysqli_query($conn, "Select t.ID as tid,t.text_az as textaz, c.textid as textid, c.olkeflag as olkeflag, c.id as cid, c.country_az as country_az from countries c, text t where t.id = c.textid");
while($selectolkerow = mysqli_fetch_array($selectolke))
{
$textid = $selectolkerow["textid"];
$country_az = $selectolkerow["country_az"];
$olkeflag = $selectolkerow["olkeflag"];
$olkeid = $selectolkerow["cid"];
?>
<div class="col-lg-4">
<div class="tabs tabs-vertical tabs-left tabs-navigation">
<ul class="nav nav-tabs col-sm-3">
<li class="nav-item active">
<a class="nav-link" href="#tabsNavigation<?php echo $textid; ?>" data-toggle="tab"><img src="lib/png/<?php echo $olkeflag; ?>.png"> <?php echo $country_az; ?></a>
</li>
</ul>
</div>
</div>
<div class="col-lg-8">
<div class="tab-pane tab-pane-navigation active" id="tabsNavigation<?php echo $textid; ?>">
<h4><?php echo header_subname_olke_select_az($olkeid); ?></h4>
<p class="notworkingcss" style="color: #fff;font-family:Verdana, sans-serifsans-serif;text-shadow: black 1px 1px 2px;font-size: 1.2em;">
<?php echo text_olke_select_az($textid, $olkeid); ?>
</p>
<div class="row portfolio-list lightbox m-0" data-plugin-options="{'delegate': 'a.lightbox-portfolio', 'type': 'image', 'gallery': {'enabled': true}}">
<div class="col-12 col-sm-6 col-lg-3">
<div class="portfolio-item">
<span class="thumb-info thumb-info-lighten thumb-info-centered-icons">
<span class="thumb-info-wrapper">
<img src="img/products/yerli/1.jpg" class="img-fluid" alt="Et mehsullari">
<span class="thumb-info-action">
<a href="img/products/yerli/1.jpg" class="lightbox-portfolio">
<span class="thumb-info-action-icon thumb-info-action-icon-light"><i class="fa fa-search-plus"></i></span>
</a>
</span>
</span>
</span>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="portfolio-item">
<span class="thumb-info thumb-info-lighten thumb-info-centered-icons">
<span class="thumb-info-wrapper">
<img src="img/products/yerli/2.jpg" class="img-fluid" alt="Et mehsullari">
<span class="thumb-info-action">
<a href="img/products/yerli/2.jpg" class="lightbox-portfolio">
<span class="thumb-info-action-icon thumb-info-action-icon-light"><i class="fa fa-search-plus"></i></span>
</a>
</span>
</span>
</span>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="portfolio-item">
<span class="thumb-info thumb-info-lighten thumb-info-centered-icons">
<span class="thumb-info-wrapper">
<img src="img/products/yerli/3.jpg" class="img-fluid" alt="Et mehsullari">
<span class="thumb-info-action">
<a href="img/products/yerli/3.jpg" class="lightbox-portfolio">
<span class="thumb-info-action-icon thumb-info-action-icon-light"><i class="fa fa-search-plus"></i></span>
</a>
</span>
</span>
</span>
</div>
</div>
</div>
</div>
</div>
<?php
}
?>
</div>
</div>
</div>
I am trying to get the all links present inside the div tag.
I am able to get all the name but also wants to get the links also.
Sample Html:
<li id="u_1y_y" class="friendBrowserListUnit">
<div class="clearfix">
<a class="_8o _8t lfloat _ohe" aria-hidden="true" tabindex="-1" href="/profile.php?id=100004732455685&fref=pymk" role="presentation">
<div class="clearfix _42ef">
<div class="rfloat _ohf">
<div class="friendBrowserContentAlignMiddle">
<div class="friendBrowserNameTitle fsl fwb fcb">
Jeya Kumar
</div>
<div class="friendBrowserMarginTopMini"></div>
<div class="fsm fwn fcg">
</div>
</div>
</div>
</li>
<li id="u_1y_y" class="friendBrowserListUnit">
<div class="clearfix">
<a class="_8o _8t lfloat _ohe" aria-hidden="true" tabindex="-1" href="/profile.php?id=100004732455&fref=pymk" role="presentation">
<div class="clearfix _42ef">
<div class="rfloat _ohf">
<div class="friendBrowserContentAlignMiddle">
<div class="friendBrowserNameTitle fsl fwb fcb">
Aman Kumar
</div>
<div class="friendBrowserMarginTopMini"></div>
<div class="fsm fwn fcg">
</div>
</div>
</div>
</li>
What I tried:
$message = $crawler->filter('div.friendBrowserNameTitle.fsl.fwb.fcb');
foreach ($message as $key) {
echo $key->textContent . '<br>';
}
Output:
Jeya Kumar
Aman Kumar
But how to get the links:
/profile.php?id=100004732455685&hc_location=friend_browser&fref=pymk
/profile.php?id=100004732&hc_location=friend_browser&fref=pymk
When a user makes a request using Goutte, a Symfony\Component\DomCrawler instance is returned. The Crawler object provides the Crawler::links() utility method, providing all links within the given crawler object.
The Crawler::links() method will return an array of links found within.
$links = $crawler->links();
foreach ($links as $link) {
echo $link->getUri();
}
In an example category, the result products are listed using an unknown template. I have pagayo electronics theme as default.It uses a class called item-review and item-bottom for listing. they aren't in html code.
code is like this:
<ul class="products-grid">
<li class="item first">
<img src="http://magicfly.ir/media/catalog/product/cache/1/small_image/135x/9df78eab33525d08d6e5fb8d27136e95/1/3/13steps2.jpg" width="135" height="135" alt="13 Steps to Mentalism" />
<h2 class="product-name">13 Steps to Mentalism</h2>
<div class="ratings">
<span class="amount">1 نظر</span>
</div>
<div class="price-box">
<span class="regular-price" id="product-price-10">
<span class="price">30٬000 تومان</span> </span>
</div>
<div class="actions">
<p><button type="button" title="افزودن به سبد" class="button btn-cart" onclick="setLocationAjax('http://magicfly.ir/checkout/cart/add/uenc/aHR0cDovL21hZ2ljZmx5LmlyL21lbnRhbGlzbS5odG1s/product/10/form_key/Ql6smZ0IvKikUDgX/','10')"><span><span>افزودن به سبد</span></span></button></p>
<ul class="add-to-links">
<li>افزودن به لیست دلخواه</li>
<li><span class="separator">|</span> افزودن به مقایسه</li>
</ul>
while it should be like this (wrap with item-review and item-bottom classes):
<ul class="products-grid first odd">
<li class="item first">
<img src="http://demo.pagayo.com/media/catalog/product/cache/1/small_image/210x/9df78eab33525d08d6e5fb8d27136e95/a/p/apple-tv-1.jpg" alt="Apple TV" height="210" width="210">
<div class="item-review">
</div>
<div class="item-bottom">
<h2 class="product-name">Apple TV</h2>
<div class="price-box">
<span class="regular-price" id="product-price-9">
<span class="price">$99.00</span> </span>
</div>
<div class="actions">
<button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('http://demo.pagayo.com/pagayotheme001/checkout/cart/add/uenc/aHR0cDovL2RlbW8ucGFnYXlvLmNvbS9wYWdheW90aGVtZTAwMS9hY2Nlc3Nvcmllcy5odG1s/product/9/')"><span><span>Add to Cart</span></span></button>
</div>
</div>
</li>
<li class="item">
<img src="http://demo.pagayo.com/media/catalog/product/cache/1/small_image/210x/9df78eab33525d08d6e5fb8d27136e95/4/_/4.jpg" alt="Bose SoundDock Portable Digital Music System" height="210" width="210">
<div class="item-review">
<div class="ratings">
<div class="rating-box">
<div class="rating" style="width:97%"></div>
</div>
<span class="amount">2 Review(s)</span>
</div>
</div>
<div class="item-bottom">
<h2 class="product-name">Bose SoundDock Portable Digital Music System</h2>
<div class="price-box">
<span class="regular-price" id="product-price-22">
<span class="price">$399.95</span> </span>
</div>
<div class="actions">
<button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('http://demo.pagayo.com/pagayotheme001/checkout/cart/add/uenc/aHR0cDovL2RlbW8ucGFnYXlvLmNvbS9wYWdheW90aGVtZTAwMS9hY2Nlc3Nvcmllcy5odG1s/product/22/')"><span><span>Add to Cart</span></span></button>
</div>
</div>
</li>
<li class="item last">
<img src="http://demo.pagayo.com/media/catalog/product/cache/1/small_image/210x/9df78eab33525d08d6e5fb8d27136e95/1/_/1.jpg" alt="Bose SoundLink Bluetooth Mobile speaker II" height="210" width="210">
<div class="item-review">
</div>
<div class="item-bottom">
<h2 class="product-name">Bose SoundLink Bluetooth Mobile speaker II</h2>
<div class="price-box">
<span class="regular-price" id="product-price-21">
<span class="price">$349.95</span> </span>
</div>
<div class="actions">
<button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('http://demo.pagayo.com/pagayotheme001/checkout/cart/add/uenc/aHR0cDovL2RlbW8ucGFnYXlvLmNvbS9wYWdheW90aGVtZTAwMS9hY2Nlc3Nvcmllcy5odG1s/product/21/')"><span><span>Add to Cart</span></span></button>
</div>
</div>
</li>
</ul>
in
/app/design/frontend/default/pagayo-theme-001/template/catalog/product/list.phtml
it is correctly wrapped but it seems it uses another theme that doesn't wrap it.
I didn't specify custom template for category or any product.
The amazing thing here is I checked list.phtml of base template and copied pagayo list.phtml to base. Just nothing happened.
I want it to use the default theme I specified in configuration Or at least find the phtml file of this piece of code to edit and make it correct.
without seeing its had to infer solution. possibilities are:
1) There can be an issue of improperly selected Magento Package.
system->configuration->Design->Package
2) If you want to see which template using on Template Path hints
system->configuration-> Developer -> Debug -> Template Path Hints select to on
clear cache and refresh the page.
I'm trying create modal that is dynamic and pre fills with the details of the item that is clicked on. Here is my code:
HTML:
{foreach from=$flowers3 item=row}
{foreach from=$row item=item}
<div class="item col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="product">
<div class="image">
<div class="quickview">
<a alt="Quick View" class="btn btn-xs btn-quickview" data-target="#modal" data-toggle="modal"> View </a>
</div>
<a href="#">
<img class="item_thumb img-responsive" src="img/{$item.im}" alt="img">
</a>
</div>
<div class="description">
<h4 class="item_name">{$item.title}</h4>
<p class="item_price">
small
<input type="Radio" name="product" value="{$item.id}s" style="border:0;cursor:pointer;" />
<span style="font-weight: bold">${$item.ps|money:0}</span> | med
<input type="Radio" name="product" value="{$item.id}m" style="border:0;cursor:pointer;" />
<span style="font-weight: bold">${$item.pm|money:0}</span> | lg
<input type="Radio" name="product" value="{$item.id}l" style="border:0;cursor:pointer;" />
<span style="font-weight: bold">${$item.pl|money:0}</span>
</p>
</div>
<div class="action-control">
<a href="javascript:;" onClick="mySubmit()">
<span class="button-fill grey">
<i class="glyphicon glyphicon-shopping-cart">
</i> Add to cart </span>
</a>
</div>
</div>
</div>
{/foreach}
{/foreach}
Here's the PHP:
<?php
$GLOBALS['flowers']=getFlowers();
function &getFlowers(){
static $flowers;
if(!isset($flowers)){
$flowers=array(
'1'=>array('im'=>'store-a1.jpg','title'=>'CocoChanel','description'=>' Fashion fades.'),
'2'=>array('im'=>'store-a2.jpg','title'=>'The Royal Jewels','description'=>'Fit for any Queen.'),);}
$i=1;
foreach($flowers as $k=>&$v){
$v['id']=$k;
$v['num']=$i++;}
return $flowers;}
?>
And here's the modal:
<!--modal -->
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<button aria-hidden="true" data-dismiss="modal" class="close" type="button"> ×</button>
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
<!-- product Image -->
<div class="main-image col-lg-12 no-padding style3 modal-image">
<a class="product-largeimg-link" href="#">
<img src="img/{$item.imb}" class="img-responsive product-largeimg" alt="img">
</a>
</div>
<!--/image-->
</div>
</div>
<!--/ product Image-->
<div class="col-lg-7 col-md-7 col-sm-7 col-xs-12 modal-details no-padding">
<div class="modal-details-inner">
<h1 class="product-title">{$item.title}</h1>
<div class="details-description">
<p>{$item.description}</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!--/modal -->
When I add the modal within the {foreach} tags, it only fills with the information for one particular item (depending on where I place it. ex: it might be the first item, or if I place it between the {foreach from=$flowers3 item=row} it will be the last of the first row) but I can't get it to update every item on the particular "Quick View" that is clicked.
Thanks in advance for any help!!
Store the properties of the items in data-attributes of the item 's in your html:
<div class="item ..." ... data-title="Nice flower" data-price="€1,20" > ... </div>
Now use some javascript to update the modal. jQuery example:
$('.item').click(function(){
var el = $(this);
$('.modal .product-title').text(el.attr('data-title'));
// and the rest of the properties, then open the modal
});
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 ) :