Difference between revisions of "Team:DUT China B/Human Practices"
| Line 235: | Line 235: | ||
<!--second section--> | <!--second section--> | ||
<div class="row align-items-center how-it-works"> | <div class="row align-items-center how-it-works"> | ||
| − | <div class="col-2 text-center | + | <div class="col-2 text-center full"> |
<div class="circle">1</div> | <div class="circle">1</div> | ||
</div> | </div> | ||
| Line 261: | Line 261: | ||
<!--third section--> | <!--third section--> | ||
<div class="row align-items-center how-it-works"> | <div class="row align-items-center how-it-works"> | ||
| − | + | <div class="col-2 text-center top"> | |
| + | <div class="circle">3</div> | ||
| + | </div> | ||
<div class="col-6"> | <div class="col-6"> | ||
<h5>Now with Pug and Sass</h5> | <h5>Now with Pug and Sass</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> | <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> | ||
Revision as of 09:55, 18 October 2019
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.