Added example images
This commit is contained in:
parent
d6c2456e56
commit
8d7054973c
@ -46,8 +46,9 @@
|
||||
</div>
|
||||
<div id="nav-links-container">
|
||||
<ul id="navList">
|
||||
<li><a class="navlink current" href="./about.html" title="about">About</a></li>
|
||||
<li><a class="navlink" href="./buy.html" title="buy">Buy</a></li>
|
||||
<li><a class="navlink" href="./" title="about">Gallery</a></li>
|
||||
<li><a class="navlink active" href="./about.html" title="about">About</a></li>
|
||||
<li><a class="navlink boxed" href="./buy.html" title="buy">Buy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
3
buy.html
3
buy.html
@ -44,8 +44,9 @@
|
||||
</div>
|
||||
<div id="nav-links-container">
|
||||
<ul id="navList">
|
||||
<li><a class="navlink" href="./" title="about">Gallery</a></li>
|
||||
<li><a class="navlink" href="./about.html" title="about">About</a></li>
|
||||
<li><a class="navlink current" href="./buy.html" title="buy">Buy</a></li>
|
||||
<li><a class="navlink boxed active" href="./buy.html" title="buy">Buy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
@ -80,12 +80,17 @@ nav ul li {
|
||||
|
||||
.navlink {
|
||||
color:rgb(160, 160, 160);
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.navlink.active,a:hover {
|
||||
.navlink.active {
|
||||
font-weight: bold;
|
||||
color: rgba(54, 54, 54, 0.774);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: rgba(54, 54, 54, 0.774);
|
||||
transition: .5s;
|
||||
}
|
||||
@ -116,6 +121,11 @@ nav ul li {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.boxed {
|
||||
border: 1px solid rgb(118, 118, 118);
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
main {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
@ -137,11 +147,11 @@ header {
|
||||
}
|
||||
|
||||
.slide-content {
|
||||
max-width: 800px;
|
||||
max-width: fit-content;
|
||||
}
|
||||
|
||||
.slide-img {
|
||||
width: 100%;
|
||||
max-height: 700px;
|
||||
}
|
||||
|
||||
.slide-desc {
|
||||
@ -151,8 +161,8 @@ header {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.splide__pagination__page.is-active {
|
||||
background: #2c2c2c !important;
|
||||
li .splide__pagination__page.is-active {
|
||||
background: #2c2c2c;
|
||||
}
|
||||
|
||||
.about-parent {
|
||||
|
BIN
img/piece-2.jpg
Normal file
BIN
img/piece-2.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.4 MiB |
BIN
img/piece-3.jpg
Normal file
BIN
img/piece-3.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 854 KiB |
@ -47,8 +47,9 @@
|
||||
</div>
|
||||
<div id="nav-links-container">
|
||||
<ul id="navList">
|
||||
<li><a class="navlink active" href="./" title="about">Gallery</a></li>
|
||||
<li><a class="navlink" href="./about.html" title="about">About</a></li>
|
||||
<li><a class="navlink" href="./buy.html" title="buy">Buy</a></li>
|
||||
<li><a class="navlink boxed" href="./buy.html" title="buy">Buy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
@ -60,8 +61,8 @@
|
||||
<div class="splide__track">
|
||||
<ul class="splide__list">
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/piece-1.jpg"><div class="slide-desc">Title</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/piece-1.jpg"><div class="slide-desc">Title</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/piece-1.jpg"><div class="slide-desc">Title</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/piece-2.jpg"><div class="slide-desc">Title</div></div></li>
|
||||
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/piece-3.jpg"><div class="slide-desc">Title</div></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
Loading…
Reference in New Issue
Block a user