<!doctype html>
<html lang="en" class="no-js" data-level="0">
<!-- Generated by jAlbum app (https://jalbum.net) -->
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<link rel="preload" href="res/icon/skinicon-thin.woff?v5.2" as="font" type="font/woff" crossorigin>
<link rel="preload" href="res/icon/skinicon-thin.ttf?v5.2" as="font" type="font/ttf" crossorigin>
<link rel="prefetch" href="res/icon/skinicon-thin.svg?v5.2" as="font">
<title>Love Story</title>
<meta name="description" content="Love Story">
<meta name="generator" content="jAlbum 35.0.2 & Story 5.2 [Lavender]">
<meta property="og:image" content="shareimage.jpg">
<meta property="og:image:width" content="600">
<meta property="og:image:height" content="420">
<link rel="image_src" href="shareimage.jpg">
<meta name="twitter:image" content="shareimage.jpg">
<meta property="og:title" content="Love Story">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta name="twitter:title" content="Love Story">
<meta name="twitter:card" content="summary_large_image">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="manifest" href="res/site.webmanifest" crossorigin="use-credentials">
<link rel="apple-touch-icon" sizes="180x180" href="res/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="res/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="res/favicon-16x16.png">
<link rel="mask-icon" href="res/safari-pinned-tab.svg" color="#ffffff">
<link rel="icon" href="res/favicon.ico">
<meta name="msapplication-config" content="res/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<meta name="msapplication-TileColor" content="#ffffff">
<link rel="stylesheet" href="res/common.css?v=5.2">
<link rel="preload" href="folderimg.jpg" as="image" media="(max-width: 800px)">
<link rel="preload" href="folderimage.jpg" as="image" media="(min-width: 801px)">
<style>
@media (max-width:800px) { .hero { background-image: url(folderimg.jpg); } }
@media (min-width:801px) { .hero { background-image: url(folderimage.jpg); } }
</style>
<meta https-equiv="Content-Security-Policy" content="default-src *; script-src 'self' 'unsafe-inline'">
<link rel="alternate" href="album.rss" type="application/rss+xml">
</head>
<body id="index" class="index scrollable stop-transitions light-mode top-level icon-thin">
<div class="main hover-zoom" id="main">
<section id="panels" class="panels">
<aside id="controls" class="controls no-color"><a class="icon-connect button social-btn" data-autoclose="20000"data-rel="social"></a><a class="icon-camera button photodata-btn index-hide" data-autoclose="20000"data-rel="photodata"></a><a class="icon-facetag button regions-btn index-hide" data-autoclose="20000"data-tooltip="Face tags"></a><a class="icon-volume-up button audioclip-btn index-hide" data-autoclose="20000"data-rel="audioclip"></a> </aside>
<div id="social" class="social-cont panel"><div class="social"></div></div>
<div id="photodata" class="photodata-cont scrollable panel"><div class="photodata"></div></div>
<div id="audioclip" class="audioclip-cont paused panel"></div>
</section>
<section class="hero has-slider desaturate">
<div class="slider" data-slider='{"delay":"4000"}'><div class="slide init"></div></div>
<div class="cont scrollable flat transparent dark">
<div class="title">
<h1>Love Story</h1>
</div>
<div class="buttons"><a href="#main-cont" data-smoothscroll="#main-cont,.overlay" class="continue-btn icon-arrow-down button"></a></div>
</div>
</section>
<article id="main-cont" class="content base-overlay buttons-above-hero different-thumbnails hover-zoom">
<section class="thumbnails">
<div class="cont thumb-cont patchwork caption-over bottom caption-dark caption-on-hover multi">
<div class="grid-col cols-2">
<div class="grid-cell grid-sspp col-1"><div class="card preload th1 square"><a class="image" href="slides/PHOTO-2025-01-04-21-56-41.jpg"><img src="thumbs/PHOTO-2025-01-04-21-56-41.jpg"></a></div><div class="card preload th2 square"><a class="image" href="slides/PHOTO-2025-01-04-21-56-41%20%281%29.jpg"><img src="thumbs/PHOTO-2025-01-04-21-56-41%20%281%29.jpg"></a></div><div class="card preload th3 portrait"><a class="image" href="slides/PHOTO-2025-01-04-21-42-51.jpg"><img src="thumbs/PHOTO-2025-01-04-21-42-51.jpg"></a></div><div class="card preload th4 portrait"><a class="image" href="slides/PHOTO-2025-01-04-21-42-51%20%281%29.jpg"><img src="thumbs/PHOTO-2025-01-04-21-42-51%20%281%29.jpg"></a></div></div>
<div class="grid-cell grid-sssp col-2"><div class="card preload th1 square"><a class="image" href="slides/PHOTO-2025-01-04-21-06-42.jpg"><img src="thumbs/PHOTO-2025-01-04-21-06-42.jpg"></a></div><div class="card preload th2 square"><a class="image" href="slides/PHOTO-2025-01-04-21-06-42%20%281%29.jpg"><img src="thumbs/PHOTO-2025-01-04-21-06-42%20%281%29.jpg"></a></div><div class="card preload th3 square"><a class="image" href="slides/PHOTO-2025-01-04-21-06-42%20%282%29.jpg"><img src="thumbs/PHOTO-2025-01-04-21-06-42%20%282%29.jpg"></a></div><div class="card preload th4 portrait"><a class="image" href="slides/PHOTO-2025-01-04-21-06-42%20%283%29.jpg"><img src="thumbs/PHOTO-2025-01-04-21-06-42%20%283%29.jpg"></a></div></div>
</div>
</div>
</section>
</article>
</div>
<footer class="index">
<div class="cont">
<div class="folder-info">
<div class="modifieddate"><span>Modified</span> 1/6/25, 5:35 PM</div><div class="counts"><span class="images">8 images</span></div>
<span class="credits"><a href="https://jalbum.net/en/" class="skin-link" rel="generator" data-tooltip title="jAlbum, web photo album creator, 35.0.2">jAlbum - customizable image galleries</a> · <a href="https://jalbum.net/skins/skin/Story" class="skin-link" rel="generator" data-tooltip title="Skin: Story Lavender, 5.2">Story</a></span>
</div>
</div>
</footer>
<script src="res/jquery.min.js"></script>
<script src="res/all.min.js?v=5.2"></script>
<script>
_jaWidgetBarColor = 'white';
$(document).ready(function(){
REL_PATH='';
$.ajaxSetup({cache:true,contentType:false});
$('body').removeClass('stop-transitions');
$('.hero .buttons .button').eq(0).focus();
$('#main').skin({"albumName":"Love Story","makeDate":1736202953,"licensee":"f3e14c379b82bfcfd2c6535c686f7f84","thumbDims":[645,478],"thumbsFill":!0,"locale":"en-US","thumbGap":6,"weblocationCounts":!0,"share":{"sites":"link","hook":".social"},"captionClasses":"caption-over bottom caption-dark hover-zoom caption-on-hover","thumbLayout":"patchwork","pageType":"index","rootPath":"","resPath":"res","relPath":"","level":0,"lightbox":{"afterLast":"ask","maxZoom":1.2,"displayOriginals":!1,"fitPadding":0,"showShare":!0,"showRegions":!0,"speed":1000,"slideshowDelay":3000,"autohideControls":!0,"autoPano":!0,"useGoogleDocs":!1,"clickAction":"toggleall"}});
$('[data-tooltip]').addTooltip();
$('[data-ask-permission]').askPermission();
$('body').scrollToTopBtn();
$('[data-smoothscroll]').smoothScroll({"below":"#controls"});
});
</script>
<div id="jalbumwidgetcontainer"></div>
<script>
_jaSkin = "Story";
_jaStyle = "Lavender.css";
_jaVersion = "35.0.2";
_jaGeneratorType = "desktop";
_jaLanguage = "en";
_jaPageType = "index";
_jaRootPath = ".";
_jaUserId = "790827";
var script = document.createElement("script");
script.type = "text/javascript";
script.async = true;
script.src = "http"+("https:"==document.location.protocol?"s":"")+"://jalbum.net/widgetapi/load.js";
document.getElementById("jalbumwidgetcontainer").appendChild(script);
</script>
</body>
</html>