PageSourceSearch

https://katie-mcgrath.com/page/2/

html katie-mcgrath.com collected 2026-10-03 02:35:03 UTC 49,332 bytes, 587 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5  <meta charset="UTF-8" />
6  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
7
8  <title>Professional Portfolio &amp; Projects - Page 2 | Katie-mcgrath</title>
9  <meta name="description" content="Showcasing professional accomplishments, creative projects, design work, and career achievements. Browse page 2 of the Katie-mcgrath archive.">
10  <meta name="keywords" content="Katie-mcgrath, professional portfolio, creative projects, design work, career achievements, Katie-mcgrath blog">
11  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1">
12  <link rel="canonical" href="https://katie-mcgrath.com/page/2/">
13
14  <meta property="og:type" content="website">
15  <meta property="og:site_name" content="Katie-mcgrath">
16  <meta property="og:locale" content="en_US">
17  <meta property="og:title" content="Professional Portfolio &amp; Projects - Page 2 | Katie-mcgrath">
18  <meta property="og:description" content="Showcasing professional accomplishments, creative projects, design work, and career achievements. Browse page 2 of the Katie-mcgrath archive.">
19  <meta property="og:url" content="https://katie-mcgrath.com/page/2/">
20  <meta name="twitter:card" content="summary_large_image">
21  <meta name="twitter:title" content="Professional Portfolio &amp; Projects - Page 2 | Katie-mcgrath">
22  <meta name="twitter:description" content="Showcasing professional accomplishments, creative projects, design work, and career achievements. Browse page 2 of the Katie-mcgrath archive.">
23  <link rel="prev" href="https://katie-mcgrath.com/">
24  <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='10' fill='%230f172a'/%3E%3Ctext x='32' y='45' font-family='Helvetica,Arial,sans-serif' font-size='38' font-weight='bold' fill='%23ffffff' text-anchor='middle'%3EN%3C/text%3E%3C/svg%3E" type="image/svg+xml">
25  <meta name="theme-color" content="#1e293b">
26  <link rel="preconnect" href="https://fonts.googleapis.com">
27  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
28  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
29  
29<script type="application/ld+json" id="ld-json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://katie-mcgrath.com/#organization","name":"Katie-mcgrath","url":"https://katie-mcgrath.com/"},{"@type":"WebSite","@id":"https://katie-mcgrath.com/#website","name":"Katie-mcgrath","url":"https://katie-mcgrath.com/","description":"Showcasing professional accomplishments, creative projects, design work, and career achievements.","inLanguage":"en","publisher":{"@id":"https://katie-mcgrath.com/#organization"}},{"@type":"CollectionPage","@id":"https://katie-mcgrath.com/page/2/#webpage","url":"https://katie-mcgrath.com/page/2/","name":"Professional Portfolio & Projects - Page 2 | Katie-mcgrath","description":"Showcasing professional accomplishments, creative projects, design work, and career achievements. Browse page 2 of the Katie-mcgrath archive.","isPartOf":{"@id":"https://katie-mcgrath.com/#website"},"inLanguage":"en"}]}</script>
29
30  
30<script type="module" crossorigin src="/assets/index-AgPqXjKg.js"></script>
30
31  <link rel="stylesheet" crossorigin href="/assets/index-DA-Ibq3e.css">
32</head>
33
34<body>
35  <div id="root"><div class="min-h-screen bg-slate-50 font-sans text-slate-900">
36  <div class="flex flex-col min-h-screen">
37    <header class="sticky top-0 z-50 bg-white border-b border-slate-200">
38    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between">
39      <a href="/" class="flex items-center gap-3 cursor-pointer group">
40        <div class="w-10 h-10 bg-slate-900 rounded flex items-center justify-center transition-transform duration-300 group-hover:-rotate-3 group-hover:scale-105">
41          <span class="text-white font-bold text-xl leading-none">N</span>
42        </div>
43        <span class="font-extrabold text-2xl tracking-tight text-slate-900">Katie-mcgrath</span>
44      </a>
45    </div>
46  </header>
47    <main class="flex-grow max-w-7xl mx-auto w-full px-4 sm:px-6 lg:px-8 py-10 md:py-16">
48      <div class="flex flex-col lg:flex-row gap-12">
49        <div class="w-full lg:w-[65%] xl:w-[70%] flex-shrink-0 space-y-10">
50          <div class="pb-2">
51            <h1 class="text-3xl sm:text-4xl lg:text-[2.75rem] font-extrabold text-slate-900 leading-[1.15] tracking-tight">Katie-mcgrath &ndash; Professional Portfolio &amp; Projects (Page 2)</h1>
52            <p class="mt-4 text-lg text-slate-600 leading-relaxed max-w-2xl">Showcasing professional accomplishments, creative projects, design work, and career achievements.</p>
53          </div>
54
55          <div class="space-y-6">
56            <article class="group bg-white rounded-2xl p-7 border border-slate-200 shadow-sm hover:shadow-md hover:-translate-y-1 transition-all duration-300">
57            <div class="flex items-center gap-4 text-[11px] font-bold uppercase tracking-widest text-slate-400 mb-4">
58              <time datetime="2026-09-19T00:15:02+00:00">September 19, 2026</time>
59              <span class="w-1 h-1 rounded-full bg-slate-300"></span>
60              <span class="flex items-center gap-1.5 text-slate-700 bg-slate-100 px-2.5 py-1 rounded-md border border-slate-200/60">portfolio</span>
61            </div>
62            <h2 class="text-2xl lg:text-3xl font-extrabold text-slate-900 mb-4 leading-tight tracking-tight">
63              <a href="/posts/charting-success-the-portfolio-playbook-that-transforms-vision-into-value/" class="hover:text-slate-600 transition-colors">Charting Success: The Portfolio Playbook That Transforms Vision into Value</a>
64            </h2>
65            <p class="text-slate-600 leading-relaxed mb-6 text-base font-normal">When the first line of my résumé blinked at me from a PDF screen, I felt less like a seasoned professional and more like a fledgling captain 
65staring...</p>
66            <a href="/posts/charting-success-the-portfolio-playbook-that-transforms-vision-into-value/" class="inline-flex items-center gap-2 text-sm font-bold text-slate-900 hover:text-slate-600 transition-colors">Read Article<span class="sr-only"> about Charting Success: The Portfolio Playbook That Transforms Vision into Value</span> &rarr;</a>
67          </article>
68<article class="group bg-white rounded-2xl p-7 border border-slate-200 shadow-sm hover:shadow-md hover:-translate-y-1 transition-all duration-300">
69            <div class="flex items-center gap-4 text-[11px] font-bold uppercase tracking-widest text-slate-400 mb-4">
70              <time datetime="2026-09-18T00:15:02+00:00">September 18, 2026</time>
71              <span class="w-1 h-1 rounded-full bg-slate-300"></span>
72              <span class="flex items-center gap-1.5 text-slate-700 bg-slate-100 px-2.5 py-1 rounded-md border border-slate-200/60">portfolio</span>
73            </div>
74            <h2 class="text-2xl lg:text-3xl font-extrabold text-slate-900 mb-4 leading-tight tracking-tight">
75              <a href="/posts/from-3-to-15-how-a-targeted-portfolio-shift-generated-250-m-in-18-months/" class="hover:text-slate-600 transition-colors">From 3 % to 15 %: How a Targeted Portfolio Shift Generated $250 M in 18 Months</a>
76            </h2>
77            <p class="text-slate-600 leading-relaxed mb-6 text-base font-normal">**&quot;What if 3 % of a portfolio’s holdings could double a company’s earnings?&quot;** A recent internal audit at Horizon Capital revealed that a single,...</p>
78            <a href="/posts/from-3-to-15-how-a-targeted-portfolio-shift-generated-250-m-in-18-months/" class="inline-flex items-center gap-2 text-sm font-bold text-slate-900 hover:text-slate-600 transition-colors">Read Article<span class="sr-only"> about From 3 % to 15 %: How a Targeted Portfolio Shift Generated $250 M in 18 Months</span> &rarr;</a>
79          </article>
80<article class="group bg-white rounded-2xl p-7 border border-slate-200 shadow-sm hover:shadow-md hover:-translate-y-1 transition-all duration-300">
81            <div class="flex items-center gap-4 text-[11px] font-bold uppercase tracking-widest text-slate-400 mb-4">
82              <time datetime="2026-09-17T04:27:25+00:00">September 17, 2026</time>
83              <span class="w-1 h-1 rounded-full bg-slate-300"></span>
84              <span class="flex items-center gap-1.5 text-slate-700 bg-slate-100 px-2.5 py-1 rounded-md border border-slate-200/60">portfolio</span>
85            </div>
86            <h2 class="text-2xl lg:text-3xl font-extrabold text-slate-900 mb-4 leading-tight tracking-tight">
87              <a href="/posts/from-cave-walls-to-cloud-dashboards-how-portfolios-transformed-through-history/" class="hover:text-slate-600 transition-colors">From Cave Walls to Cloud Dashboards: How Portfolios Transformed Through History</a>
88            </h2>
89            <p class="text-slate-600 leading-relaxed mb-6 text-base font-normal">**The First Frame: Paleolithic Sketchbooks** Picture a dimly lit cavern in Lascaux, where a hand once traced a graceful stag onto a stone surface....</p>
90            <a href="/posts/from-cave-walls-to-cloud-dashboards-how-portfolios-transformed-through-history/" class="inline-flex items-center gap-2 text-sm font-bold text-slate-900 hover:text-slate-600 transition-colors">Read Article<span class="sr-only"> about From Cave Walls to Cloud Dashboards: How Portfolios Transformed Through History</span> &rarr;</a>
91          </article>
92          </div>
93
94          <nav aria-label="Pagination" class="flex items-center justify-between pt-6 pb-4 border-t border-slate-200">
95        <a href="/" class="inline-flex items-center gap-2 px-5 py-2.5 text-sm font-bold text-slate-700 bg-white border border-slate-200 shadow-sm rounded-lg hover:bg-slate-50 transition-colors">&larr; Previous</a>
96        <span class="text-sm font-bold text-slate-400 tracking-widest uppercase">Page 2 of 2</span>
97        <span class="inline-flex items-center gap-2 px-5 py-2.5 text-sm font-bold text-slate-700 bg-white border border-slate-200 shadow-sm rounded-lg opacity-40 cursor-not-allowed">Next &rarr;</span>
98      </nav>
99        </div>
100        <div class="w-full lg:w-[35%] xl:w-[30%]">
101          <aside class="sticky top-28">
102        <h2 class="sr-only">Recommended sites</h2>
103        <div class="bg-white rounded-2xl border border-slate-200 shadow-sm p-2">
104          <ul class="max-h-[600px] overflow-y-auto custom-scrollbar flex flex-col gap-1">
105            <li>
106                <a href="https://ttyplane.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
107                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">genting138</span>
108                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
109                </a>
110              </li>
111<li>
112                <a href="https://sparkous.com/fluffy-frenchie/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
113                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot gacor</span>
114                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
115                </a>
116              </li>
117<li>
118                <a href="https://sparkous.com/fluffy-frenchie/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
119                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot gampang menang</span>
120                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
121                </a>
122              </li>
123<li>
124                <a href="https://sparkous.com/fluffy-frenchie/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
125                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot gacor gampang menang</span>
126                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
127                </a>
128              </li>
129<li>
130                <a href="https://sparkous.com/fluffy-frenchie/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
131                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot gacor 777</span>
132                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
133                </a>
134              </li>
135<li>
136                <a href="https://www.soycrema.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
137                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">nona88</span>
138                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
139                </a>
140              </li>
141<li>
142                <a href="https://sparkous.com/fluffy-frenchie/	" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
143                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot77</span>
144                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
145                </a>
146              </li>
147<li>
148                <a href="https://orderdaraz.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
149                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot777</span>
150                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
151                </a>
152              </li>
153<li>
154                <a href="https://orderdaraz.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
155                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot gacor 777</span>
156                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
157                </a>
158              </li>
159<li>
160                <a href="https://orderdaraz.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
161                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot</span>
162                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
163                </a>
164              </li>
165<li>
166                <a href="https://orderdaraz.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
167                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot 777</span>
168                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
169                </a>
170              </li>
171<li>
172                <a href="https://pwdperfum.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
173                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">genting138</span>
174                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
175                </a>
176              </li>
177<li>
178                <a href="https://pwdperfum.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
179                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot gacor 777</span>
180                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
181                </a>
182              </li>
183<li>
184                <a href="https://pwdperfum.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
185                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">situs slot777</span>
186                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
187                </a>
188              </li>
189<li>
190                <a href="https://pwdperfum.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
191                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot gacor</span>
192                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
193                </a>
194              </li>
195<li>
196                <a href="https://pwdperfum.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
197                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">daftar slot gacor 777</span>
198                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
199                </a>
200              </li>
201<li>
202                <a href="https://orderdaraz.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
203                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">nona88</span>
204                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
205                </a>
206              </li>
207<li>
208                <a href="https://sparkous.com/fluffy-frenchie/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
209                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">nona88</span>
210                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
211                </a>
212              </li>
213<li>
214                <a href="https://www.ac-volt.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
215                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot 777</span>
216                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
217                </a>
218              </li>
219<li>
220                <a href="https://www.ac-volt.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
221                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot gacor</span>
222                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
223                </a>
224              </li>
225<li>
226                <a href="https://www.ac-volt.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
227                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot gacor 777</span>
228                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
229                </a>
230              </li>
231<li>
232                <a href="https://www.teslaecofund.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
233                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">situs slot gacor 777</span>
234                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
235                </a>
236              </li>
237<li>
238                <a href="https://www.thepanaceahospital.org/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
239                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot777</span>
240                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
241                </a>
242              </li>
243<li>
244                <a href="https://www.teslaecofund.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
245                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot777</span>
246                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
247                </a>
248              </li>
249<li>
250                <a href="https://www.teslaecofund.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
251                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot gacor 777</span>
252                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
253                </a>
254              </li>
255<li>
256                <a href="https://www.teslaecofund.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
257                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot gacor</span>
258                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
259                </a>
260              </li>
261<li>
262                <a href="https://www.teslaecofund.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
263                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot 777</span>
264                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
265                </a>
266              </li>
267<li>
268                <a href="https://www.teslaecofund.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
269                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">genting138</span>
270                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
271                </a>
272              </li>
273<li>
274                <a href="https://www.teslaecofund.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
275                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot77</span>
276                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
277                </a>
278              </li>
279<li>
280                <a href="https://www.teslaecofund.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
281                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">link slot 777</span>
282                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
283                </a>
284              </li>
285<li>
286                <a href="https://reyareign.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
287                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot</span>
288                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
289                </a>
290              </li>
291<li>
292                <a href="https://reyareign.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
293                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot gacor</span>
294                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
295                </a>
296              </li>
297<li>
298                <a href="https://reyareign.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
299                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot gacor hari ini</span>
300                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
301                </a>
302              </li>
303<li>
304                <a href="https://reyareign.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
305                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot777</span>
306                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
307                </a>
308              </li>
309<li>
310                <a href="https://reyareign.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
311                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot 777</span>
312                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
313                </a>
314              </li>
315<li>
316                <a href="https://reyareign.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
317                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">link slot gacor</span>
318                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
319                </a>
320              </li>
321<li>
322                <a href="https://reyareign.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
323                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">situs slot gacor</span>
324                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
325                </a>
326              </li>
327<li>
328                <a href="https://www.thepeakspaintbar.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
329                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">link slot gacor</span>
330                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
331                </a>
332              </li>
333<li>
334                <a href="https://tobykeithtour.org/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
335                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot gacor hari ini</span>
336                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
337                </a>
338              </li>
339<li>
340                <a href="https://digtawealthnetworks.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
341                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">link slot 777</span>
342                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
343                </a>
344              </li>
345<li>
346                <a href="https://www.true-religionoutlets.us.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
347                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">star88</span>
348                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
349                </a>
350              </li>
351<li>
352                <a href="https://goodluckemployment.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
353                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">untung88</span>
354                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
355                </a>
356              </li>
357<li>
358                <a href="https://tutorialforbeginner.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
359                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">crazyrich88</span>
360                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
361                </a>
362              </li>
363<li>
364                <a href="https://fakeraybansell.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
365                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">crazyrich88</span>
366                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
367                </a>
368              </li>
369<li>
370                <a href="https://thefashionjackets.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
371                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">crazyrich88</span>
372                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
373                </a>
374              </li>
375<li>
376                <a href="https://moulaclub.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
377                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">star88</span>
378                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
379                </a>
380              </li>
381<li>
382                <a href="https://crochetsavedmylife.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
383                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">mister138</span>
384                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
385                </a>
386              </li>
387<li>
388                <a href="https://pinaymommy.com/	" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
389                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">mister138</span>
390                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
391                </a>
392              </li>
393<li>
394                <a href="https://vocsol.com/	" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
395                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">mister138</span>
396                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
397                </a>
398              </li>
399<li>
400                <a href="https://vocsol.com/	" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
401                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">mister138</span>
402                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
403                </a>
404              </li>
405<li>
406                <a href="https://navarrolandscapingllc.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
407                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">untung88</span>
408                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
409                </a>
410              </li>
411<li>
412                <a href="https://otskyofficial.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
413                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot777</span>
414                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
415                </a>
416              </li>
417<li>
418                <a href="https://popularitltd.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
419                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">spaceman slot</span>
420                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
421                </a>
422              </li>
423<li>
424                <a href="https://coreyforhouse.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
425                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">untung365</span>
426                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
427                </a>
428              </li>
429<li>
430                <a href="https://www.navarrolandscapingllc.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
431                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot gacor</span>
432                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
433                </a>
434              </li>
435<li>
436                <a href="https://theresidenceprime.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
437                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">mahjong slot</span>
438                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
439                </a>
440              </li>
441<li>
442                <a href="https://solutiondigitalx.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
443                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">untung365</span>
444                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
445                </a>
446              </li>
447<li>
448                <a href="https://www.yellowdollar.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
449                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">genting138</span>
450                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
451                </a>
452              </li>
453<li>
454                <a href="https://slotgacor.lifespancarehawaii.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
455                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot</span>
456                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
457                </a>
458              </li>
459<li>
460                <a href="https://lifespancarehawaii.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
461                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot gacor</span>
462                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
463                </a>
464              </li>
465<li>
466                <a href="https://www.digistore24partners.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
467                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">fins88</span>
468                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
469                </a>
470              </li>
471<li>
472                <a href="https://adventuresofarchibald.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
473                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">slot</span>
474                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
475                </a>
476              </li>
477<li>
478                <a href="https://www.mijitasf.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
479                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">misteruntung88</span>
480                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
481                </a>
482              </li>
483<li>
484                <a href="https://digistrikers.net/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
485                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">fins88</span>
486                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
487                </a>
488              </li>
489<li>
490                <a href="https://vilcarees.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
491                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">NUSANTARA88</span>
492                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
493                </a>
494              </li>
495<li>
496                <a href="https://capcutmodapk.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
497                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">crazyrich88</span>
498                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
499                </a>
500              </li>
501<li>
502                <a href="https://www.ideindonesia.id/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
503                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">untung88</span>
504                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
505                </a>
506              </li>
507<li>
508                <a href="https://www.newyork-defensive-driving.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
509                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">profit88</span>
510                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
511                </a>
512              </li>
513<li>
514                <a href="https://unityexpressservices.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
515                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">jo777</span>
516                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
517                </a>
518              </li>
519<li>
520                <a href="https://saboudanceacademy.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
521                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">jo777</span>
522                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
523                </a>
524              </li>
525<li>
526                <a href="https://harborgrillrestaurant.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
527                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">situs miskin gak bayar</span>
528                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
529                </a>
530              </li>
531<li>
532                <a href="https://harborgrillrestaurant.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
533                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">tai ayam</span>
534                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
535                </a>
536              </li>
537<li>
538                <a href="https://www.soycrema.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
539                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">nona88</span>
540                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
541                </a>
542              </li>
543<li>
544                <a href="https://genting138.us.com/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between p-3.5 hover:bg-slate-50 rounded-xl transition-colors duration-200 group">
545                  <span class="text-sm font-semibold text-slate-700 group-hover:text-slate-900 truncate mr-4 transition-colors">genting138</span>
546                  <span class="text-slate-300 group-hover:text-slate-600">&rarr;</span>
547                </a>
548              </li>
549          </ul>
550        </div>
551      </aside>
552        </div>
553      </div>
554    </main>
555    <footer class="mt-12 bg-white border-t border-slate-200">
556    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 lg:py-16">
557      <div class="grid grid-cols-1 md:grid-cols-3 gap-12 lg:gap-8">
558        <div class="col-span-1 md:col-span-2">
559          <div class="flex items-center gap-3 mb-5">
560            <div class="w-8 h-8 bg-slate-900 rounded flex items-center justify-center">
561              <span class="text-white font-bold text-sm leading-none">N</span>
562            </div>
563            <span class="font-extrabold text-xl tracking-tight text-slate-900">Katie-mcgrath</span>
564          </div>
565          <p class="text-slate-500 text-sm leading-relaxed max-w-xl pr-4">Katie-mcgrath hosts my professional portfolio, highlighting key projects, technical skills, and career milestones.</p>
566        </div>
567        <div>
568          <h2 class="font-bold text-slate-900 mb-5 text-[11px] tracking-widest uppercase">Site</h2>
569          <ul class="space-y-3 text-sm font-medium text-slate-500 flex flex-col items-start">
570            <li><a href="/" class="hover:text-slate-900 transition-colors text-left inline-block">Latest Articles</a></li>
571            <li><a href="/privacy-policy/" class="hover:text-slate-900 transition-colors text-left inline-block">Privacy Policy</a></li>
572            <li><a href="/terms-of-service/" class="hover:text-slate-900 transition-colors text-left inline-block">Terms of Service</a></li>
573          </ul>
574        </div>
575      </div>
576      <div class="mt-12 pt-8 border-t border-slate-200 flex flex-col sm:flex-row items-center justify-between gap-4">
577        <p class="text-slate-400 text-sm font-medium">&copy; 2026 Katie-mcgrath. All rights reserved.</p>
578        <p class="text-slate-400 text-sm font-medium">Professional Portfolio &amp; Projects</p>
579      </div>
580    </div>
581  </footer>
582  </div>
583</div></div>
584<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"c341d777cfa34777baacf88fe7837541","r":1,"spa":2}' crossorigin="anonymous"></script>
584
585</body>
586
587</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.