| Server IP : 172.67.201.108 / Your IP : 216.73.216.11 Web Server : Apache/2.4.68 (Amazon Linux) OpenSSL/3.5.5 System : Linux ip-172-31-69-123.ec2.internal 6.1.176-223.369.amzn2023.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Jul 24 13:34:27 UTC 2026 x86_64 User : ec2-user ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/home2/domains/nycyouth/Package-HTML/Canvas 7 Files/ |
Upload File : |
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="author" content="SemiColonWeb">
<meta name="description" content="Get Canvas to build powerful websites easily with the Highly Customizable & Best Selling Bootstrap Template, today.">
<!-- Font Imports -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mukta+Vaani:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;600;700;800;900&display=swap" rel="stylesheet">
<!-- Core Style -->
<link rel="stylesheet" href="style.css">
<!-- Font Icons -->
<link rel="stylesheet" href="css/font-icons.css">
<link rel="stylesheet" href="demos/car/css/car-icons/style.css">
<!-- Plugins/Components CSS -->
<link rel="stylesheet" href="css/swiper.css">
<!-- Niche Demos -->
<link rel="stylesheet" href="demos/car/car.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Single - Car Demo | Canvas</title>
<style>
/*--------------------
paginations
---------------------*/
.dark .swiper-pagination span:nth-child(1):hover,
.dark .swiper-pagination span:nth-child(1) { background-color: #7F858D }
.dark .swiper-pagination span:nth-child(2):hover,
.dark .swiper-pagination span:nth-child(2) { background-color: #CB394E }
.dark .swiper-pagination span:nth-child(3):hover,
.dark .swiper-pagination span:nth-child(3) { background-color: #75787B }
.dark .swiper-pagination span:nth-child(4):hover,
.dark .swiper-pagination span:nth-child(4) { background-color: #9C780E }
/*--------------------
Background
--------------------*/
.bg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}
/*--------------------
Slider-text
--------------------*/
.slider-text {
position: absolute;
top: 150px;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
text-align: center;
}
.slider-text h2 {
font-weight: 700;
margin-bottom: 10px;
}
.slider-text p {
font-size: 17px;
font-weight: 300;
opacity: .7;
}
</style>
</head>
<body class="stretched side-push-panel" data-loader-html="<div><img src='demos/car/images/page-loader.gif' alt='Loader'></div>">
<!-- Side Panel Overlay -->
<div class="body-overlay"></div>
<!-- Side Panel -->
<div id="side-panel">
<div id="side-panel-trigger-close" class="side-panel-trigger"><a href="#"><i class="bi-x-lg"></i></a></div>
<div class="side-panel-wrap">
<div class="widget">
<a href="index.html"><img src="demos/car/images/[email protected]" alt="Canvas Logo" height="50"></a>
<p>It has always been, and will always be, about quality. We're passionate about ethically sourcing the finest coffee beans, roasting them with great care. We'd like to hear your message!</p>
<div class="widget quick-contact-widget form-widget border-0 pt-0">
<h4>Quick Contact</h4>
<div class="form-result"></div>
<form id="quick-contact-form" name="quick-contact-form" action="include/form.php" method="post" class="quick-contact-form mb-0">
<div class="form-process">
<div class="css3-spinner">
<div class="css3-spinner-scaler"></div>
</div>
</div>
<input type="text" class="required form-control mb-2" id="quick-contact-form-name" name="quick-contact-form-name" value="" placeholder="Full Name">
<input type="text" class="required form-control email mb-2" id="quick-contact-form-email" name="quick-contact-form-email" value="" placeholder="Email Address">
<textarea class="required form-control mb-2 short-textarea" id="quick-contact-form-message" name="quick-contact-form-message" rows="4" cols="30" placeholder="Message"></textarea>
<input type="text" class="d-none" id="quick-contact-form-botcheck" name="quick-contact-form-botcheck" value="">
<input type="hidden" name="prefix" value="quick-contact-form-">
<button type="submit" id="quick-contact-form-submit" name="quick-contact-form-submit" class="button button-small button-3d m-0" value="submit">Send Email</button>
</form>
</div>
</div>
</div>
</div>
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header" class="full-header header-size-custom" data-sticky-shrink="false">
<div id="header-wrap">
<div class="container-fluid">
<div class="header-row flex-lg-row-reverse">
<!-- Logo
============================================= -->
<div id="logo" class="me-lg-0 ms-lg-auto">
<a href="demo-car.html">
<img class="logo-default" srcset="demos/car/images/logo.png, demos/car/images/[email protected] 2x" src="demos/car/images/[email protected]" alt="Canvas Logo">
</a>
</div><!-- #logo end -->
<div class="primary-menu-trigger">
<button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
<span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
</button>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu with-arrows">
<ul class="menu-container">
<li class="menu-item current"><a class="menu-link" href="demo-car.html"><div>Home</div></a></li>
<!-- Mega Menu -->
<li class="menu-item mega-menu"><a class="menu-link" href="demo-car-single.html"><div>Models</div></a>
<div class="mega-menu-content mega-menu-style-2">
<div class="container">
<div class="row">
<ul class="sub-menu-container mega-menu-column col-12">
<li class="menu-item">
<div class="widget text-center">
<h3 class="mb-0">Featured Models</h3>
<a href="#" class="button button-small button-rounded button-border button-dark button-black font-primary" style="margin: 10px 0 40px">Show all Cars</a>
<!-- Mega Menu Cars Carousel -->
<div class="owl-carousel image-carousel carousel-widget text-center" data-margin="20" data-nav="false" data-pagi="true" data-items-xs="1" data-items-sm="2" data-items-md="4" data-items-lg="6" data-items-xl="6">
<div class="oc-item"><a href="demo-car-single.html"><img src="demos/car/images/mega-menu/1.png" alt="Car">BMW 1 Series ActiveE</a></div>
<div class="oc-item"><a href="demo-car-single.html"><img src="demos/car/images/mega-menu/4.png" alt="Car">Mercedes-Benz S-Class</a></div>
<div class="oc-item"><a href="demo-car-single.html"><img src="demos/car/images/mega-menu/5.png" alt="Car">Gran Turismo</a></div>
<div class="oc-item"><a href="demo-car-single.html"><img src="demos/car/images/mega-menu/6.png" alt="Car">Mclaren 675LT SPIDER</a></div>
<div class="oc-item"><a href="demo-car-single.html"><img src="demos/car/images/mega-menu/7.png" alt="Car">Honda City</a></div>
<div class="oc-item"><a href="demo-car-single.html"><img src="demos/car/images/mega-menu/8.png" alt="Car">Toyota Qualis</a></div>
<div class="oc-item"><a href="demo-car-single.html"><img src="demos/car/images/mega-menu/9.png" alt="Car">Honda WR-V</a></div>
<div class="oc-item"><a href="demo-car-single.html"><img src="demos/car/images/mega-menu/10.png" alt="Car">Suzuki Breeza</a></div>
<div class="oc-item"><a href="demo-car-single.html"><img src="demos/car/images/mega-menu/2.png" alt="Car">Chevrolet Spark</a></div>
<div class="oc-item"><a href="demo-car-single.html"><img src="demos/car/images/mega-menu/3.png" alt="Car">Honda JaZZ</a></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="menu-item"><a class="menu-link" href="demo-car-listing.html"><div>Car Listing</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-car-dealers.html"><div>Dealers</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-car-accessories.html"><div>Accessories</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-car-interiors.html"><div>Interiors</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-car-faqs.html"><div>FAQs</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-car-blog.html"><div>Blog</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-car-contact.html"><div>Contacts</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Slider
============================================= -->
<section id="slider" class="slider-element dark swiper_wrapper" data-effect="fade" data-loop="true" data-dots="true" data-speed="1000" data-autoplay="4500" style="min-height: 650px;">
<div class="slider-text mb-5">
<h2 class="font-primary">Porsche 911 GTS Models</h2>
<p class="font-primary">Color Varients</p>
<a href="https://www.youtube.com/watch?v=RKD2fNVP7kw" class="play-icon shadow" data-lightbox="iframe"><i class="fa-brands fa-google-play"></i></a>
</div>
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiper-slide-bg" style="background: linear-gradient(15deg, #C8CED6 50%, #7F858D 50%);"></div>
<div class="slider-caption slider-caption-center mt-6">
<img src="demos/car/images/single/1.png">
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-bg" style="background: linear-gradient(15deg, #920F23 50%, #CB394E 50%);"></div>
<div class="slider-caption slider-caption-center mt-6">
<img src="demos/car/images/single/2.png">
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-bg" style="background: linear-gradient(15deg, #D4D8DD 50%, #75787B 50%);"></div>
<div class="slider-caption slider-caption-center mt-6">
<img src="demos/car/images/single/3.png">
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-bg" style="background: linear-gradient(15deg, #C99F25 50%, #9C780E 50%);"></div>
<div class="slider-caption slider-caption-center mt-6">
<img src="demos/car/images/single/4.png">
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</section><!-- #Slider End -->
<!-- Page Sub Menu
============================================= -->
<div id="page-menu">
<div id="page-menu-wrap">
<div class="container">
<div class="page-menu-row">
<div class="page-menu-title"><span>Porsche</span> 911 GTS Models</div>
<nav class="page-menu-nav one-page-menu">
<ul class="page-menu-container">
<li class="page-menu-item"><a href="#" data-href="#section-features"><div>Features</div></a></li>
<li class="page-menu-item"><a href="#" data-href="#section-spec"><div>Technical Specs</div></a></li>
<li class="page-menu-item"><a href="#" data-href="#section-price"><div>Price</div></a></li>
<li class="page-menu-item"><a href="#" data-href="#section-gallery"><div>Gallery</div></a></li>
<li class="page-menu-item"><a href="#" data-href="#section-brochures"><div>Brochures</div></a></li>
<li class="page-menu-item"><a href="#" data-href="#section-store"><div>Find a Centre</div></a></li>
</ul>
</nav>
<div id="page-menu-trigger"><i class="bi-list"></i></div>
</div>
</div>
</div>
</div><!-- #page-menu end -->
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap pt-5">
<div class="container">
<div class="row">
<!-- Posts -->
<div class="col-md-8">
<!-- Page Section - features
============================================= -->
<div id="section-features" class="page-section">
<h3 class="mb-3">Overview</h3>
<p>From March 2021, a total of five variants will be available in Germany: the 911 Carrera GTS with rear-wheel drive, the 911 Carrera 4 GTS with all-wheel drive – both of the above available as a Coupé and Cabriolet – and the 911 Targa 4 GTS with all-wheel drive. A newly developed turbocharger for 3.0-litre six-cylinder flat engine increases power to 331 kW/450 hp (911 Carrera GTS: combined fuel consumption 9.4–8.3 l/100 km; CO2 emissions 214–188g/km; 911 Carrera 4 GTS: combined fuel consumption 9.7–8.5 l/100 km; CO2 emissions 220–192g/km; 911 Targa 4 GTS: combined fuel consumption 9.7 – 8.7 l/100 km; CO2 emissions 220 – 196 g/km). The engine delivers 22 kW (30 hp) more than the 911 Carrera S (combined fuel consumption 8.7 – 7.7 l/100 km; CO2-emissions 199 – 174 g/km) and 15 kW (20 hp) more than the corresponding GTS prior model with a naturally aspirated engine. All variants are available with a manual seven-gear transmission or optional Porsche Doppelkupplung (PDK).</p>
<div class="row">
<div class="col-md-6">
<ul class="iconlist">
<li><i class="icon-car-paint"></i><span class="ms-2">Different Color Varients</span></li>
<li class="mt-2"><i class="icon-car-stearing"></i><span class="ms-2">Powerful Stearings</span></li>
<li class="mt-2"><i class="icon-car-fuel"></i><span class="ms-2">Goof Fuel Efficiency</span></li>
<li class="mt-2"><i class="icon-car-signal"></i><span class="ms-2">Automatic / Manual</span></li>
</ul>
</div>
<div class="col-md-6">
<ul class="iconlist">
<li><i class="icon-car-meter"></i><span class="ms-2">Modern Dashboard</span></li>
<li class="mt-2"><i class="icon-car-wheel"></i><span class="ms-2">Beautiful Alloy-wheels</span></li>
<li class="mt-2"><i class="icon-car-signal"></i><span class="ms-2">Automatic / Manual</span></li>
<li class="mt-2"><i class="icon-car-alert"></i><span class="ms-2">App Technology</span></li>
</ul>
</div>
</div>
</div>
<!-- Page Section - spec
============================================= -->
<div id="section-spec" class="page-section mt-5">
<h3 class="mb-3">Technical Specs</h3>
<p>From March 2021, a total of five variants will be available in Germany: the 911 Carrera GTS with rear-wheel drive, the 911 Carrera 4 GTS with all-wheel drive – both of the above available as a Coupé and Cabriolet – and the 911 Targa 4 GTS with all-wheel drive.</p>
<div class="row">
<div class="col-lg-6 mt-3">
<table class="table">
<thead>
<tr>
<th scope="col" class="color">Engine</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" class="text-black-50">Engine layout:</td>
<td class="text-end fw-semibold">Rear engine</td>
</tr>
<tr>
<td scope="row" class="text-black-50">Number of cylinders:</td>
<td class="text-end fw-semibold">6</td>
</tr>
<tr>
<td scope="row" class="text-black-50">Displacement:</td>
<td class="text-end fw-semibold">2,981 cm³</td>
</tr>
<tr>
<td scope="row" class="text-black-50">Power (kW):</td>
<td class="text-end fw-semibold">331 kW</td>
</tr>
<tr>
<td scope="row" class="text-black-50">Power (hp):</td>
<td class="text-end fw-semibold">450 PS</td>
</tr>
</tbody>
</table>
</div>
<div class="col-lg-6 mt-3">
<table class="table">
<thead>
<tr>
<th scope="col" class="color">Fuel</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" class="text-black-50">Fuel consumption* urban:</td>
<td class="text-end fw-semibold">10.9 l/100 km</td>
</tr>
<tr>
<td scope="row" class="text-black-50">Fuel consumption* non-urban:</td>
<td class="text-end fw-semibold">7.1 l/100 km</td>
</tr>
<tr>
<td scope="row" class="text-black-50">Fuel consumption* combined:</td>
<td class="text-end fw-semibold">8.5 l/100 km</td>
</tr>
<tr>
<td scope="row" class="text-black-50">CO2 emissions* combined:</td>
<td class="text-end fw-semibold">192 g/km</td>
</tr>
</tbody>
</table>
</div>
<div class="col-lg-6 mt-4">
<table class="table">
<thead>
<tr>
<th scope="col" class="color">Body</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" class="text-black-50">Length:</td>
<td class="text-end fw-semibold">4,528 mm</td>
</tr>
<tr>
<td scope="row" class="text-black-50">Width:</td>
<td class="text-end fw-semibold">1,852 mm</td>
</tr>
<tr>
<td scope="row" class="text-black-50">Height:</td>
<td class="text-end fw-semibold">1,284 mm</td>
</tr>
<tr>
<td scope="row" class="text-black-50">Wheelbase:</td>
<td class="text-end fw-semibold">.31 cW</td>
</tr>
<tr>
<td scope="row" class="text-black-50">Drag coefficient (Cd):</td>
<td class="text-end fw-semibold">2,450 mm</td>
</tr>
<tr>
<td scope="row" class="text-black-50">Unladen weight (DIN):</td>
<td class="text-end fw-semibold">1,515 kg</td>
</tr>
<tr>
<td scope="row" class="text-black-50">Unladen weight (EU):</td>
<td class="text-end fw-semibold">1,590 kg</td>
</tr>
</tbody>
</table>
</div>
<div class="col-lg-6 mt-4">
<table class="table">
<thead>
<tr>
<th scope="col" class="color">Performance</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" class="text-black-50">Top speed:</td>
<td class="text-end fw-semibold">4,528 mm</td>
</tr>
<tr>
<td scope="row" class="text-black-50">Acceleration:</td>
<td class="text-end fw-semibold">1,852 mm</td>
</tr>
<tr>
<td scope="row" class="text-black-50">In-gear acceleration:</td>
<td class="text-end fw-semibold">1,284 mm</td>
</tr>
<tr>
<td scope="row" class="text-black-50">Flexibility/5th Gear:</td>
<td class="text-end fw-semibold">.31 cW</td>
</tr>
</tbody>
</table>
<div class="d-flex justify-content-end">
<a href="#" class="button button-rounded button-dark m-0 text-transform-none">View all Specs <i class="bi-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<!-- Page Section - gallery
============================================= -->
<div id="section-price" class="page-section mt-5">
<h3 class="mb-3">Price Lists</h3>
<table class="table table-striped">
<thead>
<tr>
<th scope="col">Models</th>
<th scope="col">City</th>
<th scope="col">Price</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="#">911 Carrera Petrol</a><br><small>2981 cc Petrol, Manual, 14.2 kmpl</small></td>
<td style="vertical-align: middle">New York</td>
<td style="vertical-align: middle" class="fw-semibold">$2,15,600</td>
</tr>
<tr>
<td><a href="#">911 Carrera Cabriolet Petrol</a><br><small>2981 cc Petrol, Manual, 14.2 kmpl</small></td>
<td style="vertical-align: middle">San Fransisco</td>
<td style="vertical-align: middle" class="fw-semibold">$2,36,809</td>
</tr>
<tr>
<td><a href="#">911 Carrera s Cabriolet</a><br><small>2981 cc Petrol, Manual, 13.9 kmpl</small></td>
<td style="vertical-align: middle">Chicago</td>
<td style="vertical-align: middle" class="fw-semibold">$2,66,606</td>
</tr>
<tr>
<td><a href="#">911 Carrera Turbo</a><br><small>3800 cc Petrol, Manual, 12.9 kmpl</small></td>
<td style="vertical-align: middle">Washington</td>
<td style="vertical-align: middle" class="fw-semibold">$2,47,225</td>
</tr>
<tr>
<td><a href="#">911 Carrera GT3</a><br><small>3996 cc Petrol, Manual, 12.8 kmpl</small></td>
<td style="vertical-align: middle">North Carolina</td>
<td style="vertical-align: middle" class="fw-semibold">$3,23,153</td>
</tr>
<tr>
<td><a href="#">911 Carrera Turbo Cabriolet</a><br><small>3800 cc Petrol, Manual, 12.9 kmpl</small></td>
<td style="vertical-align: middle">Texas</td>
<td style="vertical-align: middle" class="fw-semibold">$3,62,538</td>
</tr>
<tr>
<td><a href="#">911 Carrera Turbo S Cabriolet</a><br><small>3800 cc Petrol, Manual, 12.8 kmpl</small></td>
<td style="vertical-align: middle">Denver</td>
<td style="vertical-align: middle" class="fw-semibold">$4,27,675</td>
</tr>
</tbody>
</table>
</div>
<!-- Page Section - gallery
============================================= -->
<div id="section-gallery" class="page-section my-5">
<h3 class="mb-3">Gallery</h3>
<div class="fslider flex-thumb-grid grid-6" data-animation="fade" data-speed="900" data-pagi="false" data-thumbs="true">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide" data-thumb="demos/car/images/single/911cars/thumbs/1.jpg">
<img src="demos/car/images/single/911cars/1.jpg" alt="Image">
<div class="bg-overlay">
<div class="bg-overlay-content justify-content-start align-items-end">
<div class="h4 fw-light bg-light text-dark px-3 py-2">HighWay View</div>
</div>
</div>
</div>
<div class="slide" data-thumb="demos/car/images/single/911cars/thumbs/2.jpg">
<img src="demos/car/images/single/911cars/2.jpg" alt="Image">
<div class="bg-overlay">
<div class="bg-overlay-content justify-content-start align-items-end">
<div class="h4 fw-light bg-light text-dark px-3 py-2">Premium Dashboard</div>
</div>
</div>
</div>
<div class="slide" data-thumb="demos/car/images/single/911cars/thumbs/3.jpg">
<img src="demos/car/images/single/911cars/3.jpg" alt="Image">
<div class="bg-overlay">
<div class="bg-overlay-content justify-content-start align-items-end">
<div class="h4 fw-light bg-light text-dark px-3 py-2">Beautiful Backlight</div>
</div>
</div>
</div>
<div class="slide" data-thumb="demos/car/images/single/911cars/thumbs/4.jpg">
<img src="demos/car/images/single/911cars/4.jpg" alt="Image">
<div class="bg-overlay">
<div class="bg-overlay-content justify-content-start align-items-end">
<div class="h4 fw-light bg-light text-dark px-3 py-2">Front View</div>
</div>
</div>
</div>
<div class="slide" data-thumb="demos/car/images/single/911cars/thumbs/5.jpg">
<img src="demos/car/images/single/911cars/5.jpg" alt="Image">
<div class="bg-overlay">
<div class="bg-overlay-content justify-content-start align-items-end">
<div class="h4 fw-light bg-light text-dark px-3 py-2">White Exterior</div>
</div>
</div>
</div>
<div class="slide" data-thumb="demos/car/images/single/911cars/thumbs/6.jpg">
<img src="demos/car/images/single/911cars/6.jpg" alt="Image">
<div class="bg-overlay">
<div class="bg-overlay-content justify-content-start align-items-end">
<div class="h4 fw-light bg-light text-dark px-3 py-2">Extended Music Systems</div>
</div>
</div>
</div>
<div class="slide" data-thumb="demos/car/images/single/911cars/thumbs/7.jpg">
<img src="demos/car/images/single/911cars/7.jpg" alt="Image">
<div class="bg-overlay">
<div class="bg-overlay-content justify-content-start align-items-end">
<div class="h4 fw-light bg-light text-dark px-3 py-2">Digital Speed Meters</div>
</div>
</div>
</div>
<div class="slide" data-thumb="demos/car/images/single/911cars/thumbs/8.jpg">
<img src="demos/car/images/single/911cars/8.jpg" alt="Image">
<div class="bg-overlay">
<div class="bg-overlay-content justify-content-start align-items-end">
<div class="h4 fw-light bg-light text-dark px-3 py-2">Comfortable Air Condition</div>
</div>
</div>
</div>
<div class="slide" data-thumb="demos/car/images/single/911cars/thumbs/9.jpg">
<img src="demos/car/images/single/911cars/9.jpg" alt="Image">
<div class="bg-overlay">
<div class="bg-overlay-content justify-content-start align-items-end">
<div class="h4 fw-light bg-light text-dark px-3 py-2">Premium Backside</div>
</div>
</div>
</div>
<div class="slide" data-thumb="demos/car/images/single/911cars/thumbs/10.jpg">
<img src="demos/car/images/single/911cars/10.jpg" alt="Image">
<div class="bg-overlay">
<div class="bg-overlay-content justify-content-start align-items-end">
<div class="h4 fw-light bg-light text-dark px-3 py-2">Baggage Space</div>
</div>
</div>
</div>
<div class="slide" data-thumb="demos/car/images/single/911cars/thumbs/11.jpg">
<img src="demos/car/images/single/911cars/11.jpg" alt="Image">
<div class="bg-overlay">
<div class="bg-overlay-content justify-content-start align-items-end">
<div class="h4 fw-light bg-light text-dark px-3 py-2">Red Wine GTS</div>
</div>
</div>
</div>
<div class="slide" data-thumb="demos/car/images/single/911cars/thumbs/12.jpg">
<img src="demos/car/images/single/911cars/12.jpg" alt="Image">
<div class="bg-overlay">
<div class="bg-overlay-content justify-content-start align-items-end">
<div class="h4 fw-light bg-light text-dark px-3 py-2">Premium Leather Interior</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Sidebar -->
<div class="col-md-4">
<div class="mb-4">
<h2 class="mb-0 h1 fw-semibold ls-0">450 PS/331 kW</h2>
<small>Power (hp)/Power (kW)</small>
</div>
<div class="line line-sm my-3"></div>
<div>
<h2 class="mb-0 fw-semibold h2 ls-0">3.6 s</h2>
<small>Acceleration from 0 - 100 km/h</small>
</div>
<div class="card bg-color mt-5 shadow-sm dark">
<div class="card-body">
<h3 class="card-title">Fuel Efficiency Rating / KMPH</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisg elit. Perspiciatis maxime consequuntur, beatae modi corporis.</p>
<div class="card-text d-flex justify-content-between align-items-center">
<div>
<h4 class="mb-0">In City</h4>
<h4 class="mb-0 ls-1 h1 fw-bold">19</h4>
</div>
<div>
<div class="fw-bold h1"><i class="icon-car-pump"></i></div>
</div>
<div>
<h4 class="mb-0">Highway</h4>
<h4 class="mb-0 ls-1 h1 fw-bold">24</h4>
</div>
</div>
</div>
</div>
<img class="mt-5" src="demos/car/images/single/features.jpg" alt="Image">
<div class="card mt-5 shadow-sm">
<div class="card-body">
<h3 class="card-title">Get to know On-Road-Price in your City.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisg elit. Perspiciatis maxime consequuntur, beatae modi corporis.</p>
<a href="#" class="button button-rounded m-0 button-large w-100 side-panel-trigger text-center text-transform-none">On Road Price</a>
</div>
</div>
<div class="mt-4">
<h3 class="mb-3">Videos</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/lTbGdV3NlNk" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<div class="line line-sm"></div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/-hTLk1rU_ZI" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
<!-- Page Section - brochuresent
============================================= -->
<div id="section-brochures" class="page-section clearix mb-5">
<div class="row">
<div class="col-md-4 mt-5">
<i class="i-plain bi-cloud-arrow-down inline-block mb-4" style="font-size: 42px"></i>
<div class="heading-block border-0 mb-2">
<h4>911 GTS - Catalogue</h4>
<small class="subtitle text-muted">(PDF 11.7 KB)</small>
</div>
<p>Microsite GTS-Modelle</p>
<a href="#" class="button button-rounded m-0">Download</a>
</div>
<div class="col-md-4 mt-5">
<i class="i-plain bi-file-earmark inline-block mb-4" style="font-size: 42px"></i>
<div class="heading-block border-0 mb-2">
<h4>Via Bluetooth® - The new PCM</h4>
<small class="subtitle text-muted">(PDF 204.92 KB)</small>
</div>
<p>Dynamic, comfortable and efficient – the new Porsche 911 GTS models, press release, 01/09/2021, Porsche AG</p>
<a href="#" class="button button-rounded m-0">Download</a>
</div>
<div class="col-md-4 mt-5">
<i class="i-plain bi-file-earmark-richtext-fill inline-block mb-4" style="font-size: 42px"></i>
<div class="heading-block border-0 mb-2">
<h4>Media Package</h4>
<small class="subtitle text-muted">(PDF 24.88 MB)</small>
</div>
<p>Synergistically reinvent progressive users vis-a-vis plug-and-play core competencies.</p>
<a href="#" class="button button-rounded m-0">Download</a>
</div>
</div>
</div>
<!-- Page Section - store
============================================= -->
<div id="section-store" class="page-section mt-3">
<h3 class="mb-3">Find a Porsche Centre</h3>
<!-- Google Map
============================================= -->
<div class="gmap vh-50 mb-5" data-latitude="41.8333925" data-longitude="-88.0121473" data-zoom="4" data-scrollwheel="false" data-markers='[{address: "San Francisco, USA",html: "<div><h4 style=\"margin-bottom: 8px;\">Porsche Centre</h4> <address> <strong>Headquarters:</strong><br> 795 Folsom Ave, Suite 600<br> San Francisco, CA 94107<br> </address> <abbr><strong>Phone:</strong></abbr> (1) 8547 632521<br> <abbr><strong>Fax:</strong></abbr> (1) 11 4752 1433<br> <abbr><strong>Email:</strong></abbr> [email protected] </div>",icon: {image: "images/icons/map-icon-red.png",iconsize: [32, 39],iconanchor: [13,39]}},{address: "New York, USA",html: "<div><h4 style=\"margin-bottom: 8px;\">Porsche Centre</h4> <address> <strong>Headquarters:</strong><br> 795 Folsom Ave, Suite 600<br> New York, USA 94107<br> </address> <abbr><strong>Phone:</strong></abbr> (1) 8547 632521<br> <abbr><strong>Fax:</strong></abbr> (1) 11 4752 1433<br> <abbr><strong>Email:</strong></abbr> [email protected] </div>",icon: {image: "images/icons/map-icon-red.png",iconsize: [32, 39],iconanchor: [13,39]}},{address: "Washington, USA",html: "<div><h4 style=\"margin-bottom: 8px;\">Porsche Centre</h4> <address> <strong>Headquarters:</strong><br> 795 Folsom Ave, Suite 600<br> Washington, USA 94107<br> </address> <abbr><strong>Phone:</strong></abbr> (1) 8547 632521<br> <abbr><strong>Fax:</strong></abbr> (1) 11 4752 1433<br> <abbr><strong>Email:</strong></abbr> [email protected] </div>",icon: {image: "images/icons/map-icon-red.png",iconsize: [32, 39],iconanchor: [13,39]}},{address: "Chicago, USA",html: "<div><h4 style=\"margin-bottom: 8px;\">Porsche Centre</h4> <address> <strong>Headquarters:</strong><br> 795 Folsom Ave, Suite 600<br> Chicago, USA 94107<br> </address> <abbr><strong>Phone:</strong></abbr> (1) 8547 632521<br> <abbr><strong>Fax:</strong></abbr> (1) 11 4752 1433<br> <abbr><strong>Email:</strong></abbr> [email protected] </div>",icon: {image: "images/icons/map-icon-red.png",iconsize: [32, 39],iconanchor: [13,39]}}]'></div>
<div class="row">
<div class="col-md-4">
<address>
<strong>Cars Dawydiak:</strong><br>
1540 Pine St, San Francisco<br>
San Francisco, CA 94109<br>
</address>
<abbr title="Phone Number"><strong>Phone:</strong></abbr> (1) 8547 632521<br>
<abbr title="Fax"><strong>Fax:</strong></abbr> (1) 11 4752 1433<br>
<abbr title="Email Address"><strong>Email:</strong></abbr> [email protected]
</div>
<div class="col-md-4">
<address>
<strong>Porsche of Larchmont</strong><br>
2500 Boston Post Rd<br>
Larchmont, NY 10538, USA<br>
</address>
<abbr title="Phone Number"><strong>Phone:</strong></abbr> (123) 456-7890
<abbr title="Fax"><strong>Fax:</strong></abbr> (1) 11 4752 1433<br>
<abbr title="Email Address"><strong>Email:</strong></abbr> [email protected]
</div>
<div class="col-md-4">
<address>
<strong>Porsche Loeber Motors</strong><br>
7101 North Lincoln Avenue<br>
Lincolnwood, IL 60712<br>
</address>
<abbr title="Phone Number"><strong>Phone:</strong></abbr> (123) 456-7890
<abbr title="Fax"><strong>Fax:</strong></abbr> (1) 11 4752 1433<br>
<abbr title="Email Address"><strong>Email:</strong></abbr> [email protected]
</div>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="dark border-0" style="background-color: #080808;">
<div class="container-fluid px-5">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row col-mb-50 justify-content-between">
<div class="col-lg-7">
<div class="row col-mb-30">
<div class="col-6 col-lg-3">
<div class="widget widget_links widget-li-noicon">
<h4>Hire</h4>
<ul>
<li><a href="#">Documentation</a></li>
<li><a href="#">Feedback</a></li>
<li><a href="#">Plugins</a></li>
</ul>
</div>
</div>
<div class="col-6 col-lg-3">
<div class="widget widget_links widget-li-noicon">
<h4>Community</h4>
<ul>
<li><a href="#">Documentation</a></li>
<li><a href="#">Feedback</a></li>
<li><a href="#">Plugins</a></li>
<li><a href="#">Support Forums</a></li>
</ul>
</div>
</div>
<div class="col-6 col-lg-3">
<div class="widget widget_links widget-li-noicon">
<h4>Learn</h4>
<ul>
<li><a href="#">Documentation</a></li>
<li><a href="#">Feedback</a></li>
<li><a href="#">Plugins</a></li>
</ul>
</div>
</div>
<div class="col-6 col-lg-3">
<div class="widget widget_links widget-li-noicon">
<h4>About</h4>
<ul>
<li><a href="#">Documentation</a></li>
<li><a href="#">Feedback</a></li>
<li><a href="#">Plugins</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-5 text-center text-lg-end">
<img src="demos/car/images/logo-footer.png" alt="Image" height="50">
<br>
<div style="color: #444">
<span>© Canvas Automotive. All Rights Reserved.</span>
<div class="clear"></div>
<p style="margin-top: 10px;">Objectively restore standards compliant opportunities whereas one-to-one collaboration and idea-sharing.</p>
</div>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-up"></div>
<!-- Contact Button
============================================= -->
<div id="contact-me" class="bi-envelope side-panel-trigger bg-color"></div>
<!-- JavaScripts
============================================= -->
<script src="js/functions.js"></script>
</body>
</html>