[F2U] PPDC Pilot

elim__08

Info


Created
1 year, 7 months ago
Creator
elim__08
Favorites
58

Profile


[F2U] PACIFIC RIM PPDC PILOT TEMPLATE


Mobile Friendly
Custom Colors
Free-User (HTML only)
WYSIWYG
Intermediate Level

A free template for any fan Pacific Rim pilot (or Jaeger) OCs. Includes a built-in custom Jaeger "logo", but also includes code for inserting premade Jaeger logos if you already have one. You are welcome to customize this code for non-Pacific Rim content. If you customize this code for a Pacific Rim rp group, please let me know! This code is somewhat mobile friendly... though viewable, the font-families it uses is not preinstalled on Apple devices...

Instructions for changing the stat "bubbles" are commented in the code; but once again, to change the stat bubbles, set the background color of the excess counters to none.

This code is free to use for fan content. All custom icons used in this template are based off of Pacific Rim promotional content. If you do end up using this template, please send me a character link, I would LOVE to see your Pacific Rim ocs!


CHANGELOG

Jan 26, 2024 - Asset images have been moved to a image host site instead of being lazily hosted on Discord. Spruced up the code comment instructions to make it more user-friendly (hopefully).

USAGE INSTRUCTIONS

  • Turn OFF Profile Text under WYSIWYG and ENABLE Code Editor in your display settings. Copy the code directly into content box.
  • I recommend using Circlejourney or some other code previewer while customizing the code.
  • Any icons used within this code are from Font Awesome, and you can replace them with different ones if you know how to.
  • To avoid broken images, host your images on an external image hosting site, such as FileGarden or Imgbox. Here is a list of places to host images.
  • Feel free to DM me here or on discord if you run into any issues you don't know how to fix.

If you like my codes, please consider supporting me by donating on Ko-Fi!

61e111774d3a2f67c827cd25_Frame%205.png Thank you!
Show Code
    
<!--------- PPDC TEMPLATE BEGIN--------->
<div class =" mx-auto container row col-lg-10 col-12 p-0" style="overflow:hidden;">
    
<!-- Left column --> 

<!--=======================================================
LEFT HAND SIDE BG IMG URL IS HERE, if you want to change. 
=======================================================-->
<div class="col-lg-5 col-12 p-0" style="min-height:600px; background: 

    url(https://i.pinimg.com/originals/8b/91/7a/8b917a5444e3f18f0e3f6215b0c52a4b.jpg);">
    
    <div class="card p-1" style="background:none; border:none; mix-blend-mode:overlay; position: absolute; width:600px; transform:rotate(-90deg); transform-origin: top right; left:-230px; top:230px; line-height:1;">
    
        <!--=============================================
            
                     LEFT HAND SIDE "POSTER"
        -------------------------------------------------
        Character name, country, and flag. Also includes Pacific Rim poster
        
        ===============================================-->
        <span class="col-12 p-0 justify-content-end" style="color: white; line-height:1; font-size:66pt; font-weight:500; font-family:Impact; letter-spacing:2px; border:none;mix-blend-mode:screen; opacity:0.8; text-transform:uppercase">
            
            <!--========================
                     PILOT NAME
            ==========================--> 
            PILOT NAME
            
        </span>
        
        <span class="text col-12 p-0 justify-content-end" style="color: #FBBD53; font-size:40pt; font-weight:500; font-family: Impact; letter-spacing:1px; border:none; mix-blend-mode:overlay; opacity:0.8; text-transform:uppercase">
            
            <!--========================
                      COUNTRY
            ==========================--> 
            COUNTRY 
            
        </span>
    </div>
    
    <!--========================
            COUNTRY FLAG
    ==========================--> 
    <div class="card" style="height:60px; width:100px; border-radius:0; border:none; 
        
        background: url(https://upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/1200px-Flag_of_the_United_States.svg.png); 
        
        background-size:cover; transform:rotate(-90deg); position:absolute; left:130px; top:30px">
        
    </div>
        
    
    <!-- Pacific Rim Logo --> 
    <div class="container col-12 h-100 p-0 d-flex align-items-end" style="position:absolute; min-height:600px; z-index:5; background:none; border:none"><img src="https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/Pacific%20Rim%20logo.png" style="top:5%"></div>
    <!-- logo end, delete if unwanted--> 
        
    <!-- CREDITS please don't delete! <3 --> 
    <div class="p-0 p-1 row no-gutters align-items-end" style="position:absolute; left:0; bottom:0; z-index:5; background:none;"><a class="mr-2" href="https://www.deviantart.com/moonglowlilly/art/STORMY-SEAS-BG-550927383" title="MoonglowLilly" data-toggle="tooltip" data-placement="bottom" style="color:#00e6e6"><i class="fa-solid fa-image"></i></a><a href="https://toyhou.se/17895739.f2u-ppdc-pilot" title="coded by elim__08" data-toggle="tooltip" data-placement="bottom" style="color:#00e6e6"><i class="fa-solid fa-code"></i></a></div>        

    <!--=======================================

             MAIN CHARACTER IMAGE
    -------------------------------------------
    Recommended half to full body image, requires transparent background. 

    ========================================-->
    <div class="card col-12 my-4" style="height:100%; border-radius:0; border: none; 
    
        background: url(https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/example%20pilot.png);
        
        background-size:cover;
        background-position:center top;
        
        background-repeat: no-repeat;">
    </div>   
        
        
    
</div>
<!-- end left column -->
    
<!-- right column -->
<div class="col-lg-7 col-12 row mx-auto p-3" style="background:black; overflow:hidden">
    
    <div class="container" style="height:200%; 
    
    background: url(https://cutewallpaper.org/21/tron-grid-background/Grid-Vectors,-Photos-and-PSD-files-Free-Download.jpg); 
    
    background-size:50%; position:absolute; width:120%; top:-10%; left:-10%; z-index:0; opacity:0.3"></div>
        
    <!---NAV BUTTONS -->
    <ul class= "nav row col-12 mx-auto justify-content-center" style="font-family:Impact;">
        
        <li class="nav-item active col-lg-3 col-4">
            <a class="btn col-12" href="#pilot" data-toggle="tab" style="border:solid 2px #112c43; border-radius:15px;background: linear-gradient(90deg, rgba(23, 33, 37, 0.85) 0%, #08141F 25%, #08141F 75%, rgba(23, 33, 37, 0.85) 100%); color:#ffffff; letter-spacing:1.5px; box-shadow: 0px 0px 5px #112c43; font-size:150%">
                
                <img src ="https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/PPDC%20Logo%20White.png" style="max-height:25px; mix-blend-mode:overlay">
                
            </a>
        </li>
            
            
        <li class="nav-item col-lg-3 col-4">
            <a class="btn col-12" href="#jaeger" data-toggle="tab" style="border:solid 2px #112c43; border-radius:15px;background: linear-gradient(90deg, rgba(23, 33, 37, 0.85) 0%, #08141F 25%, #08141F 75%, rgba(23, 33, 37, 0.85) 100%); color:#112c43;box-shadow: 0px 0px 5px #112c43; font-size: 150%">
                
                <img src ="https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/Pilot.png" style="max-height:25px; mix-blend-mode:overlay">
                
            </a>
        </li>
    </ul>
    <!-- NAV BUTTONS END -->
        
    
    <div class="card col-12 p-0 mt-3" style="border:solid 2px #112c43; border-radius: 20px; background: linear-gradient(90deg, rgba(23, 33, 37, 0.85) 0%, #08141F 25%, #08141F 75%, rgba(23, 33, 37, 0.85) 100%);height:500px; box-shadow: 0px 0px 15px #112c43; overflow:auto">
        
    
    <!--- TAB CONTENT-->    
        
    <div class="tab-content h-100" style="color:#006666">
        
        <!--- PILOT TAB BEGIN -->
        <div class="tab-pane active show fade h-100" style="background:#050d14" id="pilot">
            
        <div class="card col-12 mx-auto p-3" style="border:none; border-radius: 20px 20px 0px 0px; background: #050d14">
            
            <div class="row no-gutters" style="border: solid 2px #112c43; font-family: Arial Narrow">
                

                <!--====================================================

                                PILOT PORTRAIT/BUST IMAGE
                --------------------------------------------------------
                Change first url under this comment!

                =====================================================-->
                <div class="card col-lg-4 col-6 mx-auto" style=" border:none; border-radius:0; min-height:150px; background:
                
                    url(https://www.looper.com/img/gallery/pacific-rim-what-happened-to-charlie-hunnams-raleigh-becket/intro-1702056924.jpg);
                
                    background-position:center top; 
                    background-size:cover; 

                    background-repeat: no-repeat;">
                    
                </div>
                

                <!--=================================================

                             PILOT CHARACTER INFO 

                ==================================================-->
                <div class="col-lg-8 col-12 mx-auto" style="mix-blend-mode: color-dodge; color:#b3b3b3; column-gap:5%">
                    
                    
                    <div class="row no-gutters align-items-center mb-1 justify-content-center px-2" style="mix-blend-mode: color-dodge; background:#d9d9d9; color:#000000; font-family:impact; font-size:200%; letter-spacing:1px;">
                        
                        <div class="col-9 my-auto">
                        
                        <!--================
                           CHARACTER NAME
                        =================-->
                        PILOT NAME 
                        
                    </div>
                    <div class="col px-3"><hr style="border:none"></div>
                    <img class="col-1" src="https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/PPDC%20Logo%20Black.png" style="max-height:35px">
                    
                    </div>
                    
                    <div class="row no-gutters">
                        
                        <div class="col-3 p-1 my-1 justify-content-center" style="background: #b3b3b3; color:#000000; border:solid 1px #b3b3b3; font-weight:800; border-left:none; border-right:none">HEIGHT</div>
                    
                        <div class="col-3 p-1 my-1" style="border:solid 1px; border-left:none; border-right:none">
                            
                            <!--============
                                 HEIGHT
                            =============-->
                            6'0"
                            
                        </div>
                        
                        <div class="col-2 p-1 my-1 justify-content-center" style="background: #b3b3b3; color:#000000; border:solid 1px #b3b3b3; font-weight:800;; border-left:none; border-right:none">DOB</div>
                    
                        <div class="col-4 p-1 my-1" style="border:solid 1px; border-left:none; border-right:none">
                            
                            <!--================
                                DATE OF BIRTH
                            =================-->
                            DEC 21
                            
                        </div>
                        
                        <div class="col-3 p-1 justify-content-center" style="background: #b3b3b3; color:#000000; border:solid 1px #b3b3b3; font-weight:800; border-left:none; border-right:none">GENDER</div>
                    
                        <div class="col-3 p-1" style="border:solid 1px; border-left:none; border-right:none">
                            
                            <!--===========
                                GENDER
                            ============-->
                            MALE
                            
                        </div>
                        
                        <div class="col-2 p-1 justify-content-center" style="background: #b3b3b3; color:#000000; border:solid 1px #b3b3b3; font-weight:800; border-left:none; border-right:none">AGE</div>
                    
                        <div class="col-4 p-1" style="border:solid 1px; border-left:none; border-right:none">
                            
                            <!--===========
                                AGE
                            ============-->
                            30
                            
                        </div>
                        

                        <div class="col-3 p-1 my-1 justify-content-center" style="background: #b3b3b3; color:#000000; border:solid 1px #b3b3b3; font-weight:800; border-left:none; border-right:none">COUNTRY</div>
                    
                        <div class="col-9 p-1 my-1" style="border:solid 1px; border-left:none; border-right:none">
                            
                            <!--===========
                                COUNTRY
                            ============-->
                            COUNTRY 
                            
                        </div>
                        
                        <div class="col-3 p-1 justify-content-center" style="background: #b3b3b3; color:#000000; border:solid 1px #b3b3b3; font-weight:800; border-left:none; border-right:none">COPILOT</div>
                    
                        <div class="col-9 p-1" style="border:solid 1px; border-left:none; border-right:none">
                            
                            <!--================
                                COPILOT NAME(S)
                            ==================-->
                            COPILOT NAME; ANOTHER ONE
                            
                        </div>
                        
                        <div class="col-3 p-1 my-1 justify-content-center" style="background: #b3b3b3; color:#000000; border-top:solid 1px #b3b3b3; font-weight:800;">JAEGER</div>
                    
                        <div class="col-9 p-1 my-1" style="border-top:solid 1px;">
                            
                            <!--===============
                                JAEGER NAME
                            ================-->
                            JAEGER NAME (MARK V)
                            
                        </div>
                        
                        
                    </div>
                    
                </div>
          <!-- CHARACTER INFO END-->
           </div> 
           
           <!-- decorative stripey margin-->
           <div class="row mt-3" style="mix-blend-mode:color-dodge; background: repeating-linear-gradient(-45deg,  #d9d9d9,  #d9d9d9 5px,  #000000 5px,  #000000 10px); min-height:12px">
            </div>
            
            
            
        </div> 
        

        <div class="card" style="background:#050d14; border:none; border-radius:0;">
            <div class="row no-gutters align-items-center justify-content-center" style="mix-blend-mode: color-dodge; background:#d9d9d9; color:#000000; font-family:impact; font-size:200%; letter-spacing:1px;">
                        
                <i class="fa-sharp fa-solid fa-star" style="font-size:50%; margin-right: 5px"></i>
                        
                    BIOGRAPHY
                        
                <i class="fa-sharp fa-solid fa-star" style="font-size:50%; margin-left: 5px"></i>
            </div>
        
            <div class="text col-12 p-3 px-4" style="color:#d3d3d3; mix-blend-mode:color-dodge">
                

                <!--====================================

                             BIOGRAPHY WRITEUP
                ---------------------------------------
                Seperate paragraphs with <p></p> tags

                =====================================-->

                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Placerat vestibulum lectus mauris ultrices eros in cursus. Sem et tortor conse</p>
                
            </div>
        </div>
        </div>
        <!--- PILOT TAB END ----->
        
        
        
        <!--- JAEGER TAB BEGIN -->
        <div class="tab-pane fade" id="jaeger">
        
        <div class="container h-100" style="mix-blend-mode:color-dodge; opacity:0.5; background: url(https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/jaeger_bg.png); background-size:contain;background-repeat:no-repeat; position:absolute">
         </div>  
         
        <div class="row mx-auto justify-content-end p-3">
            
            <!--===================================
            
                 BUILT IN JAEGER LOGO MAKER
            ---------------------------------------
            Makes a servicable logo for your Jaeger if you haven't made your own! The only thing you need to edit here is JAEGER NAME. 
            If you do have a logo, you can delete this section and use the JAEGER LOGO section instead. 

            =================================== --> 
            <div class="col-lg-6 col-7 p-0 my-auto" style="mix-blend-mode:screen; opacity:.5; color:#ffffff; margin-right:2%;"><img src="https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/wing%20deco.png" style="position:absolute; z-index:-1; top:-15px; max-width:100%"><div class="row no-gutters justify-content-center mb-1" style="font-size:75%"><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star mx-3"></i><i class="fa-sharp fa-solid fa-star"></i></div>
                
                <span class="row no-gutters text justify-content-center" style="font-family:Impact; letter-spacing: 2px; text-transform:uppercase; font-size:220%; background:#000000; z-index:2; line-height:1; text-align:center"> 

                    <!--================
                        JAEGER NAME
                    =================-->
                    JAEGER NAME

                </span>
                
            </div>

             <!--===================================
            
                 BUILT IN JAEGER LOGO MAKER END

            =====================================--> 
            
            
           
            
            <!--====================================

                        JAEGER LOGO
            -----------------------------------------
            If you have your own Jaeger logo, you can use this section instead and delete the above section!

            ====================================== <(move the comment ender to here)
            <div class="card col-lg-6 col-6" style="background: 
            
                url(https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/example%20jaeger%20logo.png); 
                
                height:120px;
                background-size:contain; 
                background-position: center; 

            background-repeat:no-repeat; border:none; "></div>
            
            (this is the comment ender)> -->
            
            <!-- PPDC LOGO -->
            <img src="https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/PPDC%20Emblem%20white.png" style="max-height:120px; mix-blend-mode:overlay">
            <!-- PDDC LOGO END, delete section if unwanted -->
            
            
            <div class="card col-lg-8 col-12 p-2 mt-2 h-100" style="background:#050d14; border:none; border-radius:0; overflow:hidden">
                
                <!--=================================
                    
                          BATTLE SPECS
                -------------------------------------
                Change the background to none where indicated to change stat count.

                ==================================-->

                <div class="row no-gutters px-1 align-items-center" style="mix-blend-mode: color-dodge; background:#d9d9d9; color:#000000; font-family:impact; font-size:200%; letter-spacing:1px;">
                    <div class="col-9 my-auto">
                        BATTLE SPEC
                    </div>
                    <div class="col px-3"><hr style="border:none"></div>
                    <img class="col-1" src="https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/pilot%20black.png" style="max-height:35px">
                </div>
                
                
                <div class="row mx-auto my-auto align-items-center m-1" style="mix-blend-mode:color-dodge; color:#d9d9d9;">
                
                <!-- SPEED STAT --> 
                    <div class="col-lg-2 col-4 p-1 mt-1" style="background:#b3b3b3; height:40px"><img src="https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/speed.png" style="max-width:100%; max-height:32px;"></div>
                    
                    <div class="col-lg-4 col-8 row no-gutters mt-1 p-0 px-1" style="border: solid 1px #b3b3b3; line-height:1; font-size:120%; height:40px">
                        <div class="align-items-center" style="font-weight:; transform: scaleY(2)">SPEED:</div><span style="font-weight:500; font-family:Impact; font-size:200%; margin-left:5%">
                            
                            <!--================
                             SPEED STAT COUNT
                            ================-->
                            10
                            
                            </span>
                    </div>
                    
                    <div class="row col-lg-6 col-12 no-gutters justify-content-end mt-1" style="column-gap:1%; height:40px;">
                        
                        <!--============================
                               SPEED STAT COUNT BOXES 
                        Change background to none to change stat count
                        ==============================-->
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                      
                    </div>
                
                
                <!-- POWER STAT --> 
                <div class="col-lg-2 col-4 p-2 mt-1 align-items-center justify-content-center" style="background:#b3b3b3; height:40px"><img src="https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/power.png" style="padding:5%; max-height:32px"></div>
                    
                    <div class=" col-lg-4 col-8 p-0 mt-1 row no-gutters px-1" style= "border: solid 1px #b3b3b3; line-height:1; font-size:120%; height:40px">
                        <div class="align-items-center" style="font-weight:; transform: scaleY(2)">POWER:</div><span style="font-weight:500; font-family:Impact; font-size:200%; margin-left:5%">
                            
                            <!--================
                             POWER STAT COUNT
                            ================-->
                            8
                            
                            </span>
                    </div>
                    
                
                    <div class="row mt-1 no-gutters col-12 col-lg-6 justify-content-end" style="column-gap:1%; height:40px;">
                       
                        <!--============================
                               POWER STAT COUNT BOXES 
                        Change background to none to change stat count
                        ==============================-->
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: none;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: none;"> </div>
                      
                    </div>
  
                <!-- ARMOR STAT --> 
                    <div class="col-lg-2 col-4 p-1 justify-content-center align-items-center mt-1" style="background:#b3b3b3; height:40px"><img src="https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/armor.png" style="max-width:100%; height:32px;"></div>
                    
                    <div class="row no-gutters align-items-center px-1 col-lg-4 col-8 p-0 mt-1" style="border: solid 1px #b3b3b3; line-height:1; font-size:120%; height:40px">
                        <div class="align-items-center" style="font-weight:; transform: scaleY(2)">ARMOR:</div><span style="font-weight:500; font-family:Impact; font-size:200%; margin-left:5%">
                            
                            <!--================
                             ARMOR STAT COUNT
                            ================-->
                            4
                            
                            </span>
                    </div>
                    
                
                    <div class="row no-gutters col-lg-6 col-12 mt-1 justify-content-end" style="column-gap:1%; height:40px;">
                        
                        <!--============================
                             ARMOR STAT COUNT BOXES 
                        Change background to none to change stat count
                        ==============================-->
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: #b3b3b3;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: none;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: none;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: none;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: none;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: none;"> </div>
                        <div class="card col-1 h-100" style="border:solid 1px #b3b3b3; background: none;"> </div>
                      
                    </div>
                </div>
                
                <!--=======================================
                            
                             KAIJU KILL COUNTER

                =========================================-->
                 <div class="row no-gutters px-1 mt-2 align-items-center" style="mix-blend-mode: color-dodge; background:#d9d9d9; color:#000000; font-family:impact; font-size:200%; letter-spacing:1px;">
                    <div class="col-8 my-auto">
                        KAIJU KILL COUNT
                    </div>
                    <div class="col px-3"><hr style="border:none"></div>
                    <div class="col-auto px-3 align-items-center" src="" style="border: solid 1px; max-height:35px; ">
                        
                        <!--================
                          KAIJU KILL COUNT
                        =================-->
                        5
                        
                    </div>
                </div>
                
                <!-- Kaiju Icons, copy and paste as needed... if you choose to change colors you may need to play around with the opacity and mix-blend-mode to get the color you want-->
                <div class="row no-gutters justify-content-start m-2" style="max-height:35px; mix-blend-mode: screen; opacity:85%;">
                    
                    <!--============================
                             DEAD KAIJUS >:) 
                    Copy and paste the image code to indicate a kill!
                    ==============================-->
                   
                    <!--===COPY ME!===-->
                    <img src="https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/Kaiju.png" style="margin-right: 2%; max-height:35px; max-width:20px;">
                    
                    <!--===COPY ME!===-->
                    <img src="https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/Kaiju.png" style="margin-right: 2%; max-height:35px; max-width:20px;">
                    
                    <!--===COPY ME!===-->
                    <img src="https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/Kaiju.png" style="margin-right: 2%; max-height:35px; max-width:20px;">

                    <!--===COPY ME!===-->
                    <img src="https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/Kaiju.png" style="margin-right: 2%; max-height:35px; max-width:20px;">

                    <!--===COPY ME!===-->
                    <img src="https://file.garden/ZdxMBrwq23DtX_jS/TH%20Assets/PPDC%20Pilot%201/Kaiju.png" style="margin-right: 2%; max-height:35px; max-width:20px;">
                    
                    
                   <!--=========================================
                     ^ PASTE KAIJU HEADS ABOVE THIS LINE!!! ^
                    ==========================================--> 
                </div>
                
                <div class="row mt-2" style="mix-blend-mode:color-dodge; background: repeating-linear-gradient(-45deg,  #d9d9d9,  #d9d9d9 13px,  #000000 13px,  #000000 26px); min-height:20px">
                </div>
                
            </div>
            
        </div>
        </div>
        <!-- JAEGER TAB END --> 
        
    </div>    
    <!-- TAB CONTENT END -->
        
    </div>    
    <!-- end right column -->
    
</div> 
<!------------ PPDC TEMPLATE END --------------------------->


    
PILOT NAME COUNTRY
Pacific%20Rim%20logo.png
PILOT NAME

PPDC%20Logo%20Black.png
HEIGHT
6'0"
DOB
DEC 21
GENDER
MALE
AGE
30
COUNTRY
COUNTRY
COPILOT
COPILOT NAME; ANOTHER ONE
JAEGER
JAEGER NAME (MARK V)
BIOGRAPHY

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Placerat vestibulum lectus mauris ultrices eros in cursus. Sem et tortor conse

wing%20deco.png
JAEGER NAME
PPDC%20Emblem%20white.png
BATTLE SPEC

pilot%20black.png
speed.png
SPEED:
10
power.png
POWER:
8
armor.png
ARMOR:
4
KAIJU KILL COUNT

5
Kaiju.png Kaiju.png Kaiju.png Kaiju.png Kaiju.png