<!-- *~*~*~ Scenery User Profile by jammydodger ~*~*~*
 
   Rules/Tips:
      - Remember to leave a comment on my forum post (https://toyhou.se/~forums/16.htmlcss-graphics/72125.-jammy-s-free-html-codes-) if you use, thank you!
      - Please do not remove the credit, redistribute or claim it as your own.
       - However, feel free to modify to your heart's content! If you take/learn elements from the code without using large chunks/sections, no credit is required ofc
      - Keep WYSIWYG off to install and edit!
      - This was coded on the night theme. Please keep in mind bootstrap colors change from theme to theme. See https://getbootstrap.com/docs/4.0/utilities/colors/ for more info on preset BS colors.
      - If you need help installing/customizing this layout further, feel free to contact me or ask on the TH forums for assistance.
      - Enjoy my layouts? Support me on Ko-Fi at https://ko-fi.com/jammydodger, I'd greatly appreciate it!      -->
 
<div class="container text-white">
  <!-- change background image by replacing current bg url 'https://file.toyhou.se/images/9107579_hyRdkjeBwhfuICh.png?1534414281' another image url -->
  <div class="row justify-content-center p-5" style="background: url(https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/H0MA-uKSipsekm5s/videoblocks-mystical-firefly-lights-flying-around-creepy-dead-trees-on-a-mysterious-forest-swamp-at-dark-foggy-night-fantasy-3d-animation-rendered-in-4k_brclnpmsz_thumbnail-full01.png) top;">
        <!-- left section -->
	<div class="col-lg-4 p-0 py-3 text-center" style="background: rgba(0,0,0,0.3);">
	  <br>
      <img src="https://orig00.deviantart.net/8b7b/f/2018/071/f/6/shining_gem_by_shiirohana-dc5r35v.png">
    </div>
	<!-- end left section -->
	<!-- right section -->
     <div class="col-lg-6 p-3 text-center justify-content-center" style="background: rgba(0,0,0,0.3);">
       <br><br><br><br><br><br>
      <p class="display-1 text-upperclass mb-2" style="letter-spacing:0.2em;">LazyHydra</p> <!-- name -->
      <i class="display-4">dan | he/him | canada</i> <!-- age/gender/adjective -->
      <!-- text box -->
	  <div class="col-lg-12 table-responsive mt-3" style="height:200px;">
        <p>I don't really use this so hmu over on dA</p>
        <br><br>
<a href="https://deviantart.com/lazyhydra" style="color:#fff;"><i class="fab fa-deviantart fa-2x mx-3 tooltipster" title="𝐝𝐞𝐯𝐢𝐚𝐧𝐭𝐚𝐫𝐭"></i></a>
</div>
    </div>
	  <!-- end text box-->
    </div>
  </div>
</div>

<!-- credit - do not remove -->
<div class="container">
  <div class="row p-0">
    <div class="col-lg-12 text-right py-2">
      <a href="/togedemaru" class="tooltipster" title="jammydodger" target="_blank"><i class="fas fa-code"></i></a>  
    </div>
  </div>  
</div>
<!-- credit - do not remove -->