94 lines
3.7 KiB
HTML
94 lines
3.7 KiB
HTML
<html data-vvvebjs-editor><head><base src="../"><link href="../css/style.bundle.css" rel="stylesheet"><link href="../css/screenshots.css" rel="stylesheet"><style>[data-reveal] {
|
|
opacity: 1;
|
|
transform: translate(0);
|
|
}</style><link href="../css/screenshots.css" rel="stylesheet"></head><body><section title="Portfolio 1" class="portfolio-1 my-5" aria-label="portfolio-1">
|
|
<div class="row justify-content-center pb-2">
|
|
<div class="col-md-7 heading-section text-center">
|
|
<h2 class="text-center display-6 mb-1 fw-bold">Portfolio</h2>
|
|
<p class="lead text-center text-muted mb-4">Some of our work</p>
|
|
</div>
|
|
</div>
|
|
<div class="gallery masonry" data-component-gallery="portfolio-1">
|
|
<div class="item" data-aos="fade-up">
|
|
<a href="/demo/video-1.webp">
|
|
<img class="img-fluid" src="demo/img/video-1.webp">
|
|
</a>
|
|
</div>
|
|
<div class="item" data-aos="fade-up" data-aos-delay="100">
|
|
<a href="/demo/video-1.webp">
|
|
<img class="img-fluid" src="demo/img/video-1.webp">
|
|
</a>
|
|
</div>
|
|
<div class="item" data-aos="fade-up" data-aos-delay="200">
|
|
<a href="/demo/video-1.webp">
|
|
<img class="img-fluid" src="demo/img/video-1.webp">
|
|
</a>
|
|
</div>
|
|
<div class="item" data-aos="fade-up" data-aos-delay="300">
|
|
<a href="/demo/video-1.webp">
|
|
<img class="img-fluid" src="demo/img/video-1.webp">
|
|
</a>
|
|
</div>
|
|
<div class="item" data-aos="fade-up" data-aos-delay="400">
|
|
<a href="/demo/video-1.webp">
|
|
<img class="img-fluid" src="demo/img/video-1.webp">
|
|
</a>
|
|
</div>
|
|
<div class="item" data-aos="fade-up" data-aos-delay="500">
|
|
<a href="/demo/video-1.webp">
|
|
<img class="img-fluid" src="demo/img/video-1.webp">
|
|
</a>
|
|
</div>
|
|
<div class="item" data-aos="fade-up" data-aos-delay="600">
|
|
<a href="/demo/video-1.webp">
|
|
<img class="img-fluid" src="demo/img/video-1.webp">
|
|
</a>
|
|
</div>
|
|
<div class="item" data-aos="fade-up" data-aos-delay="700">
|
|
<a href="/demo/video-1.webp">
|
|
<img class="img-fluid" src="demo/img/video-1.webp">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section><section title="Portfolio 2" class="portfolio-2 my-5" aria-label="portfolio-2">
|
|
<div class="container">
|
|
<div class="row justify-content-center pb-2">
|
|
<div class="col-md-7 text-center">
|
|
<h2 class="text-center display-6 mb-1 fw-bold">Portfolio</h2>
|
|
<p class="lead text-center text-muted mb-4">Some of our work</p>
|
|
</div>
|
|
</div>
|
|
<div class="gallery masonry has-shadow" data-component-gallery="portfolio-1">
|
|
<div class="item" data-aos="fade-up">
|
|
<a href="/demo/video-1.webp">
|
|
<img class="img-fluid" src="demo/img/video-1.webp">
|
|
</a>
|
|
</div>
|
|
<div class="item" data-aos="fade-up" data-aos-delay="100">
|
|
<a href="/demo/video-1.webp">
|
|
<img class="img-fluid" src="demo/img/video-1.webp">
|
|
</a>
|
|
</div>
|
|
<div class="item" data-aos="fade-up" data-aos-delay="200">
|
|
<a href="/demo/video-1.webp">
|
|
<img class="img-fluid" src="demo/img/video-1.webp">
|
|
</a>
|
|
</div>
|
|
<div class="item" data-aos="fade-up" data-aos-delay="300">
|
|
<a href="/demo/video-1.webp">
|
|
<img class="img-fluid" src="demo/img/video-1.webp">
|
|
</a>
|
|
</div>
|
|
<div class="item" data-aos="fade-up" data-aos-delay="400">
|
|
<a href="/demo/video-1.webp">
|
|
<img class="img-fluid" src="demo/img/video-1.webp">
|
|
</a>
|
|
</div>
|
|
<div class="item" data-aos="fade-up" data-aos-delay="500">
|
|
<a href="/demo/video-1.webp">
|
|
<img class="img-fluid" src="demo/img/video-1.webp">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section></body></html> |