Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- Left side -->
- <div class="row">
- <div class="column" style="background-color:#fff;">
- <div class="image">
- <img src="http://oncokdm.com/assets/barre.png" width="75%" height="auto" />
- <img src="https://images.drivereasy.com/wp-content/uploads/2018/06/img_5b19100729335.jpg" width="75%" height="auto" />
- </div>
- </div>
- <!-- Right side -->
- <div class="column" style="background-color:#fff; text-align: left;">
- <div class="content">
- <div class="head">blablalba blablabla blablalba</div>
- <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>
- </div>
- </div>
- </div>
- .column
- {
- float: left;
- width: 48%;
- padding: 10px;
- height: 100vh;
- }
- .column .image
- {
- margin-top: 22vh;
- border: 1px solid #000;
- }
- .column .content
- {
- margin: 40vh 10vw 0 0;
- }
- .row:after
- {
- content: "";
- display: table;
- clear: both;
- }
- .column .content .head
- {
- margin: 25px 0 30px 0;
- font-size: 1.3em;
- font-family: 'Roboto', sans-serif;
- color: #4a4a4a;
- font-weight: 300;
- }
- .column .content .head:after {
- content: '';
- position: absolute;
- display: block;
- margin-top: 15px;
- width: 40px;
- height: 2px;
- background: #004c71;
- }
- .column .content .subh
- {
- font-size: 1em;
- font-family: 'Roboto', sans-serif;
- color: #a8a8a8;
- font-weight: 200;
- line-height: 1.4;
- }
- @media screen and (max-width: 600px)
- {
- #section3 .column {
- width: 100%;
- }
- }
Add Comment
Please, Sign In to add comment