^((Div class: 'text-center g-mb-50')
addChild: ((H2 class: 'h4' text: 'Timline yes')
addChild: (Span class: 'g-color-primary g-ml-5' text: '#02 yes yes '))) resolve.
Which returns:
<div class=�� text-center g-mb-50">
<h2 class="h4">Timline yes
<span class="g-color-primary g-ml-5">#02 yes yes </span>
</h2>
</div>
You can also mix smalltalk with html like:
^(Li class: 'col-md-12 g-mb-40' comment: 'Timeline Content')
addChild: ((Div class: 'row')
addChild: ���<div class="g-hidden-sm-down u-timeline-v2__icon g-top-35">
<i class="d-block g-width-18 g-height-18 g-bg-blue g-brd-around g-brd-3 g-brd-gray-light-v5 rounded-circle"></i></div>��� )
resolve
Which will resolve into:
<!-- Timeline Content -->
<li class="col-md-12 g-mb-40">
<div class="row">
<div class="g-hidden-sm-down u-timeline-v2__icon g-top-35">
<i class="d-block g-width-18 g-height-18 g-bg-blue g-brd-around g-brd-3 g-brd-gray-light-v5 rounded-circle"></i>
</div>
</div>
</li>
<!��� End Timeline Content -->
This package is obviously for those of you who don���t use Seaside, Seabreeze or other complexe frameworks and basically end up copying and pasting their websites with strings out of commercial themes before bringing them to live with AppeX and javascript.
