ÿþ<html>

<head>
<meta http-equiv=Content-Type content="text/html; charset=unicode">
<meta name=Generator content="Microsoft Word 15 (filtered)">
<title>Modern Photo Gallery</title>
<link rel=Stylesheet type="text/css" media=all
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;display=swap">
<link rel=Stylesheet type="text/css" media=all
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
<!--.GALLERY-ITEM
	{transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.GALLERY-ITEM:hover .OVERLAY
	{opacity: 1;}
.GALLERY-ITEM:hover img
	{transform: scale(1.05);}

 /* Font Definitions */
 @font-face
	{font-family:"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
	{font-family:Inter;
	panose-1:2 11 6 4 2 2 2 2 2 4;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin:0in;
	font-size:12.0pt;
	font-family:"Times New Roman",serif;}
h1
	{mso-style-link:"Heading 1 Char";
	margin-right:0in;
	margin-left:0in;
	font-size:24.0pt;
	font-family:"Times New Roman",serif;
	font-weight:bold;}
h2
	{mso-style-link:"Heading 2 Char";
	margin-right:0in;
	margin-left:0in;
	font-size:18.0pt;
	font-family:"Times New Roman",serif;
	font-weight:bold;}
p.MsoHeader, li.MsoHeader, div.MsoHeader
	{mso-style-link:"Header Char";
	margin:0in;
	font-size:12.0pt;
	font-family:"Times New Roman",serif;}
p.MsoFooter, li.MsoFooter, div.MsoFooter
	{mso-style-link:"Footer Char";
	margin:0in;
	font-size:12.0pt;
	font-family:"Times New Roman",serif;}
p
	{margin-right:0in;
	margin-left:0in;
	font-size:12.0pt;
	font-family:"Times New Roman",serif;}
span.Heading1Char
	{mso-style-name:"Heading 1 Char";
	mso-style-link:"Heading 1";
	font-family:"Aptos Display",sans-serif;
	color:#0F4761;}
span.Heading2Char
	{mso-style-name:"Heading 2 Char";
	mso-style-link:"Heading 2";
	font-family:"Aptos Display",sans-serif;
	color:#0F4761;}
span.HeaderChar
	{mso-style-name:"Header Char";
	mso-style-link:Header;
	font-family:"Times New Roman",serif;}
span.FooterChar
	{mso-style-name:"Footer Char";
	mso-style-link:Footer;
	font-family:"Times New Roman",serif;}
p.text-xs, li.text-xs, div.text-xs
	{mso-style-name:text-xs;
	margin-right:0in;
	margin-left:0in;
	font-size:12.0pt;
	font-family:"Times New Roman",serif;}
p.text-slate-600, li.text-slate-600, div.text-slate-600
	{mso-style-name:text-slate-600;
	margin-right:0in;
	margin-left:0in;
	font-size:12.0pt;
	font-family:"Times New Roman",serif;}
.MsoChpDefault
	{font-size:10.0pt;}
 /* Page Definitions */
 @page WordSection1
	{size:8.5in 11.0in;
	margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
	{page:WordSection1;}
-->
</style>

<meta charset=UTF-8>
<meta name=viewport content="width=device-width, initial-scale=1.0">
<!-- Tailwind CSS CDN --><!-- Google Fonts Inter --><!-- FontAwesome Icons -->
</head>

<body bgcolor="#156082" lang=EN-US link="#467886" vlink="#96607D"
style='word-wrap:break-word'>

<div class=WordSection1>

<div>

<div>

<div>

<h1><span lang=EN style='font-family:Inter;color:white'>Reza Gorji s
Photography Gallery</span></h1>

<p class=text-xs><span lang=EN style='font-family:Inter;color:white'>Welcome to
my Curated Photography Portfolio</span></p>

</div>

</div>

</div>

<div><!-- Theme Toggle Button -->
<button id=themeToggle
class="p-2.5 rounded-xl bg-slate-100 dark:bg-slate-800 text-slate-600 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-700 transition"
aria-label="Toggle theme"></button>

<h2><span lang=EN style='font-family:Inter'></header><!-- Main Content --><main class="flex-grow max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10 w-full"><!-- Hero intro section -->Capturing
Moments in Time</span></h2>

<p class=text-slate-600><span lang=EN style='font-family:Inter'>Explore
stunning visual stories spanning breathtaking landscapes, architectural
marvels, vibrant wildlife, and serene nature.</span></p>

</div>

<!-- Filter Categories -->
<button data-filter=all
class="filter-btn px-5 py-2.5 rounded-full text-sm font-medium bg-indigo-600 text-white shadow-md shadow-indigo-500/20 transition-all hover:bg-indigo-700">

<div id=lightbox>

<div>

<p class=MsoNormal><span lang=EN style='font-family:Inter'>This page will be
updated soon.</span></p>

</div>

</div>

<p id=lightboxCategory><span lang=EN style='font-family:Inter'><!-- Footer --><footer class="bg-white dark:bg-slate-900 border-t border-slate-200 dark:border-slate-800 py-6 mt-16 text-center text-sm text-slate-500 dark:text-slate-400">©
2026 Reza Gorji. Crafted with passion. </span></p>

</footer><!-- JavaScript Application Logic --></button>
</div>

</button>
</body>

</html>