[f2u] student debt (code)

Zylphide

Info


Created
3 years, 9 days ago
Creator
Zylphide
Favorites
0

Profile



<!----------------------------------------------
    |           STUDENT DEBT           | 
    |           by Zylphide            | 
------------------------------------------------

zoom uni seal by: imissmydog
https://www.redbubble.com/i/sticker/Zoom-University-Seal-by-imissmydog/48842697.EJUG5

------- COLORS ------------
wood frame: #250600
inset: #EDE3C9
gold border: #C99745
text: #000000

------>
 
<div class="row justify-content-center">

<!--- wood frame ---->
<div class="col-lg-11 p-5" style="background: #402216; border: solid 3px #C99745">
   
<!---- inset ----->   
<div class="col-lg-12 p-5" style="background: #EDE3C9; border: solid 2px #C99745;">

    
    <!---- diploma background ------>
    <div class="px-5 py-4 m-5" style="color: #000000; background: #E1DAC4; border: solid 9px #C99745">
        
        <!---- uni name ---->
        <div style="font-family: copperplate gothic; font-size: 4em; font-weight: bold; text-align: center">
            <span style="font-size: 1.5em">Z</span>oom 
            <span style="font-size: 1.5em">U</span>niversity 
        </div>
        <!---- uni name END ---->
        
        <!---- degree text --->
        <div style="font-family: garamond; font-size: 1.5em; font-weight: bold; text-align: center">
    
            <div class="p-0">Upon the nomination of the Faculty </div>
            <div class="p-0" style="margin-top: -10px">has conferred upon</div>
            
            <!---- name ----->
            <div style="font-family: copperplate gothic; font-size: 2em;">
                
                Your Name
            
            </div>
            <!---- name END ---->
            
            <div class="p-0">the degree of</div>
            
            <!---- degree name ----->
            <div style="font-family: copperplate gothic; font-size: 2em;">
                
                Your Degree
            
            </div>
            <!---- degree name END ---->
            

            <!---- honors ---->
            <div class="mb-3" style="font-family: copperplate gothic; font-size: 0.8em; margin-top: -10px">
                
                Summa Cum Laude
            
            </div>            
            <!---- honors END ---->
            
            
            <div class="p-0">with all the rights, responsibilities, privileges, and immunities appertaining thereonto.</div>
            <div class="p-0">Granted under the seal of the university on the</div>
            
            
            <!---- date ---->
            <div class="p-0">
                fifteenth day of May, two thousand and twenty-one.
            </div>
            <!---- date END ---->
        
        </div>
        <!---- degree text END --->
        
        <!---- signatures ----->
        <div class="row">
            
            <!----left signature ---->
            <div class="col-lg-4" style="text-align: center; display:flex; flex-direction:column; flex:1">
                <div class="container pb-0" style="font-family: brush script std; font-size: 1.7rem; border-bottom: dashed 1px #000000; margin-top: auto;">
                    Someone's Name
                </div>
                
                 <div class="container" style="font-family: garamond; font-size: 1.2em;">
                     Dean
                 </div>
                
            </div>
            <!----left signature END ---->
            
            <!---- seal ---->
            <div class="col-lg-4 mt-2 justify-content-center">
                <img src="https://i.imgur.com/dwIfsb6.png">
            </div>
            
            <!---- seal END ---->
            
            
            <!----right signature ---->
            <div class="col-lg-4" style="text-align: center; display:flex; flex-direction:column; flex:1;">
                
                <div class="container pb-0" style="font-family: brush script std; font-size: 1.7rem; border-bottom: dashed 1px #000000; margin-top: auto;">
                    Someone's Name
                </div>
                
                 <div class="container" style="font-family: garamond; font-size: 1.2em;">
                     President
                 </div>
                
            </div>
            <!----right signature END ---->
            
        </div>
        <!---- signatures END ----->
        
    </div>
    <!---- diploma background END ------>
    
</div>
<!---- inset  END ----->


</div>
<!--- wood frame END ---->

</div>

<!--- credits, do not remove! --->
<a class="col-12 mt-2" style="color: #C99745; font-size: 12px; display: block; text-align: center" href="https://toyhou.se/Zylphide"><i class="fas fa-dragon fa-flip-horizontal" data-placement="left" title="code by Zylphide"></i></a>
<!--- credits end ---->