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

Line 234: Line 234:
  
 
  <!--second section-->
 
  <!--second section-->
−
    <div class="row align-items-center justify-content-end how-it-works">
+
  <div class="row align-items-center how-it-works">
−
       <div class="col-6 text-right">
+
       <div class="col-2 text-center bottom">
−
         <h5>Using Bootstrap</h5>
+
         <div class="circle">1</div>
−
        <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>
−
       <div class="col-2 text-center full">
+
       <div class="col-6">
−
         <div class="circle">2</div>
+
         <h5>Fully Responsive</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>
 
     </div>
 
     </div>
Line 246: Line 246:
 
     <div class="row timeline">
 
     <div class="row timeline">
 
       <div class="col-2">
 
       <div class="col-2">
−
         <div class="corner top-right"></div>
+
         <div class="corner right-bottom"></div>
 
       </div>
 
       </div>
 
       <div class="col-8">
 
       <div class="col-8">
Line 252: Line 252:
 
       </div>
 
       </div>
 
       <div class="col-2">
 
       <div class="col-2">
−
         <div class="corner left-bottom"></div>
+
         <div class="corner top-left"></div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>

Revision as of 09:10, 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
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.

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.