1<!DOCTYPE html> 2<!-- This site created with SiteWelder, LLC - https://www.sitewelder.com/ --> 3 4 5<html> 6<head> 7<meta name="client_url" content="http://www.lisanipp.com/index.html"> 8<meta name="machine" content="38.90.146.54"> 9<meta name="SW-Protocol" content="https"> 10<title>Lisa Nipp Photography</title> 11<link href="/styles.css" rel="stylesheet" type="text/css"> 12<META HTTP-EQUIV="imagetoolbar" CONTENT="no"> 13<META NAME="description" CONTENT="Lisa Nipp specializes in editorial, documentary, and corporate photography in Washington, D.C. She is available for assignments worldwide."> 14<META NAME="keywords" CONTENT="editorial, documentary, corporate, photography, photographer, Tennessee, south, dixie, transition, kosovo, transplant, campaign, Al Gore, Washington DC, portraits, portraiture, digital, film, color, black and white, location lighting, Eastern Europe, health, women's issues, annual reports, CEO profiles, business profiles, kids, businessmen, writers, line-dancing, NASCAR, dogs, tornado, Statue of Liberty, scientists, rabbi, cemetery tour, Jane Powell, Alice Randall, beauty pageant, tobacco, politics, good old boys, World War II Memorial, divining for water, space shuttle, Atlantis, lemon gelee, panne cotta, Al Franken, E. Gordon Gee, Ten Commandments, high school, families, Iraq War, 180s, railroad, death row, Marriott, Saturn, Nissan, car manufacturing, plants, CEO, kindergarten, losing, coming to America, Albanian, Prizren, Pristina, babina, chess, funeral, KLA, Vanderbilt Hospital, heart, lung, 2000, presidential campaign"> 15<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> 16<meta property="og:url" content="http://www.lisanipp.com/" /> 17<meta property="og:title" content="Lisa Nipp Photography" /> 18<meta property="og:description" content="Lisa Nipp specializes in editorial, documentary, and corporate photography in Washington, D.C. She is available for assignments worldwide." /> 19 20 21<meta property="og:image" content="https://www.lisanipp.com/users/LisaNipp1821/largerThumbs/LisaNipp1821648230t.jpg" /> 22<meta property="og:image:width" content="313" /> 23<meta property="og:image:height" content="450" /> 24 25<meta property="og:image" content="https://www.lisanipp.com/users/LisaNipp1821/largerThumbs/LisaNipp182182730t.jpg" /> 26<meta property="og:image:width" content="450" /> 27<meta property="og:image:height" content="300" /> 28 29<meta property="og:image" content="https://www.lisanipp.com/users/LisaNipp1821/largerThumbs/LisaNipp182170401t.jpg" /> 30<meta property="og:image:width" content="450" /> 31<meta property="og:image:height" content="300" /> 32 33<meta property="og:image" content="https://www.lisanipp.com/users/LisaNipp1821/largerThumbs/LisaNipp1821648228t.jpg" /> 34<meta property="og:image:width" content="450" /> 35<meta property="og:image:height" content="300" /> 36 37<meta property="og:image" content="https://www.lisanipp.com/users/LisaNipp1821/largerThumbs/LisaNipp182184911t.jpg" /> 38<meta property="og:image:width" content="306" /> 39<meta property="og:image:height" content="450" /> 40 41<meta property="og:image" content="https://www.lisanipp.com/users/LisaNipp1821/largerThumbs/LisaNipp182171397t.jpg" /> 42<meta property="og:image:width" content="450" /> 43<meta property="og:image:height" content="300" /> 44 45<meta property="og:image" content="https://www.lisanipp.com/users/LisaNipp1821/largerThumbs/LisaNipp182170400t.jpg" /> 46<meta property="og:image:width" content="450" /> 47<meta property="og:image:height" content="306" /> 48 49<meta property="og:image" content="https://www.lisanipp.com/users/LisaNipp1821/largerThumbs/LisaNipp182170378t.jpg" /> 50<meta property="og:image:width" content="450" /> 51<meta property="og:image:height" content="300" /> 52 53<meta property="og:image" content="https://www.lisanipp.com/users/LisaNipp1821/largerThumbs/LisaNipp182182876t.jpg" /> 54<meta property="og:image:width" content="450" /> 55<meta property="og:image:height" content="300" /> 56 57<meta property="og:image" content="https://www.lisanipp.com/users/LisaNipp1821/largerThumbs/LisaNipp182182834t.jpg" /> 58<meta property="og:image:width" content="300" /> 59<meta property="og:image:height" content="450" /> 60 61<meta property="og:image" content="https://www.lisanipp.com/users/LisaNipp1821/largerThumbs/LisaNipp182181126t.jpg" /> 62<meta property="og:image:width" content="450" /> 63<meta property="og:image:height" content="300" /> 64 65<meta property="og:image" content="https://www.lisanipp.com/users/LisaNipp1821/largerThumbs/LisaNipp182182831t.jpg" /> 66<meta property="og:image:width" content="450" /> 67<meta property="og:image:height" content="368" /> 68 69<meta property="og:image" content="https://www.lisanipp.com/users/LisaNipp1821/largerThumbs/LisaNipp182182984t.jpg" /> 70<meta property="og:image:width" content="450" /> 71<meta property="og:image:height" content="291" /> 72 73 74 75 76 77 78 79 80 81<LINK REL="SHORTCUT ICON" HREF="art_shared/favicon.ico"> 82
83<script src="https://kit.fontawesome.com/fc42bf0aa2.js" crossorigin="anonymous"></script>
83 84<link rel="preconnect" href="https://fonts.googleapis.com"> 85<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 86<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet"> 87 88 89 90 91 92 93 94 95 96<link rel="stylesheet" type="text/css" href="/styles-inputs.css.html">
97<script language="JavaScript"> 98<!-- 99function NewWindow(mypage, myname, w, h, scroll) { 100var winl = (screen.width - w) / 2; 101var wint = (screen.height - h) / 3; 102winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',notresizable' 103win = window.open(mypage, myname, winprops) 104if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); } 105} 106//--> 107</script>
107 108
109<script src="//code.jquery.com/jquery-1.9.1.js"></script>
vendor: 1 bytes, line 109
109
110<script type="text/javascript" src="/js/jquery.cycle.all.js"></script>
110 111 112
113<script type="text/javascript" src="/chromejs/chrome.js"></script>
113 114 115 116 117 118<style> 119.imageContentDiv { 120 width:100% !important; 121 max-width: calc(100vw - 30px) !important; 122 height:100% !important; 123 margin: 0 auto; 124 max-height: calc(100vh - 230px) !important; 125 126 max-height: calc(100vh - 300px) !important; 127 128 display:block; 129 padding: 0; 130} 131.maxHeighter { 132 width:100vw !important; 133 height: 100vh !important; 134 max-height: calc(100vh - 230px) !important; 135 136 max-height: calc(100vh - 300px) !important; 137 138} 139.maxHeighterSingleEncloser { 140 height: 100vh !important; 141 max-height: calc(100vh - 230px) !important; 142 143 max-height: calc(100vh - 300px) !important; 144 145display: table; 146} 147.maxHeighterSingle { 148 height: 100% !important; 149 display: table-cell; 150 vertical-align: middle; 151} 152.maxHeighterSingle img { 153 max-width: 100%; 154 height:auto; 155 max-height: calc(100vh - 250px) !important; 156 157 max-height: calc(100vh - 300px) !important; 158 159} 160/* FOR PHONE, mainly due to height display differences */ 161@media screen and (max-width: 767px) { 162 .imageContentDiv, .maxHeighter, .maxHeighterSingleEncloser { 163 max-height: calc(100vh - 295px) !important; 164 165 max-height: calc(100vh - 340px) !important; 166 167 } 168 .maxHeighterSingle img { 169 max-height: calc(100vh - 315px) !important; 170 171 max-height: calc(100vh - 340px) !important; 172 173 } 174} 175/* FOR IPAD media query portrait display */ 176@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) { 177 .imageContentDiv, .maxHeighter, .maxHeighterSingleEncloser { 178 max-height: calc(100vh - 295px) !important; 179 180 max-height: calc(100vh - 340px) !important; 181 182 } 183 .maxHeighterSingle img { 184 max-height: calc(100vh - 315px) !important; 185 186 max-height: calc(100vh - 340px) !important; 187 188 } 189} 190/* END IPAD media query portrait display */ 191 192/* FOR IPAD media query landscape display */ 193@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) { 194 .imageContentDiv, .maxHeighter, .maxHeighterSingleEncloser { 195 max-height: calc(100vh - 275px) !important; 196 197 max-height: calc(100vh - 320px) !important; 198 199 } 200 .maxHeighterSingle img { 201 max-height: calc(100vh - 295px) !important; 202 203 max-height: calc(100vh - 320px) !important; 204 205 } 206} 207/* END IPAD media query portrait display */ 208</style> 209<style type="text/css"> 210<!-- 211body { 212 font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #ffffff; background-color: #59626B; margin:0; 213} 214* { 215 box-sizing: border-box; 216} 217a { color: #E5E0B5; text-decoration: none; } 218 219* { 220 box-sizing: border-box; 221} 222 223.header { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; } 224 225.links { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; 226text-transform:none; 227} 228 229.smallnav { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-transform:uppercase; } 230 231.logotext { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; } 232 233.text { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: auto; } 234 235.caption { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-decoration: none;} 236 237.toplinks { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px;text-transform:none; font-weight: normal; text-decoration: none; display: inline-block; margin:0; } 238 239 240.chromestyle { 241 width: 100%; 242 z-index: 999999; 243} 244.chromestyle ul { 245 width: 100%; 246 padding: 0px 0; 247 text-align: right; /*set value to "left", "center", or "right"*/ 248 z-index: 999999; 249} 250.chromestyle ul li { 251 display:inline-block; 252 margin: 2px 1px; 253 z-index: 999999; 254} 255.chromestyle ul li a { 256 color: #dddddd; 257 padding: 4px; 258 margin: 0; 259 text-decoration: none; 260 z-index: 999999; 261} 262 263.chromestyle-sel { 264 font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 265 font-size: 30px; 266 color: #dddddd; 267 width: 100%; 268 z-index: 9991; 269} 270.chromestyle-sel ul { 271 width: 100%; 272 padding: 0px 0; 273 margin: 3px; 274 text-align: center; /*set value to "left", "center", or "right"*/ 275 z-index: 9991; 276} 277.chromestyle-sel ul li {
278 display: inline; 279 color: #dddddd; 280 z-index: 999999; 281} 282.chromestyle-sel ul li a { 283 padding: 8px; 284 margin: 0; 285 text-decoration: none; 286 color: #fff; 287 z-index: 999999; 288} 289 290/* ######### Style for Drop Down Menu ######### */ 291 292.dropmenudiv { 293 position:absolute; 294 top: 0; 295 margin-top:5px; 296 margin-left: 0px; 297 margin-right: 0px; 298 border-right: 1px solid #404850; 299 border-left: 1px solid #404850; 300 border-bottom: 1px solid #404850; 301 font-weight: normal; 302 font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 303 z-index:999999; 304 width: auto; 305 min-width: 150px; 306 max-width: 450px; 307 visibility: hidden; 308 color: #dddddd; 309 z-index: 999999; 310 box-shadow: 0px 2px 6px rgba(0,0,0,0.4); 311} 312.dropmenudiv a { 313 margin-left: 0px; 314 margin-right: 0; 315 display: block; 316 padding: 8px 8px 8px 8px; 317 text-decoration: none; 318 font-weight: normal; 319 color: #dddddd; 320 background: #404850; 321 text-align: left; /*set value to "left", "center", or "right"*/ 322 z-index: 999999; 323 line-height: 1.6em; 324} 325 326* html .dropmenudiv a{ /*IE only hack*/ 327 width: 100%; 328} 329 330.dropmenudiv a:hover{ /*THEME CHANGE HERE*/ 331 text-decoration: none; 332 font-weight: normal; 333 color: #dddddd; 334 z-index: 999999; 335} 336.bottomnavencloser { 337 position:relative; background: transparent; z-index:10; 338} 339.bottomnavicons { 340 display:inline-block; 341 vertical-align:middle; 342 font-size: 1.0rem; 343} 344 345.enterLinkPageOne { 346 font-size: 0.8rem; 347 text-transform: uppercase; 348 letter-spacing: 0.3rem; 349 padding: 6px 8px; 350 display: inline-block; 351 margin:20px auto 0 auto; 352 border: 1px solid rgba(255, 255, 255, 0.4); 353 opacity:1.0; 354 line-height:normal; 355} 356.enterLinkPageOne a { 357 color: rgba(255, 255, 255, 0.75); opacity:0.9; transition: letter-spacing .25s ease-out, color .25s ease-out; 358} 359.enterLinkPageOne a:hover { 360 letter-spacing: .4rem; 361 color: rgba(255, 255, 255, 1.0); 362} 363.homepagetext { 364 display:inline-block; 365 width:auto; 366 padding:0; 367 max-width: 1200px; 368 text-align:center; 369 margin: 0 auto; 370 padding: 2px 15px; 371} 372.logotext { 373 line-height: normal; 374} 375.logotext img { 376 width:auto; max-height:60px !important; 377} 378.logodivtext img { 379 width:auto; max-height:60px !important; 380} 381.logodivtext, .logodivtext a { 382 color: #ffffff; 383} 384 385.logodiv { display:table-cell; text-align:left; padding-left:20px; vertical-align:middle; width:40%; max-width:calc(100% - 60%); } 386.logodiv img { height: auto !important; max-height: 65px !important; width: auto !important; max-width:100% !important;} 387 388.navdiv { width: auto; } 389.navbarRightLinks { 390 display:table-cell; 391 text-align:right; 392 padding-right: 20px; 393 vertical-align: middle; 394 width:58%; max-width:calc(100% - 42%); 395} 396.toplinks a { 397 color: #dddddd; text-decoration: none; padding: 8px 4px 8px 4px; transition: color .35s ease; 398} 399.toplinks a:hover { 400 color: #fff; background-color: none; text-decoration:none; 401} 402.toplinks-sel { 403 font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-transform:none; display: inline-block; margin:0; 404} 405.toplinks-sel a { 406 color: #ffffff; padding: 8px 4px 8px 4px; 407} 408.toplinks-sel a:hover { 409 color: #ffffff; background-color: transparent; text-decoration:none; 410} 411 412.navbarback { 413 background:#404850; height:70px; 414} 415.bottomnavarea { 416 /* border-top: 1px solid rgba(204, 204, 204, 0.25); */ 417 margin:0 auto 8px auto; 418 padding-right: 25px; 419 padding-left: 25px; 420 padding-top: 0; 421 min-height:40px; 422 line-height: 1.0rem; 423} 424.bottomnavleft { 425 display:table-cell; 426 padding:4px; 427 text-align:left; 428 width:40%; 429 vertical-align:middle; 430} 431.bottomnavright { 432 display:table-cell; 433 padding:4px; 434 text-align:right; 435 width:60%; 436 vertical-align:middle; 437} 438 439.bottomlinks { 440 font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 441 font-weight: normal; text-decoration: none; padding-top: 0px; padding-right: 2px; padding-bottom: 0px; padding-left: 2px; 442 color:#cccccc; font-size: 0.7rem; 443} 444.bottomlinks a:link, .bottomlinks a:visited { 445 color:#cccccc; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 3px; text-decoration: none; 446} 447.bottomlinksmail { 448 font-size: 1.1rem; padding-right:5px; 449} 450 451.bottombottomlinks { 452 font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 453 font-size: 0.75em; 454 font-weight: normal; 455 text-decoration: none; color:#cccccc; 456 line-height: 1.0rem; 457} 458.bottombottomlinks a:link, .bottombottomlinks a:visited { 459 color: #cccccc; 460 text-decoration: none; 461} 462 463.bottombottomlinksemail { 464 font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 465 font-size: 0.85em; 466 font-weight: normal; 467 text-decoration: none; 468 padding-top: 6px; 469 padding-right: 6px; 470 padding-bottom: 6px; 471 padding-left: 6px; 472 line-height: 1.0rem; 473} 474.bottombottomlinksemail a { 475 color:#cccccc; 476 padding-top: 2px; 477 padding-right: 4px; 478 padding-bottom: 2px; 479 padding-left: 4px; 480 text-decoration: none; 481} 482.bottomlinkssocial { 483 display:table-cell; 484 vertical-align:middle; 485} 486.bottomlinkscopyright { 487 line-height: normal; 488 width:100%; 489 max-width: 300px; 490 display:table-cell; 491 vertical-align:middle; 492 font-size: 0.7rem; 493 white-space: nowrap; 494 overflow: hidden; 495 text-overflow: ellipsis; 496} 497.bottomimagenav { 498 padding-bottom:5px; 499} 500.bottomimagenavtext { 501 display:inline-block; 502 vertical-align:middle; 503 padding-left:2px; 504 color:#cccccc; 505 text-transform: uppercase; 506 letter-spacing: 0.08rem; 507} 508.bottomimagenavtext a { 509 color:#cccccc; 510} 511.shoppingicon { 512 font-size:0.9em; margin-left:3px 513} 514.socialIcons img { 515 width:auto; 516 max-height:18px !important; 517} 518.socialIcons { 519 padding: 0 3px 0 3px; 520 white-space: nowrap; 521} 522.socialIcons a:hover { 523 background-color: transparent; 524} 525.socialIcons { 526 padding: 0 3px 0 3px; 527} 528.picHolderSmall { 529 background: #373d42; margin:8px 6px 8px 6px; font-size: 13px; 530} 531.picHolderSmall a { 532 opacity: 1.0; transition: opacity .25s ease-out; 533} 534.picHolderSmall a:hover { 535 opacity: 0.7; 536} 537.picThumbSmall{ 538 width: 100%; max-width:280px; height: 220px; margin: 10px; background-position: center center; background-size:contain; background-repeat: no-repeat; 539} 540 541.contentDivHolder { 542 padding-left:25px; padding-right:25px; max-width: 1200px; margin-left: auto; margin-right: auto; 543 height:100vh; 544
545 max-height: calc(100vh - 206px); 546 547} 548.contentDivHolder img { 549 max-width: 100% !important; height: auto !important; 550} 551.picpic { z-index: 5; } 552.imageDivWidth { width:100%; max-width: 100%; margin:0 auto;} 553.imageDivHeight { height:100%; max-height: 900px; max-height: calc(100vh - 250px); } 554.captionHolder { max-width: 1500px; padding-right:10px; padding-left; 10px} 555.contentmargintop { margin-top: 20px } 556 557.grow1 { transition: all .25s ease; } 558.grow1:hover { transform: scale(1.05);} 559 560.grow2 { transition: all .5s ease; } 561.grow2:hover { transform: scale(1.025);} 562 563.grow3 { transition: all .5s ease; } 564.grow3:hover { transform: scale(1.012);} 565 566.shrink { transition: all .5s ease; } 567.shrink:hover { transform: scale(0.95);} 568 569.shrink2 { transition: all .5s ease; } 570.shrink2:hover { transform: scale(0.975);} 571 572.shrink3 { transition: all .5s ease; } 573.shrink3:hover { transform: scale(0.99);} 574 575.container { 576 display: table; 577 width: auto; 578 background: #59626B; 579} 580nav > div.container { 581 display: none; 582 width:100%; 583 text-align: left; 584 position: fixed; 585 left:0; 586 top:70px; 587 height:100%; 588 margin-bottom: 0; 589 padding-bottom: 10px; 590 padding-top: 20px; 591 overflow: auto; 592 z-index: 1001 !important; 593} 594nav ul { 595 margin: 0 auto; 596 width: 100%; 597 padding-inline-start: 20px; 598 font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; 599text-transform:none; 600} 601nav li { 602 display: block; 603 list-style: none; 604 clear: both; 605 font-size: 1em; 606 padding: 2px; 607 line-height: 2.75em; 608} 609nav > div > div > ul > li:last-of-type { 610 border-bottom: none; 611} 612nav > div > div > ul > li { 613 border-bottom: 1px solid rgba(221, 221, 221, 0.25); 614 margin: 0 3em 0 0; 615} 616nav > div > div > ul > li a:link, nav > div > div > ul > li a:visited { 617 color: #dddddd; 618 opacity: 1.0; 619} 620nav > div > div > ul > li a:link, nav > div > div > ul > li a:visited { 621 color: #dddddd; 622 opacity: 1.0; 623} 624nav > div > div > ul > li > ul{ 625 list-style-type: none; 626 margin-left: 0; 627 padding-left: 0; 628} 629nav > div > div > ul > li > ul > li a:link, nav > div > div > ul > li > ul > li a:visited{ 630 color: #dddddd; 631 opacity: 0.8; 632} 633nav > div > div > ul > li a:not(:only-child):link, nav > div > div > ul > li > ul + a:not(:only-child):visited { 634 color: #dddddd; 635 opacity: 1.0; 636} 637.displaydropdownicon { 638 display:none; 639} 640.logodivtext { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:40vw; max-width:calc(100vw - 60%); } 641 642 643/* MEDIA QUERIES */ 644 645@media screen and (max-width: 1023px) { 646 .toplinks, .toplinks-sel { 647 font-size: 0.9em; 648 } 649} 650@media screen and (max-width: 768px) { 651 .nodisplay767, .nodisplay768 { 652 display:none; 653 } 654 .navbarRightLinks { 655 display:none; 656 } 657 .displaydropdownicon { 658 display:table-cell; 659 } 660 .dropDownIcon { 661 display:table-cell; 662 height:70px; 663 vertical-align:middle; 664 font-size: 28px; 665 width:80px; 666 } 667 .displaydropdownicon { 668 display:block; 669 width:100%; 670 padding-right: 0; 671 text-align:right; 672 } 673 .logodivtext { width:100vw; max-width:calc(100vw - 105px); } 674 .contentDivHolder { 675 padding-left:15px; 676 padding-right:15px; 677 min-height:600px; 678 } 679 .logodiv { 680 width: calc(100vw - 100px); 681 max-width: calc(100vw - 100px); 682 } 683 .toplinks, .toplinks-sel { 684 font-size: 0.75em; 685 } 686 .toplinks a, .toplinks-sel a { 687 padding: 8px 2px 8px 2px; 688 } 689 .bottomlinkssocial { 690 display:none; 691 } 692 .bottomlinkscopyright, .bottomlinks { 693 font-size: 0.6rem; 694 } 695 .bottomlinksmail { 696 font-size: 1.0rem; 697 } 698 .bottomnavicons { 699 font-size: 0.95rem; 700 } 701 .bottomnavleft { 702 width:30px; 703 } 704 .bottomnavright { 705 width:100%; 706 } 707 .logotext { font-size: 24px; } 708} 709 710@media screen and (max-width: 640px) { 711 .text {font-size:0.9rem} 712} 713@media screen and (max-width: 480px) { 714 .bottomimagenavtext { 715 display: none; 716 } 717 .contentmargintop { 718 margin-top: 20px 719 } 720 .bottomnavarea { 721 margin:0 auto 0 auto; 722 } 723} 724@media screen and (max-width: 360px) { 725 .contentmargintop { 726 margin-top: 15px 727 } 728} 729 730--> 731</style> 732<style> 733.homelogo { 734 font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; 735 } 736 737 .wrapper { 738 display:table; 739 width:100%; 740 min-height: calc(100vh - 132px) !important; 741 } 742 .wrapperOne { 743 display:table-cell; 744 vertical-align: middle; 745 } 746 .bottomSpacer { 747 748 749 padding: 0; 750} 751body { 752} 753#imageDivHolderLoader { 754 display:none; 755} 756.bottomnavencloser { 757 position:relative; background: transparent; z-index:10; 758} 759 760/* FOR PHONE, mainly due to height display differences */ 761@media screen and (max-width: 767px) { 762 .wrapper { 763 min-height: calc(100vh - 197px) !important; 764 } 765} 766</style> 767 768
769<script> 770 $(document).ready(function(){ 771 $("#imageDivHolderLoader").fadeIn(1000); 772 }); 773</script>
773 774 775 776</head> 777 778<body> 779 780 781<div align="center"> 782<!-- top links --> 783 784<div class="tableDivDisplay width100pc margin0 pad0 navbarback"> 785 786 <div class="logodiv"> 787 788 <div class="logodivtext"><a href="/"><img src="/users/LisaNipp1821/images/LisaNipp1821toplogo.png" alt="Lisa Nipp Photography" border="0"></a></div> 789 790 791 </div> 792 793 <!-- dropdown menu --> 794 <div class="displaydropdownicon"> 795 <div class="dropDownIcon heightNav vertAlignMiddle"><a href="#" onclick="$('nav > div.container').slideToggle(200);" style="color:#FFFFFF;"><i class="fa-light fa-bars" style="margin-right:5px; opacity:1.0;"></i></a></div> 796 <nav>�<div class="container width100pc navfont" style="overflow:auto; padding-bottom:10px; min-height: 100vh); text-align: center; z-index: 999; overflow:auto;">�� <div style="display:inline-block; width:auto; margin:0 auto; padding-top: 15px; padding-right:0; padding-left:0; padding-bottom: 110px"> � � � <ul>� � � � � � � � � � �� � � <li>� <a href="/portfolio.html?folio=Images">� <div style="font-weight:bold; padding-left:0">Images</div>� </a>� � � � � � � � <ul> � � <li>� <a href="/gallery.html?folio=&gallery=People&vimeouserid=&vimeoalbumid=" target="_top">People</a>� </li>� � <li>� <a href="/gallery.html?folio=&gallery=Corporate&vimeouserid=&vimeoalbumid=" target="_top">Corporate</a>� </li>� � <li>� <a href="/gallery.html?folio=&gallery=Life%20in%20Transition&vimeouserid=&vimeoalbumid=" target="_top">Life in Transition</a>� </li>� � <li>� <a href="/gallery.html?folio=&gallery=Life%20Down%20South&vimeouserid=&vimeoalbumid=" target="_top">Life Down South</a>� </li>� � <li>� <a href="/gallery.html?folio=&gallery=Reawakening%20Kosovo&vimeouserid=&vimeoalbumid=" target="_top">Reawakening Kosovo</a>� </li>� � <li>� <a href="/gallery.html?folio=&gallery=Marcia%27s%20Transplant&vimeouserid=&vimeoalbumid=" target="_top">Marcia's Transplant</a>� </li>� � </ul>� � � � � </li>� � � � � � � � � <li>� <a href="/content.html?page=1" target="_top">Bio</a>� </li>� � � � � � <li>� <a href="/content.html?page=2" target="_top">Contact</a>� </li>� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� <!--Info pages drop down menu -->� � � �� � </ul>� </div> �</div>�</nav> 797 </div> 798 799 800 <div class="navbarRightLinks" > 801 802 <div class="chromestyle links" id="chromemenu"> 803 <ul> 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 <li> 823 824 <a href="/portfolio.html?folio=Images" rel="dropmenu1"> 825 826 Images</a> 827 </li> 828 829 830 831 832 833 834 835 <li><a href="/content.html?page=1">Bio</a></li> 836 837 838 839 840 841 <li><a href="/content.html?page=2">Contact</a></li> 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871 872 873 874 875 876 877 878 879 880 881 882 883 884 885 886 887 888 889 890 891 892 893 894 895 896 897 898 899 900 901 902 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 935 936 937 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963 964 965 966 967 968 969 970 971 972 </ul> 973 </div> 974 975 976 977 978 979 980 <!--1st drop down menu --> 981 982 <div id="dropmenu1" class="dropmenudiv links"> 983 984 985 986 <a href="/gallery.html?gallery=People&folio=Images&vimeoUserID=&vimeoAlbumID=" target="_top"> 987 988 989 People</a> 990 991 992 993 994 <a href="/gallery.html?gallery=Corporate&folio=Images&vimeoUserID=&vimeoAlbumID=" target="_top"> 995 996 997 Corporate</a> 998 999 1000 1001 1002 <a href="/gallery.html?gallery=Life+in+Transition&folio=Images&vimeoUserID=&vimeoAlbumID=" target="_top"> 1003 1004 1005 Life in Transition</a> 1006 1007 1008 1009 1010 <a href="/gallery.html?gallery=Life+Down+South&folio=Images&vimeoUserID=&vimeoAlbumID=" target="_top"> 1011 1012 1013 Life Down South</a> 1014 1015 1016 1017 1018 <a href="/gallery.html?gallery=Reawakening+Kosovo&folio=Images&vimeoUserID=&vimeoAlbumID=" target="_top"> 1019 1020 1021 Reawakening Kosovo</a> 1022 1023 1024 1025 1026 <a href="/gallery.html?gallery=Marcia%27s+Transplant&folio=Images&vimeoUserID=&vimeoAlbumID=" target="_top"> 1027 1028 1029 Marcia's Transplant</a> 1030 1031 1032 </div> 1033 1034 1035 1036 1037 </div> 1038 1039</div> 1040 1041
1042<script type="text/javascript"> 1043cssdropdown.startchrome("chromemenu") 1044</script>
1044 1045 1046 1047 1048</div> 1049 1050 1051 1052<!-- start of custom home page conditional --> 1053 1054 1055 1056 1057<div class="wrapper" align="center"> 1058 1059 1060<div class="wrapperOne"> 1061 1062 <div class="aligncenter""> 1063 1064 <!-- begin photo content --> 1065 <div class="imageContentDiv"> 1066 1067 <div style="width: 100%; max-width:3000px; margin: 20px auto 0px auto"> 1068 <a href="/portfolio.html" target="_top"> 1069 1070 1071 1072 1073 1074 <div style="margin:0 auto; width:98%;"> 1075 <div style="margin-right: 0px; margin-left: 0px;" align="center"> 1076 <div align="center" style="xwidth:100%;"> 1077 1078 1079 1080 1081 1082
1082<script> 1083 displayWidth = 4000; 1084 displayHeight = 2800; 1085 </script>
1085 1086 1087 1088
1088<script src="/js/slick.min.js"></script>
1088 1089 <link rel="stylesheet" href="/js/slick.css" /> 1090 <link rel="stylesheet" href="/js/slick-theme.css" /> 1091 1092 <div class="slickme maxHeighter" style="margin:0 auto;position: relative" id="imageDivHolderLoader"> 1093 1094 <div class="insider maxHeighter" style="background-image:url(/users/LisaNipp1821/images/LisaNipp1821648230.jpg);max-width:3200px; 1095 max-height:1800px;width:100%;height:100vh;padding:0; background-repeat: no-repeat;background-position: center center;background-size:contain; position: Xabsolute; top: 0" > 1096 1097 </div> 1098 1099 <div class="insider maxHeighter" style="background-image:url(/users/LisaNipp1821/images/LisaNipp182182730.jpg);max-width:3200px; 1100 max-height:1800px;width:100%;height:100vh;padding:0; background-repeat: no-repeat;background-position: center center;background-size:contain; position: Xabsolute; top: 0" > 1101 1102 </div> 1103 1104 <div class="insider maxHeighter" style="background-image:url(/users/LisaNipp1821/images/LisaNipp182170401.jpg);max-width:3200px; 1105 max-height:1800px;width:100%;height:100vh;padding:0; background-repeat: no-repeat;background-position: center center;background-size:contain; position: Xabsolute; top: 0" > 1106 1107 </div> 1108 1109 <div class="insider maxHeighter" style="background-image:url(/users/LisaNipp1821/images/LisaNipp1821648228.jpg);max-width:3200px; 1110 max-height:1800px;width:100%;height:100vh;padding:0; background-repeat: no-repeat;background-position: center center;background-size:contain; position: Xabsolute; top: 0" > 1111 1112 </div> 1113 1114 <div class="insider maxHeighter" style="background-image:url(/users/LisaNipp1821/images/LisaNipp182184911.jpg);max-width:3200px; 1115 max-height:1800px;width:100%;height:100vh;padding:0; background-repeat: no-repeat;background-position: center center;background-size:contain; position: Xabsolute; top: 0" > 1116 1117 </div> 1118 1119 <div class="insider maxHeighter" style="background-image:url(/users/LisaNipp1821/images/LisaNipp182171397.jpg);max-width:3200px; 1120 max-height:1800px;width:100%;height:100vh;padding:0; background-repeat: no-repeat;background-position: center center;background-size:contain; position: Xabsolute; top: 0" > 1121 1122 </div> 1123 1124 <div class="insider maxHeighter" style="background-image:url(/users/LisaNipp1821/images/LisaNipp182170400.jpg);max-width:3200px; 1125 max-height:1800px;width:100%;height:100vh;padding:0; background-repeat: no-repeat;background-position: center center;background-size:contain; position: Xabsolute; top: 0" > 1126 1127 </div> 1128 1129 <div class="insider maxHeighter" style="background-image:url(/users/LisaNipp1821/images/LisaNipp182170378.jpg);max-width:3200px; 1130 max-height:1800px;width:100%;height:100vh;padding:0; background-repeat: no-repeat;background-position: center center;background-size:contain; position: Xabsolute; top: 0" > 1131 1132 </div> 1133 1134 <div class="insider maxHeighter" style="background-image:url(/users/LisaNipp1821/images/LisaNipp182182876.jpg);max-width:3200px; 1135 max-height:1800px;width:100%;height:100vh;padding:0; background-repeat: no-repeat;background-position: center center;background-size:contain; position: Xabsolute; top: 0" > 1136 1137 </div> 1138 1139 <div class="insider maxHeighter" style="background-image:url(/users/LisaNipp1821/images/LisaNipp182182834.jpg);max-width:3200px; 1140 max-height:1800px;width:100%;height:100vh;padding:0; background-repeat: no-repeat;background-position: center center;background-size:contain; position: Xabsolute; top: 0" > 1141 1142 </div> 1143 1144 <div class="insider maxHeighter" style="background-image:url(/users/LisaNipp1821/images/LisaNipp182181126.jpg);max-width:3200px; 1145 max-height:1800px;width:100%;height:100vh;padding:0; background-repeat: no-repeat;background-position: center center;background-size:contain; position: Xabsolute; top: 0" > 1146 1147 </div> 1148 1149 <div class="insider maxHeighter" style="background-image:url(/users/LisaNipp1821/images/LisaNipp182182831.jpg);max-width:3200px; 1150 max-height:1800px;width:100%;height:100vh;padding:0; background-repeat: no-repeat;background-position: center center;background-size:contain; position: Xabsolute; top: 0" > 1151 1152 </div> 1153 1154 <div class="insider maxHeighter" style="background-image:url(/users/LisaNipp1821/images/LisaNipp182182984.jpg);max-width:3200px; 1155 max-height:1800px;width:100%;height:100vh;padding:0; background-repeat: no-repeat;background-position: center center;background-size:contain; position: Xabsolute; top: 0" > 1156 1157 </div> 1158 1159 </div> 1160 1161 1162
1162<script> 1163 flashDelay = 3000; 1164 1165 if ( ($( '.slickme' ).width()) < displayWidth) { 1166 var newWidthSpace = $( '.slickme' ).parent().width(); 1167 var multiplier = newWidthSpace / displayWidth; 1168 var newHeight = Math.round(displayHeight * multiplier); 1169 $('.slickme, .slickme .insider').css({'width': (newWidthSpace+'px'),'max-width': (newWidthSpace+'px'), 'max-height': (newHeight+'px'), 'height': (newHeight+'px') }); 1170 } 1171 1172 function getSliderSettings(){ 1173 return { 1174 // adaptiveHeight: true, 1175 // variableWidth: true, 1176 slidesToShow: 1, 1177 slidesToScroll: 1, 1178 infinite: true, 1179 fade: true, 1180 speed:1000, 1181 autoplay: true, 1182 autoplaySpeed: flashDelay, 1183 pauseOnHover:false, 1184 } 1185 } 1186 1187 1188 $( document ).ready(function() { 1189 $('.slickme').slick(getSliderSettings()); 1190 }); 1191 1192 $( window ).resize(function() { 1193 if ( ($( '.slickme' ).parent().width()) < displayWidth) { 1194 var newWidthSpace = $( '.slickme' ).parent().width(); 1195 var multiplier = newWidthSpace / displayWidth; 1196 var newHeight = Math.round(displayHeight * multiplier); 1197 //alert(newWidthSpace +':'+newHeight); 1198 $('.slickme, .slickme .insider').css({'width': (newWidthSpace+'px'),'max-width': (newWidthSpace+'px'), 'max-height': (newHeight+'px'), 'height': (newHeight+'px') }); 1199 } 1200 }); 1201 1202 1203 </script>
1203 1204 1205 1206 </div> 1207 </a> 1208 1209 1210</div> 1211</div> 1212</div> 1213 1214 1215 1216</a> 1217 </div> 1218 </div> 1219 1220 1221 <!-- spacer Content --> 1222 <div class="bottomSpacer"> 1223 1224 <!-- start Enter conditional --> 1225 1226 1227 1228 1229 1230 1231 <div style="clear: both;margin:0 auto;text-align:center"> 1232 <div class="enterLinkPageOne" style="clear: both;margin:0 auto;"> 1233 <a href="/portfolio.html">Enter</a> 1234 </div> 1235 </div> 1236 1237 1238 <!-- end Enter conditional --> 1239 1240 1241 <!-- start Homepage text conditional --> 1242 1243 <div class="text" style="display:inline-block;width:auto; padding:0 15px 50px 15px; max-width: 1200px; text-align:center; margin: 5px auto 0 auto;"> 1244 <p style="text-align: center; "><span style="font-size:18px;">Editorial and Corporate Portraiture · Reportage · Documentary Project</span></p> 1245<br> 1246 </div> 1247 1248 <!-- end Homepage text conditional --> 1249 1250 </div> 1251</div> 1252</div> 1253 1254 1255<div style="clear:both"></div> 1256 1257<!-- bottom email and copyright --> 1258<div class="bottomnavencloser"> 1259<footer> 1260 1261 <!-- bottom email and copyright --> 1262 <div class="bottomnavarea"> 1263 <div style="margin-bottom:0;" class="tableDivDisplay imageDivWidth"> 1264 1265 <div class="bottomnavleft"> 1266 1267 <div class="bottomlinksmail tableCellDisplay pad4 vertalignmiddle"><a href="/mailer.html" onclick="NewWindow(this.href,'name','760','560','no');return false;"><i class="fa-light fa-envelope" aria-hidden="true" style="color:#cccccc; opacity: 0.7;"></i></a></div> 1268 1269 <div class="bottomlinks tableCellDisplay pad4 vertalignmiddle nodisplay767"> Washington DC 202-412-3467</div> 1270 1271 </div> 1272 1273 1274 <div class="bottomnavright bottombottomlinks"> 1275 <div class="displaytable" style="margin: 0 0 0 auto;"> 1276 <div class="bottomlinkssocial"></div> 1277 <div class="bottomlinkscopyright">© 2025 Lisa Nipp</div> 1278 </div> 1279 </div> 1280 1281 </div> 1282 </div> 1283 1284</footer> 1285</div> 1286 1287 1288 1289
1290<script language="JavaScript" type="text/JavaScript">�var message="The content on this page is copyrighted\n and may not be copied.";�function trapIE4(){� if (event.button==2){� alert(message);� return false;� }�}�function trapNS4(e){� if (document.getElementById&&!document.all||document.layers){� if (e.which==2||e.which==3){� alert(message);� return false;� }� }�}�if (document.layers){� document.captureEvents(Event.MOUSEDOWN);� document.onmousedown=trapNS4;�}�else if (document.all&&!document.getElementById){� document.onmousedown=trapIE4;�}�document.oncontextmenu=new Function("alert(message);return false");�</script>
1290 1291 1292
1293<script type="text/javascript"> 1294<!--// 1295$(document).ready(function() { 1296 $('.slideshow').cycle({ 1297 fx: 'fade', 1298 speed: 1000, 1299 fit: true 1300 }); 1301}); 1302//--> 1303</script>
1303 1304
1305<script type="text/javascript"> 1306<!--// 1307if (($( '#contentArea' ).width()) < displayWidth) { 1308 var newWidthSpace = $( '#contentArea' ).width() -20; 1309 var multiplier = newWidthSpace / displayWidth; 1310 var newHeight = Math.round(displayHeight * multiplier); 1311// alert(newWidthSpace +':'+newHeight); 1312 $('.slideshow').css({'max-width': (newWidthSpace+'px'), 'max-height': (newHeight+'px')}); 1313 $('.slide').css({'max-width': (newWidthSpace+'px'), 'max-height': (newHeight+'px')}); 1314 $('#showContainer').css({'width': (newWidthSpace+'px'), 'height': (newHeight+'px')}); 1315 $('.slideMember').css({'max-width': (newWidthSpace+'px'), 'max-height': (newHeight+'px')}); 1316 1317} else { 1318 $('.slideshow').css({'max-width': (displayWidth+'px'), 'max-height': (displayHeight+'px')}); 1319 $('.slide').css({'max-width': (displayWidth+'px'), 'max-height': (displayHeight+'px')}); 1320 $('#showContainer').css({'width': (displayWidth+'px'), 'height': (displayHeight+'px')}); 1321 $('.slideMember').css({'max-width': (displayWidth+'px'), 'max-height': (displayHeight+'px')}); 1322} 1323 1324$(document).ready(function() { 1325 $('.slideshow').cycle({ 1326 fx: 'fade', 1327 speed: 1000, 1328 fit: true 1329 }); 1330}); 1331 1332 1333$( window ).resize(function() { 1334 if ( ($( '#contentArea' ).width()) < displayWidth) { 1335 var newWidthSpace = $( '#contentArea' ).width() -20; 1336 var multiplier = newWidthSpace / displayWidth; 1337 var newHeight = Math.round(displayHeight * multiplier); 1338// alert(newWidthSpace +':'+newHeight); 1339 $('.slideshow').css({'max-width': (newWidthSpace+'px'), 'max-height': (newHeight+'px')}); 1340 $('.slide').css({'max-width': (newWidthSpace+'px'), 'max-height': (newHeight+'px')}); 1341 $('#showContainer').css({'width': (newWidthSpace+'px'), 'height': (newHeight+'px')}); 1342 $('.slideMember').css({'max-width': (newWidthSpace+'px'), 'max-height': (newHeight+'px')}); 1343 } 1344}); 1345 1346//--> 1347staticNav = true; 1348</script>
1348 1349 1350 1351 1352
1353<script type="text/javascript" src="/js/navHelper.js"></script>
vendor: 1 bytes, line 1353
1353
1354<script src="/js/js.js"></script>
vendor: 1 bytes, line 1354
1354
1355<script defer 1356 src="//assets.pinterest.com/js/pinit.js" 1357 data-pin-build="parsePinBtns"></script>
1357 1358</body> 1359 1360</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.