Skip to content

Instantly share code, notes, and snippets.

@phuclh

phuclh/gist:fc451f49924d8a263e71acbd7d57d338

Created November 8, 2024 05:51
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save phuclh/fc451f49924d8a263e71acbd7d57d338 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save phuclh/fc451f49924d8a263e71acbd7d57d338 to your computer and use it in GitHub Desktop.
Download ZIP
Html of 2 slides
Raw
gistfile1.txt
<!-- Featured Services Section -->
<div class="featured-services__wrapper">
<div class="featured-services">
<h2>Featured Services</h2>
<div class="slider responsive">
<div class="glide__track" data-glide-el="track">
<ul class="glide__slides">
<li class="glide__slide">
<div class="featured-services__item">
<a href="/services/protection/stek-paint-protection-film">
<img alt="orange car with stek paint protection film" src="https://media.cmsmax.com/ljdnegraa5rp3s2owwnb4/services-protection-paint-protection-film.jpg">
<div class="featured-services__text-content">
<h3>Stek Paint Protection Film</h3>
<p><a class="btn btn-primary" href="/services/protection/stek-paint-protection-film">View More</a></p>
</div>
</a>
</div>
</li>
<li class="glide__slide">
<div class="featured-services__item">
<a href="/services/protection/window-tinting">
<img alt="dark car with window tinting" src="https://media.cmsmax.com/ljdnegraa5rp3s2owwnb4/services-protection-window-tinting.jpg">
<div class="featured-services__text-content">
<h3>Window Tinting</h3>
<p><a class="btn btn-primary" href="/services/protection/window-tinting">View More</a></p>
</div>
</a>
</div>
</li>
<li class="glide__slide">
<div class="featured-services__item">
<a href="/services/protection/ceramic-coatings">
<img alt="black car with gyeon ceramic paint coating" src="https://media.cmsmax.com/ljdnegraa5rp3s2owwnb4/services-protection-ceramic-coatings.jpg">
<div class="featured-services__text-content">
<h3>Gyeon Ceramic Paint Coating</h3>
<p><a class="btn btn-primary" href="/services/protection/ceramic-coatings">View More</a></p>
</div>
</a>
</div>
</li>
<li class="glide__slide">
<div class="featured-services__item">
<a href="/services/protection/wheels-and-tires">
<img alt="wheel with cars in background" src="https://media.cmsmax.com/ljdnegraa5rp3s2owwnb4/services-reconditioning-wheel-repair.jpg">
<div class="featured-services__text-content">
<h3>Wheels and Tires</h3>
<p><a class="btn btn-primary" href="/services/protection/wheels-and-tires">View More</a></p>
</div>
</a>
</div>
</li>
<li class="glide__slide">
<div class="featured-services__item">
<a href="/services/vehicle-storage">
<img alt="cars in a vehicle storage facility" src="https://media.cmsmax.com/ljdnegraa5rp3s2owwnb4/services-vehicle-storage.jpg">
<div class="featured-services__text-content">
<h3>Vehicle Storage</h3>
<p><a class="btn btn-primary" href="/services/vehicle-storage">View More</a></p>
</div>
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Featured Projects Section -->
<div class="featured-projects__wrapper">
<div class="featured-projects">
<h2>Featured Projects</h2>
<div class="slider responsive">
<div class="glide__track" data-glide-el="track">
<ul class="glide__slides">
<li class="glide__slide">
<div class="featured-projects__item">
<a href="/our-portfolio/2023-BMW-m3-competition">
<img alt="two green 2023 bmw m3 competitions" src="https://media.cmsmax.com/ljdnegraa5rp3s2owwnb4/dsc03605.jpg">
<div class="featured-projects__text-content">
<h3>2023 BMW M3 Competition</h3>
<p><a class="btn btn-primary" href="/our-portfolio/2023-BMW-m3-competition">View More</a></p>
</div>
</a>
</div>
</li>
<li class="glide__slide">
<div class="featured-projects__item">
<a href="/our-portfolio/2023-rivian-r1s">
<img alt="silver 2023 rivian r1s" src="https://media.cmsmax.com/ljdnegraa5rp3s2owwnb4/dsc03876.jpg">
<div class="featured-projects__text-content">
<h3>2023 Rivian R1S</h3>
<p><a class="btn btn-primary" href="/our-portfolio/2023-rivian-r1s">View More</a></p>
</div>
</a>
</div>
</li>
<li class="glide__slide">
<div class="featured-projects__item">
<a href="/our-portfolio/2023-corvette-z06">
<img alt="black 2023 corvette z06" src="https://media.cmsmax.com/ljdnegraa5rp3s2owwnb4/dsc03701.jpg">
<div class="featured-projects__text-content">
<h3>2023 Corvette Z06</h3>
<p><a class="btn btn-primary" href="/our-portfolio/2023-corvette-z06">View More</a></p>
</div>
</a>
</div>
</li>
<li class="glide__slide">
<div class="featured-projects__item">
<a href="/our-portfolio/2023-lucid-air-grand-touring">
<img alt="silver 2023 lucid air grand touring" src="https://media.cmsmax.com/ljdnegraa5rp3s2owwnb4/dsc03546-2.jpg">
<div class="featured-projects__text-content">
<h3>2023 Lucid Air Grand Touring</h3>
<p><a class="btn btn-primary" href="/our-portfolio/2023-lucid-air-grand-touring">View More</a></p>
</div>
</a>
</div>
</li>
<li class="glide__slide">
<div class="featured-projects__item">
<a href="/our-portfolio/2023-rapid-blue-c8">
<img alt="2023 rapid blue c8 with logo" src="https://media.cmsmax.com/ljdnegraa5rp3s2owwnb4/dsc03655.jpg">
<div class="featured-projects__text-content">
<h3>2023 Rapid Blue C8</h3>
<p><a class="btn btn-primary" href="/our-portfolio/2023-rapid-blue-c8">View More</a></p>
</div>
</a>
</div>
</li>
</ul>
</div>
</div>
<div class="featured-projects__view-all">
<a class="btn btn-primary btn-lg" href="/our-portfolio">View All</a>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment