Moodboard v1

<div class="container-fluid my-1" style="color:#ffffff;width:800px;">
  <!--background card-->
  <div class="card bg-faded p-2" style="background-color:#02031f; height:768px;">
    <div class="row no-gutters">
      <!--image 1-->
      <div class="col-4">
        <div class="card rounded-0 border-0" style="background-image:url(  https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk  ); background-size:cover; background-position: center; height:250px">
          </div>
          </div>
          <!--image 2-->
        <div class="col-4">
         <div class="card rounded-0 border-0" style="background-image:url(  https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk  ); background-size:cover; background-position: center; height:250px">
          </div>
          </div>
          <!--image 3-->
        <div class="col-4">
         <div class="card rounded-0 border-0" style="background-image:url(  https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk  ); background-size:cover; background-position: center; height:250px">
          </div>
          </div>
          </div>

          <div class="row no-gutters">
            <!--image 4-->
      <div class="col-4">
        <div class="card rounded-0 border-0" style="background-image:url(  https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk  ); background-size:cover; background-position: center; height:250px">
          </div>
          </div>
          <!--image 5-->
        <div class="col-4">
         <div class="card rounded-0 border-0" style="background-image:url(  https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk  ); background-size:cover; background-position: center; height:250px">
          </div>
          </div>
          <!--image 6-->
        <div class="col-4">
         <div class="card rounded-0 border-0" style="background-image:url(  https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk  ); background-size:cover; background-position: center; height:250px">
          </div>
          </div>
          </div>

          <div class="row no-gutters">
            <!--image 7-->
       <div class="col-4">
         <div class="card rounded-0 border-0" style="background-image:url(  https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk  ); background-size:cover; background-position: center; height:250px">
          </div>
          </div>
          <!--image 8-->
        <div class="col-4">
         <div class="card rounded-0 border-0" style="background-image:url(  https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk  ); background-size:cover; background-position: center; height:250px">
          </div>
          </div>
          <!--image 9-->
        <div class="col-4">
         <div class="card rounded-0 border-0" style="background-image:url(  https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk  ); background-size:cover; background-position: center; height:250px">
          </div>
        </div>
      </div>
      <!--code credit (do not remove pls and ty)-->
      <p style="text-align: right;"><span style="font-size: 9px;">Code by <a href="https://toyhou.se/MCDogResource" id="">MCDogWarrior</a></span></p>
    </div>
    <!--top icons-->
     <a class="text-white" style="position:absolute; top:-20px; right:10px; font-size:35px;"> <i class="fas fa-sun"></i> </a>
     <a class="text-white" style="position:absolute; top:20px; right:0px; font-size:20px;"> <i class="fas fa-sun"></i> </a>
    <!--bottom spinning icon-->
     <a class="text-white" style="position:absolute; bottom:-45px; left:-10px; font-size:80px;"> <i class="fas fa-compact-disc fa-spin"></i> </a>
   </div>