SHARE
TWEET

Untitled

a guest Mar 24th, 2019 68 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. HTML-----------
  2. <div class="software-info">
  3.   <div>
  4.     <img src="https://helpx.adobe.com/content/dam/help/mnemonics/pr_cc_app_RGB.svg" class="pic"/>
  5.  
  6.   </div>
  7.   <div class="text">
  8.     <h1>Test software title </h1>
  9.     <p> This is an example blurb for a software that we will sell on the website </p>
  10.     <br/>
  11.     <p> More descriptive paragraph here </p>
  12.     <br/>
  13.     <ul>
  14.       <li> Selling point here </li>
  15.       <li> Selling point here </li>
  16.       <li> Selling point here </li>
  17.     </ul>
  18.     <br/>
  19.     <a onclick="addToCart()" class="button"> Add to cart </a>
  20.   </div>
  21. </div>
  22. CSS-----------
  23. .software-info {
  24.   display: flex;
  25. }
  26.  
  27. .pic {
  28.   padding-left: 200px;
  29.   padding-top: 50px;
  30.   width: 350px;
  31. }
  32.  
  33. .text {
  34.   padding-top: 50px;
  35.   padding-left: 15px;
  36.   flex-grow: 1;
  37. }
  38.  
  39. .button {
  40.   background-color: #edb700;
  41.   color: white;
  42.   text-decoration: none;
  43.   padding: 0.4em;
  44.   font-size: 20px;
  45.   margin-left: 350px;
  46. }
  47.  
  48. JS------------
  49. function addToCart() {
  50.     document.cookie = "inCart=thisProduct";
  51. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top