File: /home/rtbrisc/public_ftp/incoming/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Briscoe</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
* {box-sizing:border-box}
body {font-family: montserrat,sans-serif;margin:0}
.mySlides {display:none}
/* Slideshow container */
.slideshow-container {
max-width: 100%;
position: relative;
margin: auto;
}
/* Next & previous buttons */
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
}
/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
}
/* Caption text */
.text {
color: black;
Background-color: white
font-size: 24px;
font-weight:20px;
padding: 12px 12px 8px 12px;
position: relative;
top:5px;
Bottom: 8px;
width: 25%;
text-align: left;
}
/* Number text (1/6 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
cursor:pointer;
height: 13px;
width: 13px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active, .dot:hover {
background-color: #717171;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.prev, .next,.text {font-size: 11px}
}
body {
font-family: Montserrat, sans-serif
line-height: 1.8;
color: blue
background-color: white;
}
h1 {
font-size: 24px;
text-align: center;
background-color: #01204e;
z-index: 9999;
color: white;
font-family: Montserrat, sans-serif
}
h2 {
font-size: 18px;
text-align: center;
color: #01204e;
font-family: Montserrat, sans-serif
}
h3 {
font-size: 14px;
line-height: 1.8 !important;
color: #01204e;
font-weight: 20;
margin-bottom: 10px;
text-align: justify;
background-color: lavenderblue;
font-family: Montserrat, sans-serif
}
h4 {
font-size: 14px;
line-height: 1.8 !important;
color: white;
font-weight: 20;
margin-bottom: 10px;
text-align: justify;
background-color: lavenderblue;
font-family: Montserrat, sans-serif
}
.jumbotron {
background-color: white;
color: #fff;
padding: 100px 25px;
font-family: Montserrat, sans-serif;
}
.container-fluid {
padding: 60px 50px;
color: white;
font-weight: 20;
margin-bottom: 10px;
text-align: justify;
background-color: lavenderblue;
font-family: Montserrat, sans-serif
}
.bg-grey {
color: white;
background-color: #01204e;
}
.logo-small {
color: #f4511e;
font-size: 50px;
}
.logo {
color: #f4511e;
font-size: 1px;
}
.thumbnail {
padding: -20px -20px -20px -20px;
border: 1px;
border-radius: 0;
color: #01204e;
background-color:white;
}
.thumbnail img {
width: 25%;
height: 10%;
margin-bottom: 5px;
}
.carousel-control.right, .carousel-control.left {
background-image: none;
color: #f4511e;
}
.carousel-indicators li {
border-color: #f4511e;
}
.carousel-indicators li.active {
background-color: #f4511e;
}
.item h4 {
font-size: 19px;
line-height: 1.375em;
font-weight: 400;
font-style: italic;
margin: 70px 0;
}
.item span {
font-style: normal;
}
.panel {
border: 1px solid #f4511e;
border-radius:0 !important;
transition: box-shadow 0.5s;
}
.panel:hover {
box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
.panel-footer .btn:hover {
border: 1px solid #f4511e;
background-color: #fff !important;
color: #f4511e;
}
.panel-heading {
color: white !important;
background-color: blue !important;
padding: 70px;
border-bottom: 1px solid transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.panel-footer {
background-color: white !important;
}
.panel-footer h3 {
font-size: 32px;
}
.panel-footer h4 {
color: #aaa;
font-size: 14px;
}
.panel-footer .btn {
margin: 15px 0;
background-color: #f4511e;
color: #fff;
}
.navbar {
margin-bottom: 0;
color: white !important;
background-color: #01204e;
z-index: 9999;
border: 0;
font-size: 12px !important;
line-height: 1.42857143 !important;
letter-spacing: 4px;
border-radius: 0;
font-family: Montserrat, sans-serif;
}
}
footer .glyphicon {
font-size: 20px;
margin-bottom: 5px;
color: #f4511e;
}
.slideanim {visibility:hidden;}
.slide {
animation-name: slide;
-webkit-animation-name: slide;
animation-duration: 1s;
-webkit-animation-duration: 1s;
visibility: visible;
}
@keyframes slide {
0% {
opacity: 0;
transform: translateY(70%);
}
100% {
opacity: 1;
transform: translateY(0%);
}
}
@-webkit-keyframes slide {
0% {
opacity: 0;
-webkit-transform: translateY(70%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
}
}
.btn-lg {
width: 100%;
margin-bottom: 35px;
}
}
div.img {
border: 1px solid #ccc;
}
div.img:hover {
border: 1px solid #777;
}
div.img img {
width: 100%;
height: auto;
}
div.desc {
padding: 15px;
text-align: center;
}
* {
box-sizing: border-box;
}
.responsive {
padding: 0 6px;
float: left;
width: 24.99999%;
}
@media only screen and (max-width: 700px){
.responsive {
width: 49.99999%;
margin: 6px 0;
}
}
@media only screen and (max-width: 500px){
.responsive {
width: 100%;
}
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
</style>
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
<nav class="navbar navbar-inverse navbar-fixed">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#index.html"><span><img src="briscoesmall-logo.png"></span></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="index.html">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#about.html">About Us <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="about.html" target="_blank">History</a></li>
<li><a href="RTB profile.pdf" target="_blank">Corporate Profile</a></li>
<li><a href="about.html" target="_blank">Leadership</a></li>
<li><a href="about.html" target="_blank">Corporate Governance</a></li>
<li><a href="about.html" target="_blank">Annual Reports</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="automotive.html">Automotive<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="automotive.html" target="_blank">Toyota</a></li>
<li><a href="http://www.briscoeford.com/"target="_blank">Ford</a></li>
<li><a href="automotive.html" target="_blank">Auto Workshop</a></li>
<li><a href="automotive.html" target="_blank">Parts</a></li>
</ul>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Industrial Equipments<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="forklift.html">Forklifts</a></li>
<li><a href="compressor.html">Compressor</a></li>
<li><a href="Generators">Generators</a></li>
</ul>
<li><a href="http://www.briscoeproperties.com/"><span class="glyphicon glyphicon-home"></span>Real Estate</a></li>
<li><a href="contact us.html"><span class="glyphicon glyphicon-user"></span>Contact us</a></li>
</ul>
</ul>
</ul>
</div>
</div>
</nav>
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">1 / 6</div>
<img src="Toyota-2016-Lineup.png" style="width:100%">
<div class="text"><a href="automotive.html"><h2><strong>Lets go places with Toyota</strong></h2></a>
</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 6</div>
<img src="ford-slider.png" style="width:100%">
<div class="text"><a href="automotive.html"><h2><strong>Go Further with Ford</strong></h2></a>
</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 6</div>
<img src="Toyota-mhe-slider.png" style="width:100%">
<div class="text"><a href="forklift.html"><h2><strong>Raise your productivity bar</strong></h2></a>
</div>
</div>
<div class="mySlides fade">
<div class="numbertext">4 / 6</div>
<img src="bpl-slider.png" style="width:100%">
<div class="text"><a href="real estate.html"><h2><strong>Discover quality real estate</strong></h2></a>
</div>
</div>
<div class="mySlides fade">
<div class="numbertext">5 / 6</div>
<img src="elgi-compressor-slider.png" style="width:100%">
<div class="text"><a href="compressor.html"><h2><strong>Discover steady uptime</strong></h2></a>
</div>
</div>
<div class="mySlides fade">
<div class="numbertext">6 / 6</div>
<img src="jcb-generator-slider.png" style="width:100%">
<div class="text"><a href="compressor.html"><h2><strong>Enjoy reliable power</strong></h2></a>
</div>
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
<span class="dot" onclick="currentSlide(5)"></span>
<span class="dot" onclick="currentSlide(6)"></span>
</div>
<script>
var slideIndex = 0;
showSlides();
function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex> slides.length) {slideIndex = 1}
slides[slideIndex-1].style.display = "block";
setTimeout(showSlides, 2000); // Change image every 4 seconds
}
</script>
<div class="container">
<p><h3><strong>RT Briscoe Nig Plc is a leading provider of automotive products, industrial equipment and real estate . Since 1957, when Briscoe was incorporated, the company has provided superior quality products and world class aftersales support throughout Nigeria.
Driven by quality,Briscoe has sustained its people-first approach to become a truly diversified company that always adds value to the consumer.
We have adopted the "customer-first business philosophy which guides us as we strive to deliver the highest standards of excellence to all stakeholders
Our product portfolio includes some of the world’s most-recognised and widely respected automotive and industrial equipment brands.
With a robust customer base garnered over the past 59 years of quality customer service and a wide branch network across Nigeria, Briscoe is poised to sustain its track record of providing quality products and services to meet the demands of the future.</h3></strong></p>
</div>
<!--Our Brands part-->
<div class="our-brands-container" data-0="background-position:center 0px;" data-5000="background-position:center -1500px;">
<div class="container-fluid bg-grey">
<div class="row">
<article class="col-md-8 col-md-offset-2">
<h1 class="page-heading01"><p class="text-center">Our Brands</p> <span class="bottom-border"></span></h1>
<p>Discover <strong>Toyota</strong>’s quality, durability and reliability or explore the progressive dynamism of <strong>Ford</strong>. Learn about <strong>ELGI</strong>, India's leading compressor manufacturer or satisfy your logistics and warehousing needs with <strong>Toyota Material Handling</strong>.</p>
</article>
</div>
</div>
<!--Our Brands part end-->
<div class="clearfix"></div>
<div class="section-components">
<div class="container">
<div class="row">
<div class="col-md-5">
<div class="section-description">
<h3 class="title"><strong>Toyota Vehicles</strong></h2>
<img src="toyota-logo.png">
<h6 class="description"><strong>Toyota vehicles represents the best option for performance and superior quality automobile.
Discover unparalled reliability throughout the Toyota automobile range - Sedans, CUVs, SUVs, Pickups and Light-duty Trucks</strong></h6>
<p><a href="automotive.html">Know More</a>
</div>
</div>
<div class="col-md-6 col-md-offset-1">
<div class="image-container">
<img src="toyota-lineup.png" alt="Toyota" />
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="section section-cards section-dark">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="image-container">
<img class="img" src="ford-lineup1.png"/>
</div>
</div>
<div class="col-md-4 col-md-offset-1">
<div class="section-description">
<h3 class="title"><strong>Ford Vehicles</strong></h2>
<img src="briscoeford-logo2.png">
<h6 class="description"><strong>There's a ford for every activity and need.Explore the premium dynamism of the
ford range - sedans, SUVs, Pickup Trucks and buses.</strong></h6>
<p><a href="http://www.briscoeford.com/" target="_blank">Know more</a>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="section section-content">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="section-description">
<h3 class="title"><strong>Toyota Forklifts & MHE</strong></h2>
<img src="Toyota MHE logo2.png">
<h6 class="description"><strong>Raise your productivity bar with Toyota Forklift & MHE solutions.
Discover how Toyota Forklift can improve your logistic and warehousing needs through stackers,
electric forklift, order pickers, pallet trucks and racking systems</strong></h6>
<p><a href="forklift.html">Know More</a>
</div>
</div>
<div class="col-md-7 col-md-offset-1">
<div class="image-container">
<img class="img" src="toyota-mhe-lineup.png"/>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="section section-cards section-dark">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="image-container">
<img class="img" src="elgi-lineup1.png"/>
</div>
</div>
<div class="col-md-4 col-md-offset-1">
<div class="section-description">
<h3 class="title"><strong>Elgi Compressors</strong></h2>
<img src="elgi-logo.png">
<h6 class="description"><strong>Raise your productivity bar with Toyota Forklift & MHE solutions.
Discover how Toyota Forklift can improve your logistic and warehousing needs through stackers,
electric forklift, order pickers, pallet trucks and racking systems</strong></h6>
<p><a href="compressor.html">Know More</a>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="section section-content">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="section-description">
<h3 class="title"><strong>JCB Generators</strong></h2>
<img src="jcb-logo.png">
<h6 class="description"><strong>JCB Generators employs an intelli-power technology - the most advanced solution for power outages-
in designing power unit. Discover a unique and reliable power solution for personal,commercial or industrial demands.
From 30KVA to industrial designs above 7000KVA</strong></h6>
<p><a href="generator.html">Know More</a>
</div>
</div>
<div class="col-md-7 col-md-offset-1">
<div class="image-container">
<img class="img" src="jcb-generator1.png"/>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="section section-cards section-dark">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="image-container">
<img class="img" src="bpl-ppty3.png"/>
</div>
</div>
<div class="col-md-4 col-md-offset-1">
<div class="section-description">
<h3 class="title"><strong>Briscoe Properties</strong></h2>
<img src="bpl-logo.png">
<h6 class="description"><strong>Briscoe Properties offers top-notch property development, property management and facility management services.
BPL has developed several upscale residential and mixed used properties like Orchid Court, Aloe Vera Terrace & Heliconia Court etc
It also provides exclusive facility management services to a number of large residential estates, commercial and retail properties in lagos and throughtout the country</strong></h6>
<p><a href="compressor.html">Know More</a>
</div>
</div>
</div>
</div>
</div>
<hr>
<!-- Container (Contact Section) -->
<div class="container">
<div class="row">
<article class="col-md-8 col-md-offset-2">
<h2 class="page-heading01"><p class="text-center">Delivering Superior Quality</p> <span class="bottom-border"></span></h2>
<p>As a diversified organisation, we offer the best quality products available from renowned brands backed by world class aftersales services. RT Briscoe’s dedicated employees are committed to helping you make the right choice in sectors as varied as automotive, forklifts, compressors, generators and real estate.</p>
</article>
</div>
</div>
<div id="contact" class="container-fluid bg-grey">
<h2 class="text-center">Contact us</h2>
<div class="row">
<div class="col-sm-5">
<p>Enquiries</p>
<p><span class="glyphicon glyphicon-map-marker"></span> 18 Fatai Atere Way, Lagos, Nigeria</p>
<p><span class="glyphicon glyphicon-phone"></span> +234 8188137563</p>
<p><span class="glyphicon glyphicon-envelope"></span> nwafor@rtbriscoe.com</p>
</div>
<div class="col-sm-7 slideanim">
<div class="row">
<div class="col-sm-6 form-group">
<input class="form-control" id="name" name="name" placeholder="Name" type="text" required>
</div>
<div class="col-sm-6 form-group">
<input class="form-control" id="email" name="email" placeholder="Email" type="email" required>
</div>
</div>
<textarea class="form-control" id="comments" name="comments" placeholder="Comment" rows="5"></textarea><br>
<div class="row">
<div class="col-sm-12 form-group">
<button class="btn btn-default pull-right" type="submit">Send</button>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<footer class="container-fluid text-center">
<div class="container">
<div class="row">
<div class="col-md-16">
<ul class="site-map list-unstyled list-inline">
<li class="site-map__section">
<div class="site-map__section__section-wrapper">
<a href="about.html" class="site-map__section__section-wrapper__section-name"><strong>About Us</strong></a>
<ul class="site-map__section__section-wrapper__section-list list-unstyled">
<li>
<a href="about.html">Corporate Profile</a>
</li>
<li>
<a href="about.html">Leadership Team</a>
</li>
<li>
<a href="about.html">Our History</a>
</li>
<li>
<a href="about.html">Corporate Governance</a>
</li>
</ul>
</div>
</li>
<li class="site-map__section">
<div class="site-map__section__section-wrapper">
<a href="automotive.html" class="site-map__section__section-wrapper__section-name"><strong>Automotive</strong></a>
<ul class="site-map__section__section-wrapper__section-list list-unstyled">
<li>
<a href="automotive.html">Toyota</a>
</li>
<li>
<a href="automotive.html">Ford</a>
</li>
<li>
<a href="automotive.html">Parts</a>
</li>
<li>
<a href="automotive.html">Auto Workshop</a>
</li>
</ul>
</div>
</li>
<li class="site-map__section">
<div class="site-map__section__section-wrapper">
<a href="forklift.html" class="site-map__section__section-wrapper__section-name"><strong>Forklift</strong></a>
<ul class="site-map__section__section-wrapper__section-list list-unstyled">
<li>
<a href="forklift.html">IC & Electric Forklifts</a>
</li>
<li>
<a href="forklift.html">Pallet Trucks</a>
</li>
<li>
<a href="forklift.html">Stackers</a>
</li>
<li>
<a href="forklift.html">Racking System</a>
</li>
</ul>
</div>
</li>
<li class="site-map__section">
<div class="site-map__section__section-wrapper">
<a href="compressor.html" class="site-map__section__section-wrapper__section-name"><strong>Compressor</strong></a>
<ul class="site-map__section__section-wrapper__section-list list-unstyled">
<li>
<a href="compressor.html">Oil-Free Screw</a>
</li>
<li>
<a href="compressor.html">Piston Air</a>
</li>
<li>
<a href="compressor.html">Electric Lubricated</a>
</li>
<li>
<a href="compressor.html">Portable Compressor</a>
</li>
</ul>
</div>
</li>
<li class="site-map__section">
<div class="site-map__section__section-wrapper">
<a href="http://www.briscoeproperties.com/" class="site-map__section__section-wrapper__section-name"><strong>Real Estate</strong></a>
<ul class="site-map__section__section-wrapper__section-list list-unstyled">
<li>
<a href="http://www.briscoeproperties.com/">Property Development</a>
</li>
<li>
<a href="http://www.briscoeproperties.com/">Facility Management</a>
</li>
<li>
<a href="http://www.briscoeproperties.com/">Project Management</a>
</li>
<li>
<a href="http://www.briscoeproperties.com/">Property Management</a>
</li>
</ul>
</div>
</li>
<li class="site-map__section">
<div class="site-map__section__section-wrapper">
<a href="about.html" class="site-map__section__section-wrapper__section-name">Connect with Us</a>
<ul class="site-map__section__section-wrapper__section-list list-unstyled">
<li>
<a href="https://www.facebook.com/RTBriscoeNigPlc/"> <target="_blank">Facebook</a>
<img src="facebook-icon.png">
</li>
<li>
<a href="https://www.facebook.com/RTBriscoeNigPlc/"> <target="_blank">Instagram</a>
<img src="instagram-logo.png">
</li>
<li>
<a href="http://www.youtube.com/user/briscoeford/"> <target="_blank">Youtube</a>
<img src="youtube-icon.png">
</li>
<li>
<a href="https://twitter.com/rtbriscoeplc1/"><target="_blank">Twitter</a>
<img src="twitter-icon.png">
</li>
</ul>
</div>
</li>
</ul>
<div class="clearfix"></div>
<div class="row">
<nav class="nav-menu nav-menu-footer col-md-12 col-sm-12">
<ul class="list-unstyled list-inline">
<li>
<a href="contact us.html"><strong>Contact Us</strong></a>
</li>
<li>
<a href="contactus.html"><strong>Book a service online</strong></a>
</li>
</ul>
</nav>
<div class="clearfix"></div>
<div class="copyright col-md-12">
<div><h2><strong>© 2017 R.T Briscoe Nigeria Plc. All rights reserved.</strong>
<a href="http://www.greyspace.com.ng.com/" target="_blank"><small><em>Designed by greyspace.com.ng</em></small></a></h2>
</div>
<a href="#myPage" title="To Top">
<span class="glyphicon glyphicon-chevron-up"></span>
</a>
</footer>
<script>
$(document).ready(function(){
// Add smooth scrolling to all links in navbar + footer link
$(".navbar a, footer a[href='#myPage']").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 900, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
$(window).scroll(function() {
$(".slideanim").each(function(){
var pos = $(this).offset().top;
var winTop = $(window).scrollTop();
if (pos < winTop + 600) {
$(this).addClass("slide");
}
});
});
})
</script>
</body>
</html>