Sun Advisor [Custom]

<div class="container-fluid" style="width:900px;">
<!--Main card (black border)-->
 <div class="card bg-faded rounded-0 mx-auto p-1" style="border-top-right-radius:8px; border-top-left-radius:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; width:850px; background-color:#000;">
<!--Warning label-->
  <div class="card bg-faded rounded-0" style="border-top-right-radius:5px; border-top-left-radius:5px; background-color:#f0ed15; height:80px">
 <!--Warning text (its position is absolute, change it if you need to fix the text)-->
  <p style="font-size: 60px; text-align: center; color:#000; position:absolute; bottom:0px; left:235px;"><span style="font-size: 50px;"> <i class="fas fa-exclamation-triangle"></i></span><strong> WARNING</strong></p>
  </div>
<!--White box-->
   <div class="card bg-faded rounded-0 mt-1" style="border-bottom-right-radius:5px; border-bottom-left-radius:5px; background-color:#fff;">
 <!--Header-->
   <p style="text-align: center; font-size: 25px; color:#000; letter-spacing: 1px" class="mt-1">HEADER TEXT OR SOMETHING IDK</p>
    <div class="card bg-faded rounded-0 border-0 mt-1 p-2" style="border-bottom-right-radius:5px; border-bottom-left-radius:5px; background-color:#fff;">
     <div class="row">
      <div class="col-3">
 <!--Airbag image-->
       <div class="mx-auto mb-2" style="background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deqa8eo-41554adc-b15b-4579-8ec3-941737ab625f.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVxYThlby00MTU1NGFkYy1iMTViLTQ1NzktOGVjMy05NDE3MzdhYjYyNWYuanBnIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.XHb1VO44iJ5R9opxcABA39GIEoI8HU_ijow5_67FPpE); background-size:contain; background-position: center; height:116px;">
       </div>
      </div>
      <div class="col-9">
 <!--List of warnings-->
      <ul style="list-style-type: square; font-size: 15px; color:#000;">
       <li>Warnings to note</li>
       <li>go in these bullet points</li>
       <li>I would reccomend putting 5</li>
       <li>but you can put more or</li>
       <li>remove some if you want</li>
      </ul>
      </div>
     </div>
    </div>
   </div>
  </div>
<!--Code credit (DO NOT REMOVE OR ALTER)-->
 <p style="text-align: right;"><span style="font-size: 9px;">Code by <a href="https://toyhou.se/MCDogResource">MCDogWarrior</a></span></p>
 </div>