Profile
<!---------------------------------------
To add another section or for a group of badges add
<div style="font-size:0.8em; color :#a8a8a8;"
<p>Group Title</p>
</div>
before the section you want to create
If pasting into an existing code with a container delete the container section
Section font color = #a8a8a8
^copy and paste hex code into ctrl+f to locate all.
To change the font color for the dividing section title change the hex code to the the hex code of the color desired.
----------------------------------------->
<!---- Container ---->
<div style="background:url() center fixed;">
<div class="container border-0 rounded-0 text-muted bg-white p-3">
<div class="row no-gutters">
<div class="col-12 px-2" style="max-height: 500px; max-width: 750px; overflow:auto;">
<!-------Image------>
<img src="URL" class="float-right ml-3 mb-1 hidden-sm-down" style="max-height: 425px;">
<!------Text------>
<div style="font-size:0.8em; color :#a8a8a8;"
<p>Hover over the badges to see meaning</p>
</div>
<!--------Badges------->
<div style="font-size:0.8em; color :#a8a8a8;"
<p>Story</p>
</div>
<!-----Story Related------->
<img src="URL" title="Badge Name" width="43" height="62" class="flex-align-self-center">
<img src="URL" title="Badge Name" width="43" height="62" class="flex-align-self-center">
<img src="URL" title="Badge Name" width="43" height="62" class="flex-align-self-center">
<img src="URL" title="Badge Name" width="43" height="62" class="flex-align-self-center">
<img src="URL" title="Badge Name" width="43" height="62" class="flex-align-self-center">
<img src="URL" title="Badge Name" width="43" height="62" class="flex-align-self-center">
<div style="font-size:0.8em; color :#a8a8a8;"
<p>Identities and Sexuality</p>
</div>
<!-----Identities and Sexuality---->
<img src="URL" title="Badge Name" alt="Badge Name" width="43" height="62" class="flex-align-self-center">
<img src="URL" title="Badge Name" alt="Badge Name" width="43" height="62" class="flex-align-self-center">
<img src="URL" title="Badge Name" alt="Badge Name" width="43" height="62" class="flex-align-self-center">
<img src="URL" title="Badge Name" alt="Badge Name" width="43" height="62" class="flex-align-self-center">
<img src="URL" title="Badge Name" alt="Badge Name" width="43" height="62" class="flex-align-self-center">
<img src="URL" title="Badge Name" alt="Badge Name" width="43" height="62" class="flex-align-self-center">
<div style="font-size:0.8em; color :#a8a8a8;"
<p>Other</p>
</div>
<!-----Achievements and Design---->
<img src="URL" title="Badge Name" alt="Badge Name" width="43" height="62" class="flex-align-self-center">
<img src="URL" title="Badge Name" alt="Badge Name" width="43" height="62" class="flex-align-self-center">
<img src="URL" title="Badge Name" alt="Badge Name" width="43" height="62" class="flex-align-self-center">
<img src="URL" title="Badge Name" alt="Badge Name" width="43" height="62" class="flex-align-self-center">
<img src="URL" title="Badge Name" alt="Badge Name" width="43" height="62" class="flex-align-self-center">
<img src="URL" title="Badge Name" alt="Badge Name" width="43" height="62" class="flex-align-self-center">
</div>