1<!DOCTYPE html> 2<!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]--> 3<!--[if gt IE 8]> 4<!--> 5<html class="no-js" lang="en"> 6 <!--<![endif]--> 7 <head> 8 <!-- Basic Page Needs 9 ================================================== --> 10 <meta charset="utf-8" /> 11 <title>K8LNN Design | Online Portfolio</title> 12 <meta property="og:title" content="K8LNN Design | Online Portfolio" /> 13 <meta 14 property="og:description" 15 content="I am a graphic designer located in Charlottetown, PEI - Canada. I offer services in Graphic Design, Branding, Traditional Art and Advertising." 16 /> 17 <meta property="og:image" content="https://k8lnn.com/thumbnail.jpg" /> 18 <meta property="og:url" content="https://k8lnn.com" /> 19 20 <!-- Mobile Specific Metas 21 ================================================== --> 22 <meta 23 name="viewport" 24 content="width=device-width, initial-scale=1, maximum-scale=1" 25 /> 26 27 <!-- CSS 28 ================================================== --> 29 <link rel="stylesheet" href="css/base.css" /> 30 <link rel="stylesheet" href="css/skeleton.css" /> 31 <link rel="stylesheet" href="css/layout.css" /> 32 <link rel="stylesheet" href="css/font-awesome.css" /> 33 <link rel="stylesheet" href="css/ionicons.css" /> 34 <!-- <link rel="stylesheet" href="css/retina.css"/> --> 35 36 <!-- FONTS 37 ================================================== --> 38 <link rel="preconnect" href="https://fonts.gstatic.com" /> 39 <link 40 rel="stylesheet" 41 href="https://fonts.googleapis.com/css2?family=Just+Another+Hand&display=swap" 42 /> 43 44 <!-- Favicons 45 ================================================== --> 46 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> 47 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /> 48 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> 49 <link rel="manifest" href="/site.webmanifest" /> 50 <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" /> 51 <meta name="msapplication-TileColor" content="#ffffff" /> 52 <meta name="theme-color" content="#ffffff" /> 53 54
54<script type="text/javascript" src="js/modernizr.custom.js"></script>
54 55 56
56<script 57 src="https://product-gallery.cloudinary.com/all.js" 58 type="text/javascript" 59 ></script>
59 60
60<script src="js/lodash.min.js" type="text/javascript"></script>
60 61 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 80 bytes, lines 61-64
61 62 <script 63 async 64 src="https://www.googletagmanager.com/gtag/js?id=
64G-GBJL66D58G
vendor: 21 bytes, lines 64-66
64" 65 ></script> 66
66<script> 67
vendor: 163 bytes, lines 67-73
67window.dataLayer = window.dataLayer || []; 68 function gtag() { 69 dataLayer.push(arguments); 70 } 71 gtag('js', new Date()); 72 73 gtag('config', '
73G-GBJL66D58G
vendor: 8 bytes, lines 73-74
73'); 74
74</script>
74 75 </head> 76 <body class="royal_preloader"> 77 <div id="royal_preloader"></div> 78 79 <!-- Nav and Logo 80 ================================================== --> 81 82 <header class="cd-header"> 83 <div class="container menu-con"> 84 <div class="twelve columns"> 85 <div class="logo-wrap"> 86 <a href="/"><img src="images/logo.svg" alt="" /></a> 87 </div> 88 <div class="cd-primary-navbar"> 89 <a href="/#gallery-section"> Gallery </a> 90 <a href="about"> About </a> 91 <a href="blog"> Blog </a> 92 <a href="contact"> Contact </a> 93 </div> 94 <a class="cd-primary-nav-trigger" href="#"> 95 <span class="cd-menu-text"></span><span class="cd-menu-icon"></span> 96 </a> 97 </div> 98 </div> 99 </header> 100 101 <nav> 102 <div class="cd-primary-nav"> 103 <div class="cd-scndr-nav"> 104 <ul class="cd-accordion-menu animated"> 105 <!-- <li class="has-children"> 106 <input type="checkbox" name ="group-1" id="group-1"> 107 <label for="group-1"><span class="cur-nav-color">Works</span></label> 108 109 <ul> 110 <li><a class="cur-subnav-color" href="/">Text</a></li> 111 <li><a href="index1.html">Slider</a></li> 112 <li><a href="index2.html">Video</a></li> 113 <li><a href="index3.html">Parallax</a></li> 114 <li><a href="index4.html">Full-Width</a></li> 115 <li><a href="index5.html">No-Margin</a></li> 116 <li><a href="project.html">Project Page</a></li> 117 </ul> 118 </li> --> 119 120 <li class="has-children"> 121 <input type="checkbox" name="group-1" id="group-1" /> 122 <label for="group-1" 123 ><a href="/#gallery-section">Gallery</a></label 124 > 125 </li> 126 127 <li class="has-children"> 128 <input type="checkbox" name="group-2" id="group-2" /> 129 <label for="group-2"><a href="about">About</a></label> 130 </li> 131 132 <li class="has-children"> 133 <input type="checkbox" name="group-4" id="group-4" /> 134 <label for="group-4"><a href="blog">Blog</a></label> 135 </li> 136 137 <li class="has-children"> 138 <input type="checkbox" name="group-5" id="group-5" /> 139 <label for="group-5"><a href="contact">Contact</a></label> 140 </li> 141 </ul> 142 <!-- cd-accordion-menu --> 143 </div> 144 145 <ul class="nav-social"> 146 <li> 147 <a 148 class="instagram" 149 href="https://www.instagram.com/k8lnndesign" 150 target="_blank" 151 > 152 <i class="fa fa-instagram"></i> 153 </a> 154 </li> 155 <li> 156 <a 157 class="linkedin" 158 href="https://ca.linkedin.com/in/k8lnndesign" 159 target="_blank" 160 > 161 <i class="fa fa-linkedin"></i> 162 </a> 163 </li> 164 <li> 165 <a 166 class="behance" 167 href="https://www.behance.net/k8lnndesign" 168 target="_blank" 169 > 170 <i class="fa fa-behance"></i> 171 </a> 172 </li> 173 <li> 174 <a class="codepen" href="https://codepen.io/K8Lnn" target="_blank"> 175 <i class="fa fa-codepen"></i> 176 </a> 177 </li> 178 <!-- <li> 179 <a class="instagram" href="https://www.instagram.com/k8lnndesign" target="_blank"> 180 <i class="fa fa-instagram"></i> 181 </a> 182 </li> 183 <li> 184 <a class="linkedin" href="https://ca.linkedin.com/in/k8lnndesign" target="_blank"> 185 <i class="fa fa-linkedin"></i> 186 </a> 187 </li> 188 <li> 189 <a class="behance" href="https://www.behance.net/k8lnndesign" target="_blank"> 190 <i class="fa fa-behance"></i> 191 </a> 192 </li> 193 --> 194 </ul> 195 </div> 196 </nav> 197 198 <!-- Primary Page Layout 199 ================================================== --> 200 201 <div 202 class="section padding-title-top padding-title-bottom background-white" 203 > 204 <div class="container"> 205 <div class="hero-wrapper"> 206 <div class="hero-content"> 207 <!-- Hi! I'm Katelynn --> 208 <div class="banner"> 209 <img 210 class="hello-img" 211 src="images/hello.svg" 212 alt="Hello, I'm Katelynn" 213 /> 214 <h2>
214Graphic Designer | Illustrator | Animator</h2> 215 <div class="hero-cta"> 216 <a class="btn" href="#gallery-section"> View My Gallery </a> 217 </div> 218 </div> 219 </div> 220 <div class="hero-img"> 221 <img src="images/hero.svg" alt="Hero" /> 222 </div> 223 <!-- <img class="hero-img" src="images/hero.svg" alt="Hero" /> --> 224 </div> 225 <!-- <div class="twelve columns"> 226 <div class="colord-text-top parallax-fade-top"> 227 <h1><span>Specialized in</span><br><span>brand experience.</span></h1> 228 </div> 229 </div> --> 230 </div> 231 </div> 232 233 <div class="section padding-bottom background-white"> 234 <div class="container" id="gallery-section"> 235 <div class="twelve columns remove-bottom"> 236 <div id="portfolio-filter" class="portfolio-filter"> 237 <ul id="filter"> 238 <!-- <li><a href="#" class="current" data-filter="*" title="">all</a></li> 239 <li><a href="#" data-filter=".branding" title="">branding</a></li> 240 <li><a href="#" data-filter=".photo" title="">photo</a></li> 241 <li><a href="#" data-filter=".motion" title="">motion</a></li> --> 242 243 <li> 244 <a href="#" class="current" data-filter="*" title="">all</a> 245 </li> 246 <li><a href="#" data-filter=".branding" title="">branding</a></li> 247 <li><a href="#" data-filter=".digital" title="">digital</a></li> 248 <li> 249 <a href="#" data-filter=".traditional" title="">traditional</a> 250 </li> 251 <li><a href="#" data-filter=".ads" title="">ads</a></li> 252 </ul> 253 </div> 254 </div> 255 </div> 256 257 <div id="projects-grid" class="in-container have-space"></div> 258 </div> 259 260 <div class="section padding-top-bottom background-white"> 261 <div class="container"> 262 <div 263 class="six columns footer" 264 data-scroll-reveal="enter bottom move 60px over 0.5s after 0.1s" 265 > 266 <p>Say hello at <a href="mailto:[email protected]">[email protected]</a></p> 267 </div> 268 <div 269 class="six columns" 270 data-scroll-reveal="enter bottom move 60px over 0.5s after 0.1s" 271 > 272 <ul class="footer-social"> 273 <li> 274 <a 275 class="instagram tipped" 276 data-title="<em>instagram</em>" 277 data-tipper-options='{"direction":"bottom","follow":"true","margin":20}' 278 href="https://www.instagram.com/k8lnndesign" 279 target="_blank" 280 > 281 <i class="fa fa-instagram"></i> 282 </a> 283 </li> 284 <li> 285 <a 286 class="linkedin tipped" 287 data-title="<em>linkedin</em>" 288 data-tipper-options='{"direction":"bottom","follow":"true","margin":20}' 289 href="https://ca.linkedin.com/in/k8lnndesign" 290 target="_blank" 291 > 292 <i class="fa fa-linkedin"></i> 293 </a> 294 </li> 295 <li> 296 <a 297 class="behance tipped" 298 data-title="<em>behance</em>" 299 data-tipper-options='{"direction":"bottom","follow":"true","margin":20}' 300 href="https://www.behance.net/k8lnndesign" 301 target="_blank" 302 > 303 <i class="fa fa-behance"></i> 304 </a> 305 </li> 306 <li> 307 <a 308 class="codepen tipped" 309 data-title="<em>codepen</em>" 310 data-tipper-options='{"direction":"bottom","follow":"true","margin":20}' 311 href="https://codepen.io/K8Lnn" 312 target="_blank" 313 > 314 <i class="fa fa-codepen"></i> 315 </a> 316 </li> 317 <!-- <li> 318 <a class="instagram" href="https://www.instagram.com/k8lnndesign" target="_blank"> 319 <i class="fa fa-instagram"></i> 320 </a> 321 </li> 322 <li> 323 <a class="linkedin" href="https://ca.linkedin.com/in/k8lnndesign" target="_blank"> 324 <i class="fa fa-linkedin"></i> 325 </a> 326 </li> 327 <li> 328 <a class="behance" href="https://www.behance.net/k8lnndesign" target="_blank"> 329 <i class="fa fa-behance"></i> 330 </a> 331 </li> 332 --> 333 </ul> 334 </div> 335 </div> 336 </div> 337 338 <div 339 class="scroll-to-top tipped" 340 data-title="<em>scroll to top</em>" 341 data-tipper-options='{"direction":"bottom","follow":"true","margin":20}' 342 ></div> 343 344 <!-- JAVASCRIPT 345 ================================================== --> 346
346<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
346 347
347<script type="text/javascript" src="js/royal_preloader.min.js"></script>
347 348 <!--
348<script type="text/javascript" src="js/retina-1.1.0.min.js"></script>
348 --> 349
349<script type="text/javascript" src="js/jquery.easing.js"></script>
349 350
350<script type="text/javascript" src="js/menu.js"></script>
350 351
351<script type="text/javascript" src="js/tipper.js"></script>
351 352
352<script type="text/javascript" src="js/masonry.js"></script>
352 353
353<script type="text/javascript" src="js/isotope.js"></script>
353 354
354<script type="text/javascript" src="js/scrollReveal.js"></script>
354 355
355<script type="text/javascript" src="js/custom-work.js"></script>
355 356
356<script type="text/javascript" src="js/custom.js"></script>
356 357 <!-- End Document 358================================================== --> 359 </body> 360</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.