Difference between revisions of "Team:DUT China B/Human Practices"

Line 232: Line 232:
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 +
 +
<!--second section-->
 +
    <div class="row align-items-center justify-content-end how-it-works">
 +
      <div class="col-6 text-right">
 +
        <h5>Using Bootstrap</h5>
 +
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor gravida aliquam. Morbi orci urna, iaculis in ligula et, posuere interdum lectus.</p>
 +
      </div>
 +
      <div class="col-2 text-center full">
 +
        <div class="circle">2</div>
 +
      </div>
 +
    </div>
 +
<!--path between 2-3-->
 +
    <div class="row timeline">
 +
      <div class="col-2">
 +
        <div class="corner right-bottom"></div>
 +
      </div>
 +
      <div class="col-8">
 +
        <hr/>
 +
      </div>
 +
      <div class="col-2">
 +
        <div class="corner top-left"></div>
 +
      </div>
 +
    </div>
 +
 +
 +
 
     <!--third section-->
 
     <!--third section-->
 
     <div class="row align-items-center how-it-works">
 
     <div class="row align-items-center how-it-works">

Revision as of 09:02, 18 October 2019

Document
parts

Vertical Left-Right Timeline

1
Fully Responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor gravida aliquam. Morbi orci urna, iaculis in ligula et, posuere interdum lectus.

Using Bootstrap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor gravida aliquam. Morbi orci urna, iaculis in ligula et, posuere interdum lectus.

2
Using Bootstrap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor gravida aliquam. Morbi orci urna, iaculis in ligula et, posuere interdum lectus.

2
3
Now with Pug and Sass

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor gravida aliquam. Morbi orci urna, iaculis in ligula et, posuere interdum lectus.