daily pastebin goal
40%
SHARE
TWEET

Untitled

a guest Jan 24th, 2019 56 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!-- Left side -->  
  2. <div class="row">
  3.     <div class="column" style="background-color:#fff;">
  4.         <div class="image">
  5.             <img src="http://oncokdm.com/assets/barre.png" width="75%" height="auto" />
  6.             <img src="https://images.drivereasy.com/wp-content/uploads/2018/06/img_5b19100729335.jpg" width="75%" height="auto" />
  7.         </div>
  8.     </div>
  9.  
  10.     <!-- Right side -->    
  11.     <div class="column" style="background-color:#fff; text-align: left;">
  12.         <div class="content">
  13.             <div class="head">blablalba blablabla blablalba</div>
  14.             <div class="subh">blablalba blablabla blablalba blablalba blablabla blablalba blablalba blablabla blablalba blablalba blablabla blablalba blablalba blablabla blablalba blablalba blablabla blablalba blablalba blablabla blablalba</div>
  15.         </div>
  16.     </div>
  17. </div>
  18.    
  19. .column
  20. {
  21.     float: left;
  22.     width: 48%;
  23.     padding: 10px;
  24.     height: 100vh;
  25. }
  26.  
  27. .column .image
  28. {
  29.     margin-top: 22vh;
  30.     border: 1px solid #000;
  31. }
  32.  
  33. .column .content
  34. {
  35.     margin: 40vh 10vw 0 0;
  36. }
  37.  
  38. .row:after
  39. {
  40.     content: "";
  41.     display: table;
  42.     clear: both;
  43. }
  44.  
  45. .column .content .head
  46. {
  47.     margin: 25px 0 30px 0;
  48.     font-size: 1.3em;
  49.     font-family: 'Roboto', sans-serif;
  50.     color: #4a4a4a;
  51.     font-weight: 300;
  52. }
  53.  
  54. .column .content .head:after {
  55.     content: '';
  56.     position: absolute;
  57.     display: block;
  58.     margin-top: 15px;
  59.  
  60.     width: 40px;
  61.     height: 2px;
  62.     background: #004c71;
  63. }
  64.  
  65. .column .content .subh
  66. {
  67.     font-size: 1em;
  68.     font-family: 'Roboto', sans-serif;
  69.     color: #a8a8a8;
  70.     font-weight: 200;
  71.     line-height: 1.4;
  72. }
  73.  
  74. @media screen and (max-width: 600px)
  75. {
  76.     #section3 .column {
  77.         width: 100%;
  78.     }
  79. }
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