HTML-----------
<div class="software-info">
  <div>
    <img src="https://helpx.adobe.com/content/dam/help/mnemonics/pr_cc_app_RGB.svg" class="pic"/>

  </div>
  <div class="text">
    <h1>Test software title </h1>
    <p> This is an example blurb for a software that we will sell on the website </p>
    <br/>
    <p> More descriptive paragraph here </p>
    <br/>
    <ul>
      <li> Selling point here </li>
      <li> Selling point here </li>
      <li> Selling point here </li>
    </ul>
    <br/>
    <a onclick="addToCart()" class="button"> Add to cart </a>
  </div>
</div>
CSS-----------
.software-info {
  display: flex;
}

.pic {
  padding-left: 200px;
  padding-top: 50px;
  width: 350px;
}

.text {
  padding-top: 50px;
  padding-left: 15px;
  flex-grow: 1;
}

.button {
  background-color: #edb700;
  color: white;
  text-decoration: none;
  padding: 0.4em;
  font-size: 20px;
  margin-left: 350px;
}

JS------------
function addToCart() {
	document.cookie = "inCart=thisProduct";
}