Added bio
This commit is contained in:
parent
3b5f81fedc
commit
2eecbea302
@ -57,7 +57,7 @@
|
||||
</div>
|
||||
<div class="about-desc">
|
||||
<h2>Hi, I'm Nancy</h2><br>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
Born and raised in Western New York State, Nancy Pannikkat grew up with a love for art, graduating with a Bachelor’s of Fine Arts from the State University of New York, College at Fredonia in 1994. She has resided in the San Francisco Bay Area for almost thirty years with her husband, raising their children while doing non profit work and art as a hobby. Now at age 50 she has revisited her art roots, finding new inspiration and passion to create pieces that translate her love of color, texture, and high contrast in nature. Her many travels bring new subject material whether it be tropics, deserts, mountains, or farmland. Her current collection inspired by the Hawaiian Islands will be on display at The Patterson Library, Octagon Gallery in Westfield, NY February 17th- March 18th 2023.
|
||||
<section class="contact">
|
||||
<h2 class="topic">Contact Me</h2>
|
||||
<!-- Src: https://codepen.io/nikhil8krishnan/pen/gaybLK -->
|
||||
|
@ -21,7 +21,7 @@ img {
|
||||
|
||||
/* Nav */
|
||||
.nav-wrapper {
|
||||
height: auto;
|
||||
min-height: 70px;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@ -61,17 +61,6 @@ nav * {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
/* nav ul {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
nav ul li {
|
||||
line-height: 30px;
|
||||
margin: 10px 7px;
|
||||
padding: 3px 5px;
|
||||
cursor: pointer;
|
||||
} */
|
||||
|
||||
.navlink {
|
||||
color:rgb(160, 160, 160);
|
||||
font-size: 20px;
|
||||
@ -131,7 +120,6 @@ a:hover {
|
||||
}
|
||||
|
||||
/* menu icon */
|
||||
|
||||
.nav-container .menu-icon {
|
||||
display: none;
|
||||
}
|
||||
@ -239,20 +227,25 @@ header {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
/* .splide__track {
|
||||
visibility: hidden;
|
||||
} */
|
||||
.slideshow {
|
||||
max-width: 1000px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.splide__slide {
|
||||
padding: 0 10px 30px;
|
||||
}
|
||||
|
||||
.slide-content {
|
||||
max-width: fit-content;
|
||||
width: 1000px;
|
||||
display: flex;
|
||||
flex-flow: column wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.slide-img {
|
||||
height: 75vh;
|
||||
max-width: 900px;
|
||||
}
|
||||
|
||||
.splide__slide, .splide__slide:focus, .splide.is-focus-in, .splide__pagination__page:focus-visible {
|
||||
@ -271,10 +264,11 @@ li .splide__pagination__page.is-active {
|
||||
background: #2c2c2c;
|
||||
}
|
||||
|
||||
@media (max-width: 950px) {
|
||||
@media (max-width: 1000px) {
|
||||
.slide-content {
|
||||
margin: auto;
|
||||
padding: 10px 5px 20px;
|
||||
max-width: fit-content;
|
||||
}
|
||||
|
||||
.slide-img {
|
||||
|
BIN
img/profile.jpg
BIN
img/profile.jpg
Binary file not shown.
Before Width: | Height: | Size: 90 KiB After Width: | Height: | Size: 44 KiB |
76
index.html
76
index.html
@ -57,43 +57,45 @@
|
||||
|
||||
<!-- Main -->
|
||||
<header>
|
||||
<section class="splide" aria-label="Splide Basic HTML Example">
|
||||
<div class="splide__track">
|
||||
<ul class="splide__list" id="splide__list">
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/1.jpg" alt="painting thumbnail"><div class="slide-desc">“Anini Beach, Kauai” (12x16 Acrylic on canvas)<br>$200</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/2.jpg" alt="painting thumbnail"><div class="slide-desc">“Kilauea Lighthouse Point, Kauai” (11x14 Acrylic on canvas)<br>$175</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/3.jpg" alt="painting thumbnail"><div class="slide-desc">“Be United As One” (8x10 Mixed media canvas)<br>$95</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/4.jpg" alt="painting thumbnail"><div class="slide-desc">“Grand Wailea Gardens” (16x20 Acrylic on photo canvas mixed media)<br>$250</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/5.jpg" alt="painting thumbnail"><div class="slide-desc">“Kona Sunset, Hawaii” (11x14 metal print)<br>$75</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/6.jpg" alt="painting thumbnail"><div class="slide-desc">“Keauhou Beach, Hawaii” (11x14 Metal print)<br>$75</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/7.jpg" alt="painting thumbnail"><div class="slide-desc">“Kihei Innocence, Maui” (11x14 Metal print)<br>$75</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/8.jpg" alt="painting thumbnail"><div class="slide-desc">“Ohana Surf, Maui” (11x14 Metal print)<br>$75</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/9.jpg" alt="painting thumbnail"><div class="slide-desc">“Wailea Dreams, Maui” (11x14 Metal print)<br>$75</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/10.jpg" alt="painting thumbnail"><div class="slide-desc">“Paia1, Maui” (11x14 Metal print)<br>$75</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/11.jpg" alt="painting thumbnail"><div class="slide-desc">“Paia 2, Maui"<br>*Custom prints available</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/12.jpg" alt="painting thumbnail"><div class="slide-desc">“Paia 3, Maui"<br>*Custom prints available</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/13.jpg" alt="painting thumbnail"><div class="slide-desc">“Kona, Hawaii” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/14.jpg" alt="painting thumbnail"><div class="slide-desc">“Kamaole 2 Beach, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/15.jpg" alt="painting thumbnail"><div class="slide-desc">“Wailea Serenity, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/16.jpg" alt="painting thumbnail"><div class="slide-desc">“Kamaole1 Beach, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/17.jpg" alt="painting thumbnail"><div class="slide-desc">“Poipu Beach, Kauai” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/18.jpg" alt="painting thumbnail"><div class="slide-desc">“Red Sky at Night, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/19.jpg" alt="painting thumbnail"><div class="slide-desc">“Sailor's Delight, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/20.jpg" alt="painting thumbnail"><div class="slide-desc">“Wailea Edge Picnic, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/21.jpg" alt="painting thumbnail"><div class="slide-desc">“Grand Wailea Chapel, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/22.jpg" alt="painting thumbnail"><div class="slide-desc">“Shipwrecked, Maui Style” (8x10 Framed Print)<br>$55</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/23.jpg" alt="painting thumbnail"><div class="slide-desc">“Alpinia Floral, Hawaii” (5x7 Framed Print)<br>$35</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/24.jpg" alt="painting thumbnail"><div class="slide-desc">“Hibiscus, Hawaii” (5x7 Framed Print)<br>$35</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/25.jpg" alt="painting thumbnail"><div class="slide-desc">“Bromeliad, Hawaii” (5x7 Framed Print)<br>$35</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/26.jpg" alt="painting thumbnail"><div class="slide-desc">“Gecko, Hawaii” (5x5 Framed Print)<br>$35</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/27.jpg" alt="painting thumbnail"><div class="slide-desc">“Kihei Crab, Maui” (5x5 Framed Print)<br>$35</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/28.jpg" alt="painting thumbnail"><div class="slide-desc">“Kula Rooster, Maui” (5x5 Framed Print)<br>$35</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/29.jpg" alt="painting thumbnail"><div class="slide-desc">“Po'olenalena Beach, Maui”<br>*Custom Prints Available</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/30.jpg" alt="painting thumbnail"><div class="slide-desc">Title</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/31.jpg" alt="painting thumbnail"><div class="slide-desc">Title</div></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<div class="slideshow">
|
||||
<section class="splide" aria-label="Splide Basic HTML Example">
|
||||
<div class="splide__track">
|
||||
<ul class="splide__list" id="splide__list">
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/1.jpg" alt="painting thumbnail"><div class="slide-desc">“Anini Beach, Kauai” (12x16 Acrylic on canvas)<br>$200</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/2.jpg" alt="painting thumbnail"><div class="slide-desc">“Kilauea Lighthouse Point, Kauai” (11x14 Acrylic on canvas)<br>$175</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/3.jpg" alt="painting thumbnail"><div class="slide-desc">“Be United As One” (8x10 Mixed media canvas)<br>$95</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/4.jpg" alt="painting thumbnail"><div class="slide-desc">“Grand Wailea Gardens” (16x20 Acrylic on photo canvas mixed media)<br>$250</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/5.jpg" alt="painting thumbnail"><div class="slide-desc">“Kona Sunset, Hawaii” (11x14 metal print)<br>$75</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/6.jpg" alt="painting thumbnail"><div class="slide-desc">“Keauhou Beach, Hawaii” (11x14 Metal print)<br>$75</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/7.jpg" alt="painting thumbnail"><div class="slide-desc">“Kihei Innocence, Maui” (11x14 Metal print)<br>$75</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/8.jpg" alt="painting thumbnail"><div class="slide-desc">“Ohana Surf, Maui” (11x14 Metal print)<br>$75</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/9.jpg" alt="painting thumbnail"><div class="slide-desc">“Wailea Dreams, Maui” (11x14 Metal print)<br>$75</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/10.jpg" alt="painting thumbnail"><div class="slide-desc">“Paia1, Maui” (11x14 Metal print)<br>$75</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/11.jpg" alt="painting thumbnail"><div class="slide-desc">“Paia 2, Maui"<br>*Custom prints available</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/12.jpg" alt="painting thumbnail"><div class="slide-desc">“Paia 3, Maui"<br>*Custom prints available</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/13.jpg" alt="painting thumbnail"><div class="slide-desc">“Kona, Hawaii” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/14.jpg" alt="painting thumbnail"><div class="slide-desc">“Kamaole 2 Beach, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/15.jpg" alt="painting thumbnail"><div class="slide-desc">“Wailea Serenity, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/16.jpg" alt="painting thumbnail"><div class="slide-desc">“Kamaole1 Beach, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/17.jpg" alt="painting thumbnail"><div class="slide-desc">“Poipu Beach, Kauai” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/18.jpg" alt="painting thumbnail"><div class="slide-desc">“Red Sky at Night, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/19.jpg" alt="painting thumbnail"><div class="slide-desc">“Sailor's Delight, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/20.jpg" alt="painting thumbnail"><div class="slide-desc">“Wailea Edge Picnic, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/21.jpg" alt="painting thumbnail"><div class="slide-desc">“Grand Wailea Chapel, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/22.jpg" alt="painting thumbnail"><div class="slide-desc">“Shipwrecked, Maui Style” (8x10 Framed Print)<br>$55</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/23.jpg" alt="painting thumbnail"><div class="slide-desc">“Alpinia Floral, Hawaii” (5x7 Framed Print)<br>$35</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/24.jpg" alt="painting thumbnail"><div class="slide-desc">“Hibiscus, Hawaii” (5x7 Framed Print)<br>$35</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/25.jpg" alt="painting thumbnail"><div class="slide-desc">“Bromeliad, Hawaii” (5x7 Framed Print)<br>$35</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/26.jpg" alt="painting thumbnail"><div class="slide-desc">“Gecko, Hawaii” (5x5 Framed Print)<br>$35</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/27.jpg" alt="painting thumbnail"><div class="slide-desc">“Kihei Crab, Maui” (5x5 Framed Print)<br>$35</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/28.jpg" alt="painting thumbnail"><div class="slide-desc">“Kula Rooster, Maui” (5x5 Framed Print)<br>$35</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/29.jpg" alt="painting thumbnail"><div class="slide-desc">“Po'olenalena Beach, Maui”<br>*Custom Prints Available</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/30.jpg" alt="painting thumbnail"><div class="slide-desc">Title</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/31.jpg" alt="painting thumbnail"><div class="slide-desc">Title</div></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
</main>
|
||||
|
@ -1,13 +1,13 @@
|
||||
document.addEventListener( 'DOMContentLoaded', function() {
|
||||
var splide = new Splide( '.splide', {
|
||||
type : 'loop',
|
||||
perPage: 3,
|
||||
perPage: 1,
|
||||
focus : 'center',
|
||||
autoWidth: true,
|
||||
autoplay: true,
|
||||
mediaQuery: 'max',
|
||||
breakpoints: {
|
||||
950: {
|
||||
1000: {
|
||||
destroy: true,
|
||||
},
|
||||
},
|
||||
|
Loading…
Reference in New Issue
Block a user