JosephFerano/ferano.io-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Setting up an showcase gallery

Browse Source
This commit is contained in:
Joseph Ferano 2023-08-22 15:17:27 +07:00
parent 0ffd168d18
commit 90b5f3cda1
28 changed files with 165 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

159
gallery.html Normal file
View File

@ -0,0 +1,159 @@
<!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="./gallery/thumbs/gallery-thumbs/01.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/02.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/03.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/04.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/05.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/06.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/07.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/08.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/09.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/10.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/11.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/12.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/13.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/14.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/15.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/16.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/17.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/18.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/19.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/20.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/21.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/22.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/23.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/24.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/25.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
<div class="gallery">
<a target="_blank" href="https://ferano.io">
<img src="./gallery/thumbs/gallery-thumbs/26.PNG" alt="Some Project" width="200" height="150">
</a>
</div>
</div>
</body>
</html>

6
main.css
View File

@ -74,6 +74,12 @@ p {
padding: 0px; padding: 0px;
} }
div.gallery {
float: left;
margin: -10px;
width: 200px;
}
span { span {
font-family: 'Playfair', serif; font-family: 'Playfair', serif;
} }

BIN
thumbs/01.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 74 KiB

BIN
thumbs/02.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
thumbs/03.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
thumbs/04.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

BIN
thumbs/05.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
thumbs/06.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 79 KiB

BIN
thumbs/07.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
thumbs/08.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
thumbs/09.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
thumbs/10.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
thumbs/11.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
thumbs/12.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
thumbs/13.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
thumbs/14.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
thumbs/15.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
thumbs/16.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
thumbs/17.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

BIN
thumbs/18.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
thumbs/19.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
thumbs/20.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
thumbs/21.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 76 KiB

BIN
thumbs/22.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
thumbs/23.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
thumbs/24.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 60 KiB

BIN
thumbs/25.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

BIN
thumbs/26.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB