160 lines
5.0 KiB
HTML
160 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Ferano.io | Showcase</title>
|
|
<link rel="stylesheet" href="main.css">
|
|
<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=Playfair:wght@300&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div id="topbar"></div>
|
|
<!-- <div class="overlay-gradient"></div> -->
|
|
<svg class="o-grad" xmlns='http://www.w3.org/2000/svg'>
|
|
<filter id='noiseFilter'>
|
|
<feTurbulence
|
|
type='fractalNoise'
|
|
baseFrequency='6.29'
|
|
numOctaves='3'
|
|
stitchTiles='stitch'/>
|
|
</filter>
|
|
</svg>
|
|
<div id="content">
|
|
<div class="content-topbar" id="content-topbar-4"></div>
|
|
<div id="content-body">
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/01.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/02.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/03.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/04.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/05.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/06.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/07.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/08.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/09.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/10.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/11.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/12.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/13.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/14.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/15.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/16.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/17.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/18.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/19.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/20.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/21.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/22.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/23.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/24.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/25.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
<div class="gallery">
|
|
<a target="_blank" href="https://ferano.io">
|
|
<img src="./thumbs/26.PNG" alt="Some Project" width="200" height="150">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|