I'm modifying my Wordpress template to show an excerpt just below the header with some text, social sharing buttons and a image (kind of a biography).
I have almost all the code but the image doesn't appear. I guess is a pretty simple mistake and someone can help me easily.
Here's my code. Most of the code is copied and adapted to my own theme because I don't know pretty anything about web oriented lenguages like PHP or HTML.
<!-- BEGIN .sixteen columns -->
<div class="sixteen columns">
<!-- BEGIN .featured-page -->
<div class="featured-page">
<div itemscope itemtype="http://data-vocabulary.org/Person">
<!-- BEGIN .eleven columns -->
<div class="eleven columns">
**<div class="feature-img iphone-profile" style="background-image: url(http://www.example.png);"></div>**
<div class="article">
<h2 class="title">About me</h2>
<p>*Some text here*.</p>
</div>
<div class="home-social">
<div class="title">Follow Me</div>
<ul class="social-icons">
<li><a class="link-twitter" href="https://twitter.com" target="_blank"><span aria-hidden="true" class="organicon-twitter"></span></a></li>
<li><a class="link-linkedin" href="http://pl.linkedin.com/in/" target="_blank"><span aria-hidden="true" class="organicon-linkedin"></span></a></li>
<li><a class="link-google" href="http://plus.google.com/1" target="_blank"><span aria-hidden="true" class="organicon-googleplus"></span></a></li>
<li><a class="link-email" href="example" target="_blank"><span aria-hidden="true" class="organicon-envelop"></span></a></li>
</ul> </div>
<!-- END .eleven columns -->
</div>
<!-- BEGIN .five columns -->
<div class="five columns">
**<div class="feature-img desktop-profile" style="background-image: url(http://www.example.png);"></div>**
<!-- END .five columns -->
</div>
<span style="display: none;" itemprop="name">Example</span>
<span style="display: none;" itemprop="organization">Example</span>
<span style="display: none;" itemprop="role">Example</span>
<img style="display: none;" itemprop="image" src="http://example.png" />
</div>
<!-- END .featured-page -->
</div>
</div>
<!-- END .sixteen columns -->
The first thing you should try is deleting the style="display: none;" in your
<img style="display: none;" itemprop="image" src="http://example.png" />
It should look like:
<img itemprop="image" src="http://example.png" />
Related
I want to redirect the user to a particular section of an html page.
// javascript for owl
$(document).ready(function(){
$('.owl-two').owlCarousel({
loop:true,
margin:10,
nav:true,
autoplay:true,
responsive:{
0:{
items:1
},
600:{
items:2
},
1000:{
items:3
}
}
});
});
<!-- nav-->
<ul class="dropdown-menu">
<li>Hair</li>
<li>Nail</li>
<li>Wax</li>
</ul>
<!-- owl carousel in salon services page-->
<div id="nail" class="row" >
<br>
<br>
<h3 class="text-center">Our Nail Services</h3>
<br>
<!-- nail carousal-->
<div class="owl-two owl-carousel owl-theme">
<div class="item"><img src="images/n1.jpg" alt="Image" class=" img-thumbnail">
<h4 class="text-center">Manicure</h4>
</div>
<div class="item"><img src="images/n2.jpg" alt="Image" class=" img-thumbnail">
<h4 class="text-center">Pedicure</h4>
</div>
<div class="item"><img src="images/n3.jpg" alt="Image" class=" img-thumbnail">
<h4 class="text-center">Nail Painting and Design</h4>
</div>
<div class="item"><img src="images/n4.jpg" alt="Image" class=" img-thumbnail">
<h4 class="text-center">Nail Extensions</h4>
</div>
</div>
I want to redirect the user directly from nav dropdown to another page's div containing that content. The page to which I want to redirect has 3 owl carousels.
I have already tried the html id redirect. <a href="#id">, but it does not works completely. The page redirects briefly to the section but scrolls automatically to the top of the page.
I am using the owl carousel and think that owl javascript is the responsible factor for this as I have tested it with removing owl and it works, also the id redirect works fine when done from the same page (i.e.services page ).
I have 3 carousels 1.hair 2.nail 3.wax
Kindly help I want to keep owl and the section redirect function. Thanks.
.sec {
width: 100%;
height: 100vh;
background-color: #ccc;
margin-bottom: 12px;
}
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
</ul>
<div id="one" class="sec">
<h1>One</h1>
</div>
<div id="two" class="sec">
<h1>Two</h1>
</div>
<div id="three" class="sec">
<h1>Three</h1>
</div>
<div id="four" class="sec">
<h1>Four</h1>
</div>
I've created a file called menu.php to be my universal nav/menu file. The way it was created using bootstrap though, I have a div called article at the bottom which serves as the main body of the app, since the sidebar in my menu is expandable/responsive.
I really want to have one global menu file. I'm currently including it in all of my content pages like so:
<?php include("menu.php")?>
This works but it breaks my formatting. What I'm trying to do is make all of my main pages such as index.php have the html formatted so that it will always sit inside the tag in my code below which shows card classes.
<header>
<div class="branding">
<div class="menu-button menu-toggle nav">
<i class="material-icons">menu</i>
</div>
<img src="" />
</div>
<div class="page-details">
</div>
<div class="settings">
<div class="menu-button profile">
<i class="far fa-user-circle fa-2x"></i>
</div>
<div class="menu-button menu-toggle aside">
<i class="material-icons">chat</i>
</div>
</div>
</header>
<div class="app">
<nav>
<div class="title-block">
<img src="" />
</div>
<ul>
<li><a href="#"><i class="material-icons">home</i>
<span>Home</span></a></li>
</ul>
</nav>
<!--This following article section is the main body of the page, that I want each additional page to take up-->
<article>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
</article>
</div>
Example:
Menu.php is my global menu/nav file but it makes the page/app act as a wrapper for all the other pages (index.php, editor.php, etc.)
menu.php
<div class="app">
<nav>
Nav menu content
</nav>
<article>
This will be the main page article for index.php, editor.php,etc.
</article>
</div>
example with index.php (the start and end are just hypothetical to show the endpoints)
<body>
<?php include("menu.php");?>
<?php start('article') ?>
<!--Everything from here to the end() call would be inserted in the article tags on menu.php-->
<div class="app">
<div id="content">
<div>
<h1 style="text-align: center; color: #A9BD50; ">Content Management Editor</h1>
</div>
<form method="post">
<textarea id="mytextarea"></textarea>
</form>
<div>
<h1 style="text-align: center; color: #A9BD50; ">Preview</h1>
</div>
</div>
</div>
<?php end() ?>
</body>
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 ) :
I want to install php code with XAMPP. I created new database and called it s13. After that i have pasted my all codes to the folder s13.
this what I actually recieving error
Fatal error: Call to a member function __() on a non-object in C:\xampp\htdocs\s13\content\themes\default\templates_c\90f81337a2395d597b1b2483c3c3bf40f723241a.file.header.tpl.php on line 199
My config php code
<?php
define('DB_NAME', 's13')
;
define('DB_USER', 'root');
define('DB_PASSWORD', '');
define('DB_HOST', 'localhost');
define('DEBUGGING', true);
?>
and this what i actually recieving error code
<body page="{$page}" ub="{$userArray.Blocked}">
<!-- Common JS -->
<script>var SITE_URL = '{$SITE_URL}/';</script>
<script type="text/javascript" src="{$SITE_URL}/js/core.common.js"></script>
<!-- Common JS -->
{if $userExist}
<!-- Common [User Exist] JS -->
<script type="text/javascript" src="{$SITE_URL}/js/core.common.signedin.js"></script>
<script type="text/javascript" src="{$SITE_URL}/js/core.chat.js"></script>
<!-- Common [User Exist] JS -->
{if $userArray.Verified == "N"}
<!-- Verify Bar -->
<div class="verifyBarHolder">
<div class="verifyBar">
<div class="verifyBarContent">
<div class="right">
<span class="uiButtonText black resendEmail">{$translate->__("Resend Confirmation Email")}</span> · <span class="uiButtonText black changeEmail">{$translate->__("Change Email Address")}</span>
</div>
{$userArray.UserFirstName}, {$translate->__("go to")} <strong>{$userArray.UserEmail}</strong> {$translate->__("to complete the sign-up process")}.
</div>
</div>
</div>
<!-- Verify Bar -->
{/if}
<!-- Header -->
<div class="headerBarHolder">
<div class="headerBar {if $userArray.Verified == "N"}afterVerify{/if}">
<div class="header">
<!-- Logo -->
<div class="logo"><span>{$translate->__("Home")}</span></div>
<!-- Logo -->
<!-- Search -->
<div class="search">
<form id="searchForm" class="relative" action="{$SITE_URL}/search.php" method="get">
<span class="glass"><i></i></span>
<input class="uiInput searchInput" type="text" name="q" value="{$translate->__("Search")}" />
</form>
</div>
<!-- Search -->
<!-- Navigation -->
<div class="navigation">
<ul class="list">
<li class="item" title="{$translate->__("Home")}">
<a class="navApp homeIcon" href="{$SITE_URL}/home.php"></a>
</li>
<li class="item">
<div class="icon relative">
<div class="navApp profileIcon" id="profileIcon"></div>
<!-- Profile Menu -->
<div class="subMenu toRight navigationMenu">
<ul>
<li><a class="menuItem" href="{$SITE_URL}/{$userArray.UserName}">{$translate->__("Profile")}</a></li>
<li><a class="menuItem" href="{$SITE_URL}/settings/">{$translate->__("Settings")}</a></li>
</ul>
</div>
<!-- Profile Menu -->
</div>
</li>
<li class="item">
<div class="icon relative">
<div class="navApp messagesIcon" id="messagesIcon"><span class="counter hidden" id="msgCounter"></span></div>
<!-- Messages Menu -->
<div class="subMenu toRight navigationMenu">
<ul class="navMenu" id="liveMessages">
<li>
<div class="navMenuTitle">
<div class="right">
{$translate->__("See All")}
</div>
<strong>{$translate->__("Messages")}</strong>
</div>
</li>
</ul>
</div>
<!-- Messages Menu -->
</div>
</li>
<li class="item">
<div class="icon relative">
<div class="navApp notificationsIcon" id="notificationsIcon"><span class="counter hidden" id="notifiCounter"></span></div>
<!-- Notifications Menu -->
<div class="subMenu toRight navigationMenu">
<ul class="navMenu" id="liveNotifications">
<li>
<div class="navMenuTitle">
<div class="right">
{$translate->__("See All")}
</div>
<strong>{$translate->__("Notifications")}</strong>
</div>
</li>
</ul>
</div>
<!-- Notifications Menu -->
</div>
</li>
</ul>
</div>
<!-- Navigation -->
<!-- Sign Out -->
<div class="signOut">
<a class="navApp signoutIcon right" href="{$SITE_URL}/signout/" title="{$translate->__("Log Out")}"></a>
</div>
<!-- Sign Out -->
</div>
</div>
</div>
<!-- Header -->
{else}
<!-- Common [User Non-Exist] JS -->
<script type="text/javascript" src="{$SITE_URL}/js/core.common.unsignedin.js"></script>
<!-- Common [User Non-Exist] JS -->
<!-- Header -->
<div class="headerBarHolder userNonExist">
<div class="headerBar userNonExist">
<div class="header">
<!-- Logo -->
<div class="logo userNonExist"><span>{$translate->__("Home")}</span></div>
<!-- Logo -->
<!-- Search -->
<div class="search userNonExist">
<form id="searchForm" class="relative" action="{$SITE_URL}/search.php" method="get">
<span class="glass"><i></i></span>
<input class="uiInput searchInput" type="text" name="q" value="{$translate->__("Search")}" />
</form>
</div>
<!-- Search -->
{if $page != "signin"}
<!-- Sign In -->
<div class="signIn">
<div class="relative">
<span>{$translate->__("Have an account?")}<a class="signInBox ml5" href="{$SITE_URL}/signin/"><span>{$translate->__("Sign in")}</span></a></span>
<div id="signInMenu" class="signInMenu">
<form action="{$SITE_URL}/signin/" method="post">
<div class="inline mb10 pt10 pb10" style="width: 210px; border-bottom: 1px solid #333333;">
<div class="left pt5 mr10">
<span>{$translate->__("Sign in with")}</span>
</div>
<div class="left">
<a class="connect-facebook-vsmall" title="{$translate->__("Sign in with")} Facebook" href="{$SITE_URL}/connect/facebook/"></a> <a class="connect-twitter-vsmall" title="{$translate->__("Sign in with")} Twitter" href="{$SITE_URL}/connect/twitter/"></a>
</div>
</div>
<p class="mb10">
<label class="inputLabel" for="username_email">{$translate->__("Username or email")}:</label>
<input type="text" name="username_email" tabindex="1" />
</p>
<p class="mb10">
<label class="inputLabel" for="email">{$translate->__("Password")}:</label>
<input type="password" name="password" tabindex="2" />
</p>
<p class="mb10 pb10" style="border-bottom: 1px solid #333333;">
<input type="submit" name="submit" value="{$translate->__("Sign in")}" class="uiButton pr10 pl10" tabindex="4" />
<input type="checkbox" id="remember" name="remember" value="yes" tabindex="3"/>
<label for="remember">{$translate->__("Remember me")}</label>
</p>
<p class="mb5">{$translate->__("Forgot your password?")}</p>
<p>{$translate->__("Create a new account")}</p>
</form>
</div>
</div>
</div>
<!-- Sign In -->
{/if}
</div>
</div>
</div>
<!-- Header -->
{/if}
The error means, that at least one of variables assigned to Smarty is not an object for example maybe $translate is not an object. It is not connected directly to Database
Of course database has nothing in common with folders, so I have no idea why you wrote that you created database s13 and put all your data to s13 folder. Database and foldername where you have files on your server can be different.