fixed slideshow added stroke to text

This commit is contained in:
Chris 2021-02-20 14:42:00 -05:00
parent 737ae1d2b7
commit 4ec90d7d24
3 changed files with 32 additions and 47 deletions

View File

@ -60,7 +60,7 @@
<div class="card" style="width: 70vw; margin: auto;">
<img src="assets/images/indexpic.jpg" class="card-img-top" alt="...">
<img src="/assets/images/indexpic.jpg" class="card-img-top" alt="...">
<div class="card-body">
@ -98,7 +98,7 @@
<div class="card">
<img src="assets/images/facepainting.jpg" class="card-img-top" alt="...">
<img src="/assets/images/facepainting.jpg" class="card-img-top" alt="...">
<div class="card-body">
@ -126,7 +126,7 @@
<div class="card">
<img src="assets/images/boysfacepaintingl.jpg" class="card-img-top" alt="...">
<img src="/assets/images/boysfacepaintingl.jpg" class="card-img-top" alt="...">
<div class="card-body">
@ -154,7 +154,7 @@
<div class="card">
<img src="assets/images/airbrushtattooing.jpg" class="card-img-top" alt="...">
<img src="/assets/images/airbrushtattooing.jpg" class="card-img-top" alt="...">
<div class="card-body">
@ -176,7 +176,7 @@
<a href="https://www.beachpartyballoons.com" target="_blank">
<img src="assets/images/neonarchindex.jpg" class="card-img-top" alt="...">
<img src="/assets/images/neonarchindex.jpg" class="card-img-top" alt="...">
</a>
@ -200,7 +200,7 @@
<div class="card">
<img src="assets/images/stiltwalker.jpg" class="card-img-top" alt="...">
<img src="/assets/images/stiltwalker.jpg" class="card-img-top" alt="...">
<div class="card-body">
@ -220,7 +220,7 @@
<div class="card">
<img src="assets/images/caricature.jpg" class="card-img-top" alt="...">
<img src="/assets/images/caricature.jpg" class="card-img-top" alt="...">
<div class="card-body">

View File

@ -50,49 +50,29 @@
<!-- <h1 class="display-3">Painted You</h1> -->
<!-- <img class="mainLogo" src="assets/images/logo1.png" alt="" srcset=""> -->
<p id="painted"><span id="p">P</span><span id="a">A</span><span id="i">I</span><span id="n">N</span><span id="t">T</span><span id="e">E</span><span id="d">D</span>
</p>
<span> &nbsp; YOU</span>
<li data-target="#carouselExampleCaptions" data-slide-to="3"></li>
</ol>
<span id="you">YOU</span></p>
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/images/slide/melfacepainting.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<!-- <h5>First slide label</h5>
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p> -->
</div>
</div>
<div class="carousel-item">
<img src="assets/images/slide/faceartboyssm.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<!-- <h5>Second slide label</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> -->
</div>
</div>
<div class="carousel-item">
<img src="assets/images/slide/page-1_img13_original.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<!-- <h5>Third slide label</h5>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p> -->
</div>
</div>
<div class="carousel-item">
<img src="assets/images/slide/tigerfacelg.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<!-- <h5>Third slide label</h5>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p> -->
</div>
</div>
<div class="carousel-item active">
<img class="d-block w-100" src="assets/images/slide/melfacepainting.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/slide/faceartboyssm.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/slide/page-1_img13_original.jpg" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<h1 class="display-4">Face Painting, Balloon Twisting & More!</h1>
@ -190,7 +170,7 @@
<footer>
Painted You © 2020 All Rights Reserved | &nbsp;<a href="mailto:paintme@paintedyou.com">paintme@paintedyou.com</a>
Painted You © <script>new Date().getYear()</script> All Rights Reserved | &nbsp;<a href="mailto:paintme@paintedyou.com">paintme@paintedyou.com</a>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->

View File

@ -30,6 +30,8 @@ nav{
font-family: 'Sansita Swashed', cursive;
text-align: center;
color: rgb(241, 147, 233);
-webkit-text-stroke: 1px #9966cc;
-webkit-text-fill-color: rgb(241, 147, 233);
}
.mainLogo{
@ -74,6 +76,9 @@ nav{
#d{
color: #CB9D3E
}
#you{
margin-left: 20px
}
footer{
display: flex;
flex-wrap: wrap;