Instagram

<!-------------------------

    INSTAGRAM by Jayden
 Theme inspired by IGs layout!
Please read the notes for help!

      COLOR: #907ca5

          Enjoy!

--------------------------->
<div class="row no-gutters">
    <div class="col-lg-12 p-2">
         <div class="col-lg-6 p-2 bg-faded mx-auto rounded" style="border:1px solid #907ca5;">
        <div class="row no-gutters">
      <div class="col-lg-4 p-2 text-center">
<!-------ICON-------->
<img src="https://i.imgur.com/98ztWDM.png" class="img-thumbnail rounded-circle hidden-sm-down">
<!-------MOBILE ICON-------->
<img src="https://i.imgur.com/98ztWDM.png" class="img-thumbnail rounded-circle w-100 hidden-md-up" style="margin-bottom:-80px;">

</div>

<!---------------------------------
      PLEASE FILL OUT BOTH
           FOR MOBILE

   DONT COPY + PASTE ENTIRE PARTS
          ONLY THE TEXT
---------------------------------->

<!--------NAME BIO-------->
<div class="col-lg-5 p-2 mt-5 text-center">
  <span class="display-2 hidden-sm-down pull-left" style="color:#907ca5;">
<!---symbol + name----->
<i class="fal fa-moon fa-xs"></i> Syndra</span><br>
<!-----bio/quote------>
  <p class="mt-2 table-responsive text-muted hidden-sm-down pull-left text-left">The difference between me and you? <br>I know what I’m doing.</p>

<!-------------MOBILE NAME + BIO---------------->
   <span class="display-2 hidden-md-up" style="color:#907ca5;margin-top:-80px;">
<!---symbol + name----->
Syndra</span><br>
<!-----bio/quote------>
  <p class="mt-2 table-responsive text-muted text-center hidden-md-up">The difference between me and you? <br>I know what I’m doing.</p>

</div>
<!-------BUTTONS - WILL VANISH ON MOBILE------->
<div class="col-lg-3 p-2 mt-5 pt-4 hidden-sm-down">
  <div class="btn btn-outline-secondary pull-right mx-2"><i class="far fa-ellipsis-h"></i></div><div class="btn btn-outline-secondary pull-right">Follow</div>
  </div>


</div>
<!--------IMAGES-------->
<!-------------------------

to add another image, copy paste this
<img src="IMG_LINK" class="rounded-0 w-100 p-2">
under any of the rows.

Make sure to paste above the markers!

-------------------------->

 <div class="row no-gutters mx-auto">

  <div class="col-lg-4">
<!-------LEFT IMGS------->
  <img src="https://i.imgur.com/UYvcSQr.png" class="w-100 p-2">
  <img src="https://i.imgur.com/Fuxazzw.png" class="w-100 p-2">
<!----paste above---->
   </div>
  <div class="col-lg-4">
<!-------MID IMGS-------->
  <img src="https://i.imgur.com/ofvke6O.png" class="w-100 p-2">
  <img src="https://i.imgur.com/03bfrmj.png" class="w-100 p-2">
<!----paste above---->
  </div>
  <div class="col-lg-4">
<!------RIGHT IMGS------->
  <img src="https://i.imgur.com/hwxYUdR.png" class="w-100 p-2">
  <img src="https://i.imgur.com/LuDlgwE.png" class="w-100 p-2">
<!----paste above---->
  </div>

  </div>
<!------------CREDIT------------>
        <a href="/Jayden" class="pull-right mt-3 text-muted" style="font-size:10px;"><i class="fal fa-code"></i></a>
</div>

 </div>  </div>