&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Andy Anderson - Photos Gallery&lt;/title&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;../css/main.css&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;../css/responsive.css&quot;&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;header&gt;
        &lt;nav&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href=&quot;/&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;/biography/early-life.html&quot;&gt;Biography&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;/career/timeline.html&quot;&gt;Career &amp;amp; Competitions&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;/style/unique-approach.html&quot;&gt;Style &amp;amp; Tricks&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;/media/interviews.html&quot;&gt;Media Hub&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;/gallery/photos.html&quot;&gt;Gallery&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;/sponsors/index.html&quot;&gt;Sponsors &amp;amp; Gear&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;/community/crew.html&quot;&gt;Community &amp;amp; Crew&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/nav&gt;
    &lt;/header&gt;
    &lt;main&gt;
        &lt;h1&gt;Photos Gallery&lt;/h1&gt;
        &lt;section class=&quot;action-photos&quot;&gt;
            &lt;h2&gt;Action Photography&lt;/h2&gt;
            &lt;img src=&quot;/images/action1.jpg&quot; alt=&quot;Andy performing a trick&quot; loading=&quot;lazy&quot;&gt;
            &lt;!-- Add more images --&gt;
        &lt;/section&gt;
        &lt;section class=&quot;competition-photos&quot;&gt;
            &lt;h2&gt;Competition Photos&lt;/h2&gt;
            &lt;img src=&quot;/images/competition1.jpg&quot; alt=&quot;Andy at Olympics&quot; loading=&quot;lazy&quot;&gt;
            &lt;!-- Add more images --&gt;
        &lt;/section&gt;
        &lt;section class=&quot;behind-scenes&quot;&gt;
            &lt;h2&gt;Behind-the-Scenes&lt;/h2&gt;
            &lt;img src=&quot;/images/behind1.jpg&quot; alt=&quot;Behind the scenes&quot; loading=&quot;lazy&quot;&gt;
            &lt;!-- Add more images --&gt;
        &lt;/section&gt;
        &lt;section class=&quot;personal-photos&quot;&gt;
            &lt;h2&gt;Personal Life Photos&lt;/h2&gt;
            &lt;img src=&quot;/images/personal1.jpg&quot; alt=&quot;Andy with family&quot; loading=&quot;lazy&quot;&gt;
            &lt;!-- Add more images --&gt;
        &lt;/section&gt;
    &lt;/main&gt;
    &lt;footer&gt;
        &lt;p&gt;&amp;copy; 2025 Andy Anderson Bio Site. All rights reserved.&lt;/p&gt;
    &lt;/footer&gt;
    &lt;script src=&quot;../js/main.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;../js/animations.js&quot;&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;