rimuru
/
website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3 Commits
1 Branch
0 Tags
374 MiB
Tag: Branch: Tree: master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'master'
${ noResults }
website/webdevelopment/cssessentialtraining/samples/grid7.html

97 lines
2.6 KiB
Raw Permalink Normal View History Unescape

Initial commit to gitea
1 month ago
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Grid Demonstration</title>
<link href="grid7.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="thumbnails">
<div>
<img src="thumbnails/DSC_0005.jpg" alt="">
<p>Thor on the clothes horse</p>
</div>
<div>
<img src="thumbnails/DSC_0011.jpg" alt="">
<p>Thor on the clothes horse - again</p>
</div>
<div class="caption">
<h1>These thumbnails are for experimental purposes, I am trying out as grid layout which I may use in future for pages used to showcase some of my photographs.</h1>
</div>
<div><img src="thumbnails/DSC_0038-1.jpg" alt="">
<p>Loki resting on my iPad</p>
</div>
<div>
<img src="thumbnails/DSC_0052.jpg" alt="">
<p>Thor in black and white</p>
</div>
<div>
<img src="thumbnails/DSC_0156-1.jpg" alt="">
<p>Thor at the window</p>
</div>
<div>
<img src="thumbnails/DSC_0200.JPG" alt="">
<p>Thor, the network engineer</p>
</div>
<div>
<img src="thumbnails/DSC_0362-1.jpg" alt="">
<p>Loki at the window</p>
</div>
<div>
<img src="thumbnails/DSC_0371-1-3.jpg" alt="">
<p>Close up of Loki at the window</p>
</div>
<div>
<img src="thumbnails/DSC_0371-1.jpg" alt="">
<p>Loki at the window</p>
</div>
<div>
<img src="thumbnails/DSC_0462-1.jpg" alt="">
<p>Black and white of Thor looking serious</p>
</div>
<div>
<img src="thumbnails/DSC_0483-1.jpg" alt="">
<p>Loki lying on my chair</p>
</div>
<div>
<img src="thumbnails/DSC_0490-1.jpg" alt="">
<p>Loki sitting on my chair</p>
</div>
<div>
<img src="thumbnails/DSC_0495-1.jpg" alt="">
<p>Loki on my seat again, looking worried about something</p>
</div>
<div>
<img src="thumbnails/DSC_0510-1.jpg" alt="">
<p>Loki on the cat tower</p>
</div>
<div>
<img src="thumbnails/DSC_0568-1.jpg" alt="">
<p>Loki relaxing</p>
</div>
<div>
<img src="thumbnails/DSC_0697-1.jpg" alt="">
<p>Loki looking a bit older</p>
</div>
<div>
<img src="thumbnails/DSC_0699-1.jpg" alt="">
<p>Loki sitting on the tower</p>
</div>
<div>
<img src="thumbnails/DSC_0822-1.jpg" alt="">
<p>Loki looking down from his perch on the cat tower</p>
</div>
<div>
<img src="thumbnails/DSC_0865-1.jpg" alt="">
<p>Loki finding something interesting</p>
</div>
<div>
<img src="thumbnails/DSC_1081-1.jpg" alt="">
<p>Close up of Thor</p>
</div>
</div>
</body>
</html>