profile1

<div style = "width: 100vh; height: 100vh; box-sizing: border-box; margin: auto;">
  <!--to select background color for top part - to edit color, google hex color picker and replace desired color after "background: " or just put the name of the color your want-->
  <!--if you want a background picture instead of a color and don't know how, feel free to comment on my profile and ask-->
      <div style = "border: 1px solid black; box-sizing: border-box; width: 50vh; background: #f7dcea; margin-bottom: 0; margin-left: auto; margin-right: auto;"><br /><br /><br /><br /> <br /><br /></div>
      <h1 style = "color: gray; border-top: 0px; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 0px; text-align: center; box-sizing: border-box; margin-left: auto; margin-right: auto; margin-bottom: 0; margin-top: 0; padding-top: 1vh; padding-bottom: 0; width: 50vh; background-color: white;">Title</h1>
      <h6 style = "color: gray; border-top: 0px; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 0px; text-align: center; box-sizing: border-box; margin-left: auto; margin-right: auto; margin-bottom: 0; margin-top: 0; padding-top: 0; padding-bottom: 1vh; width: 50vh; background-color: white;">age | gender | etc</h6>
      <table style = "margin-top: 0; margin-left: auto; margin-right: auto; box-sizing: border-box; width: 50vh; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; border-top: 1px solid #cccccc;">
        <tr>
          <!--Directly below this comment are the three images on the far left which you can customize by changing the url after "src = "-->
          <td style = "box-sizing: border-box; width: 10vh; margin-top: 0;">
            <ul style = "list-style-type: none; margin: 0; padding: 1vh;">
              <li style = "margin: 1vh; width: 5vh;"><img class = "shadow-sm rounded" src = "https://images.pexels.com/photos/931177/pexels-photo-931177.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"></li>
              <li style = "margin: 1vh; width: 5vh;"><img class = "shadow-sm rounded" src = "https://images.pexels.com/photos/931177/pexels-photo-931177.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"></li>
              <li style = "margin: 1vh; width: 5vh;"><img class = "shadow-sm rounded" src = "https://images.pexels.com/photos/931177/pexels-photo-931177.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"></li>
            </ul>
          </td>
          <td style = "padding: 0; box-sizing: border-box; width: 30vh; margin-top: 0;">
            <div style = "height: 20vh; overflow: auto; padding: 0;">
              <h5>About Me</h5>
              <!--Change the text after "<p>" and before "</p>" to edit bio-->
              <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuerLorem</p> ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat
            </div>
          </td>
          <!-- Select preference for commissions/trades/etc here -->
          <td style = "box-sizing: border-box; width: 10vh; margin-top: 0;">
            <ul style = "margin-top: 0; margin-left: 1vh; margin-bottom: margin-right: 1vh; border: 1px solid #cccccc; list-style-type: none; margin: 0; padding: 1vh;">
              <li><b>Commissions:</b><br /> open/closed </li>
              <li><b>Trades:</b><br /> open/closed </li>
              <li><b>Requests:</b><br /> open/closed </li>

            </ul>
            <br />
            <!--Add your social media here by replacing the default urls-->
            <ul style = "margin: 1vh; list-style-type: none; margin: 0; padding: 1vh;">
              <h6>Links</h6>
              <li style = "margin: 1vh; width: 5vh;"><a href = "www.tumblr.com" target = "_blank">Tumblr</a> </li>
              <li style = "margin: 1vh; width: 5vh;"><a href = "www.deviantart.com" target = "_blank">Deviantart</a></li>
              <li style = "margin: 1vh; width: 5vh;"><a href = "www.twitter.com" target = "_blank">Twitter</a></li>
              <li style = "margin: 1vh; width: 5vh;"><a href = "www.instagram.com" target = "_blank">Twitter</a></li>
              <!-- Please do not remove credit, thank you! -->
              <li style = "margin: 1vh; width: 5vh;"><a href = "https://toyhou.se/littlemountainwitch" target = "_blank">Credit</a></li>


            </ul>

          </td>
        </tr>
      </table>
  </div>