Navigation (Template) - Logo (PNG/Transparent background - 200x200px) - Website Name - News, Editorial, Feature, Sports, About —-- 1. After navigation Pic 1 - size 2:4 inches landscape Pic 2 and 3 size - 1:1 inches Code: <div style="max-width:1200px;margin:0 auto;display:flex;gap:20px"> <!-- LEFT BIG CONTAINER --> <a href=" https://asul77.wordpress.com/news-page/ " style="text-decoration:none;color:black;flex:0 0 50%"> <div style="padding:10px"> <img src=" https://asul77.wordpress.com/wp-content/uploads/2025/12/untitled-design-1-1.jpg " style="width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:4px"> <h2 style="font-size:26px;font-weight:700;margin-top:15px;margin-bottom:5px"> Running on Empty: The Stuggles of Journalists </h2> <p style="font-style:italic;margin:0 0 12px;font-size:14px"> Pen Name | December 9, 2025 </p> <p style="font-size:14px;line-height:1.5"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, whenare like Aldus PageMaker including been the industry’s... </p> </div> </a> <!-- RIGHT COLUMN SPLIT --> <div style="flex:0 0 50%;display:flex;flex-direction:column;gap:20px"> <!-- CONTAINER 2 --> <a href=" https://asul77.wordpress.com/news-page/ " style="text-decoration:none;color:black"> <div style="padding:10px;background:#f4f4f4;border-radius:4px;display:flex;gap:15px"> <img src=" https://asul77.wordpress.com/wp-content/uploads/2025/12/2.jpg " style="width:38%;aspect-ratio:1/1;object-fit:cover;border-radius:4px"> <div style="width:62%"> <h3 style="font-size:20px;font-weight:700;margin:0 0 5px"> Running on Empty: The Stuggles of Journalists </h3> <p style="font-style:italic;margin:0 0 10px;font-size:13px"> Pen Name | December 9, 2025 </p> <p style="font-size:13px;line-height:1.5"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s... </p> </div> </div> </a> <!-- CONTAINER 3 --> <a href=" https://asul77.wordpress.com/news-page/ " style="text-decoration:none;color:black"> <div style="padding:10px;background:#f4f4f4;border-radius:4px;display:flex;gap:15px"> <div style="width:60%"> <h3 style="font-size:20px;font-weight:700;margin:0 0 5px"> Running on Empty: The Stuggles of Journalists </h3> <p style="font-style:italic;margin:0 0 10px;font-size:13px"> Pen Name | December 9, 2025 </p> <p style="font-size:13px;line-height:1.5"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s... </p> </div> <img src=" https://asul77.wordpress.com/wp-content/uploads/2025/12/2.jpg " style="width:40%;aspect-ratio:1/1;object-fit:cover;border-radius:4px"> </div> </a> </div> </div> 2. Sections (HTML Code) 4 images (1080x1350 px - Portrait) Hyperlinked to another site <!-- Start --> <div style="max-width:1580px;margin:auto;padding:0 5px"> <div style="display:flex;flex-wrap:nowrap;justify-content:center;gap:20px"> <!-- 1 - NEWS --> <a href=" https://asul77.wordpress.com/news-page/ " style="width:265px;text-decoration:none"> <img src=" https://asul77.wordpress.com/wp-content/uploads/2025/11/1-3.jpg " style="width:100%;border-radius:5px;display:block"> </a> <!-- 2 - EDITORIAL --> <a href=" https://asul77.wordpress.com/editorial-page/ " style="width:265px;text-decoration:none"> <img src=" https://asul77.wordpress.com/wp-content/uploads/2025/11/2-2.jpg " style="width:100%;border-radius:5px;display:block"> </a> <!-- 3 - FEATURE --> <a href=" https://asul77.wordpress.com/feature-page/ " style="width:265px;text-decoration:none"> <img src=" https://asul77.wordpress.com/wp-content/uploads/2025/11/3-2.jpg " style="width:100%;border-radius:5px;display:block"> </a> <!-- 4 - SPORTS --> <a href=" https://asul77.wordpress.com/sports-page/ " style="width:265px;text-decoration:none"> <img src=" https://asul77.wordpress.com/wp-content/uploads/2025/11/4-1.jpg " style="width:100%;border-radius:5px;display:block"> </a> </div> </div> 3. Editorial Pic size 1:1 inches <!-- Start --> <div style="background:black;width:100%;padding:40px 0"> <div style="width:100%;max-width:1000px;margin:auto;display:flex;flex-wrap:nowrap;justify-content:center;gap:50p x"> <!-- 1ST CONTAINER --> <a href=" https://asul77.wordpress.com/news-page/ " style="text-decoration:none;color:black;width:300px;border:1px solid #ccc;padding:15px;display:block;background:white"> <img src=" https://asul77.wordpress.com/wp-content/uploads/2025/12/2.jpg " style="width:100%;aspect-ratio:1/1;object-fit:cover;margin-top:10px"> <h2 style="font-size:20px;font-weight:bold;margin-top:0;line-height:1.2;color:black"> Running on Empty: The Struggles of Journalists </h2> <p style="font-style:italic;margin-top:-5px;font-size:13px;color:black"> Pen Name | December 9, 2025 </p> <p style="line-height:1.4;font-size:14px;height:90px;overflow:hidden;color:black"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard... </p> </a> <!-- 2ND CONTAINER --> <a href=" https://asul77.wordpress.com/news-page/ " style="text-decoration:none;color:black;width:300px;border:1px solid #ccc;padding:15px;display:block;background:white"> <img src=" https://asul77.wordpress.com/wp-content/uploads/2025/12/1.jpg " style="width:100%;aspect-ratio:1/1;object-fit:cover"> <h2 style="font-size:20px;font-weight:bold;margin-top:10px;line-height:1.2;color:black"> Running on Empty: The Srtuggles of Journalists </h2> <p style="font-style:italic;margin-top:-5px;font-size:13px;color:black"> Pen Name | December 9, 2025 </p> <p style="line-height:1.4;font-size:14px;height:90px;overflow:hidden;color:black"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text eve... </p> </a> <!-- 3RD CONTAINER --> <a href=" https://asul77.wordpress.com/news-page/ " style="text-decoration:none;color:black;width:300px;border:1px solid #ccc;padding:15px;display:block;background:white"> <img src=" https://asul77.wordpress.com/wp-content/uploads/2025/12/3.jpg " style="width:100%;aspect-ratio:1/1;object-fit:cover;margin-top:10px"> <h2 style="font-size:20px;font-weight:bold;margin-top:0;line-height:1.2;color:black"> Running on Empty: The Struggles of Journalists </h2> <p style="font-style:italic;margin-top:-5px;font-size:13px;color:black"> Pen Name | December 9, 2025 </p> <p style="line-height:1.4;font-size:14px;height:90px;overflow:hidden;color:black"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy.... </p> </a> </div> </div> <!-- End --> 4. Feature 3 cards (384 x 480) <!-- Start --> <div style="max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:25px;"> <!-- ====== CARD 1 ====== --> <a href=" https://yourlink1.com " style="text-decoration:none;color:#000;flex:1;min-width:250px;max-width:31%;text-align:center;"> <div style="width:70%;margin:0 auto;"> <div style="font-size:22px;font-weight:700;line-height:1.2;margin-bottom:8px;"> Running on Empty: The Stuggles of Journalists </div> <div style="font-size:13px;color:#444;margin-bottom:12px;"> By Author Name • Dec 2025 </div> <div style="width:100%;aspect-ratio:4/5;overflow:hidden;"> <img src=" https://asul77.wordpress.com/wp-content/uploads/2025/12/1-1.jpg " style="width:100%;height:100%;object-fit:cover;border-radius:2px;"> </div> </div> </a> <!-- ====== CARD 2 ====== --> <a href=" https://yourlink2.com " style="text-decoration:none;color:#000;flex:1;min-width:250px;max-width:31%;text-align:center;"> <div style="width:70%;margin:0 auto;"> <div style="font-size:22px;font-weight:700;line-height:1.2;margin-bottom:8px;"> Running on Empty: The Stuggles of Journalists </div> <div style="font-size:13px;color:#444;margin-bottom:12px;"> By Author Name • Dec 2025 </div> <div style="width:100%;aspect-ratio:4/5;overflow:hidden;"> <img src=" https://asul77.wordpress.com/wp-content/uploads/2025/12/2-1.jpg " style="width:100%;height:100%;object-fit:cover;border-radius:2px;"> </div> </div> </a> <!-- ====== CARD 3 ====== --> <a href=" https://yourlink3.com " style="text-decoration:none;color:#000;flex:1;min-width:250px;max-width:31%;text-align:center;"> <div style="width:70%;margin:0 auto;"> <div style="font-size:22px;font-weight:700;line-height:1.2;margin-bottom:8px;"> Running on Empty: The Stuggles of Journalists </div> <div style="font-size:13px;color:#444;margin-bottom:12px;"> By Author Name • Dec 2025 </div> <div style="width:100%;aspect-ratio:4/5;overflow:hidden;"> <img src=" https://asul77.wordpress.com/wp-content/uploads/2025/12/3-1.jpg " style="width:100%;height:100%;object-fit:cover;border-radius:2px;"> </div> </div> </a> </div> <!-- End --> 5. Sports: Pic Size 5:4 inches and 3 1:1 inches <!-- Start --> <div style="max-width:1100px;margin:40px auto"> <!-- TOP TITLE --> <div style="text-align:left;font-size:26px;font-weight:900;margin-bottom:30px;letter-spacing:2px"> SPORTS </div> <div style="display:flex;gap:40px;align-items:center"> <!-- ============ LEFT IMAGE (UNCHANGED) ============ --> <div style="flex:0 0 500px;display:flex;align-items:center"> <img src="https://asul77.wordpress.com/wp-content/uploads/2025/12/untitled-design-1-1.jpg" style="width:100%;height:auto;object-fit:cover;border-radius:6px"> </div> <!-- ============ RIGHT CONTENT WITH 1:1 IMAGES ============ --> <div style="flex:0 0 400px;display:flex;flex-direction:column;gap:30px"> <!-- - Block 1 - --> <div style="display:flex;gap:15px;align-items:flex-start"> <img src="https://asul77.wordpress.com/wp-content/uploads/2025/12/1-2.jpg" style="width:85px;height:85px;object-fit:cover;border-radius:4px"> <div> <div style="font-size:10px;font-weight:700;margin-bottom:6px;letter-spacing:1px;text-transform:uppercase"> Sports Editorial </div> <a href="https://asul77.wordpress.com/news-page/" style="font-size:18px;font-weight:800;color:#000;text-decoration:none;line-height:1.25;border-bottom:1px solid #000;padding-bottom:2px"> Running on Empty: The Struggles of Journalists </a> <div style="font-size:9px;margin-top:6px;font-style:italic;color:#444"> Pen Name | December 9, 2025 </div> </div> </div> <!-- - Block 2 (Big Title) - --> <div style="display:flex;gap:15px;align-items:flex-start"> <img src="https://asul77.wordpress.com/wp-content/uploads/2025/12/2-2.jpg" style="width:85px;height:85px;object-fit:cover;border-radius:4px"> <div> <div style="font-size:10px;font-weight:700;margin-bottom:6px;letter-spacing:1px;text-transform:uppercase"> Sports Editorial </div> <a href="https://asul77.wordpress.com/news-page/" style="font-size:22px;font-weight:900;color:#000;text-decoration:none;line-height:1.25;border-bottom:1px solid #000;padding-bottom:2px"> Running on Empty: The Struggles of Journalists </a> <div style="font-size:9px;margin-top:6px;font-style:italic;color:#444"> Pen Name | December 9, 2025 </div> </div> </div> <!-- - Block 3 - --> <div style="display:flex;gap:15px;align-items:flex-start"> <img src="https://asul77.wordpress.com/wp-content/uploads/2025/12/3-2.jpg" style="width:85px;height:85px;object-fit:cover;border-radius:4px"> <div> <div style="font-size:10px;font-weight:700;margin-bottom:6px;letter-spacing:1px;text-transform:uppercase"> Sports Feature </div> <a href="https://asul77.wordpress.com/news-page/" style="font-size:18px;font-weight:800;color:#000;text-decoration:none;line-height:1.25;border-bottom:1px solid #000;padding-bottom:2px"> Running on Empty: The Struggles of Journalists </a> <div style="font-size:9px;margin-top:6px;font-style:italic;color:#444"> Pen Name | December 9, 2025 </div> </div> </div> </div> </div> </div> <!-- End -->