painted you in color, needs positioning

This commit is contained in:
Christopher Edwards 2020-12-15 17:27:01 -05:00
parent dae87d902e
commit 60ff5e9e20
2 changed files with 25 additions and 11 deletions

View File

@ -49,14 +49,9 @@
<!-- <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 id="e"><span>E</span><span id="d">D</span>
</p>
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
<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>
<div class="carousel-inner">

View File

@ -49,12 +49,31 @@ nav{
margin: 0;
}
#painted:nth-child(0){
#painted:nth-child(1){
color: #d580ab;
font-size: xx-large;
}
#p{
color: #d580ab
}
#a{
color: #159F9E
}
#i{
color: #D07E56
}
#n{
color: #9966CC
}
#t{
color: #129ECC
}
#e{
color: #679935
}
#d{
color: #CB9D3E
}
footer{
display: flex;
flex-wrap: wrap;