Example 1:
- One
- Two
- Three
Code:
<ul class="vcel" style="--columns:12">
<li style="--col:2;--col-end:13">One</li>
<li style="--col:1;--col-end:7;--row:2">Two</li>
<li style="--col:6;--col-end:13;--row:3">Three</li>
</ul>
Example 1:
Border Radius Rounded
Border Radius Rounded Right 0
Border Radius Rounded Bottom 0
Code:
<p class="vbor-rr">Border Radius Rounded</p>
<p class="vbor-rr vbor-rr0">Border Radius Rounded Right 0</p>
<p class="vbor-rr vbor-rb0">Border Radius Rounded Bottom 0</p>Example 2:
Border Radius Circular
Border Radius Circular Left 0
Border Radius Circular Top 0
Code:
<p class="vbor-rc">Border Radius Circular</p>
<p class="vbor-rc vbor-rl0">Border Radius Circular Left 0</p>
<p class="vbor-rc vbor-rt0">Border Radius Circular Top 0</p>
Example 1:
Border
Border Top
Border Right
Border Left
Border Bottom
Code:
<p class="vbor">Border</p>
<p class="vbor-t">Border Top</p>
<p class="vbor-r">Border Right</p>
<p class="vbor-l">Border Left</p>
<p class="vbor-b">Border Bottom</p>
Image Example:
Code:
<figure class="vtex-ac vmedia" data-vmedia="https://wphiveframework.com/wp-content/uploads/2017/08/gallery_04.png"></figure>Video Example :
Code:
<figure id="ex1" class="vin-frame vas-wid vmedia" data-vmedia="https://wphiveframework.com/wp-content/uploads/2017/10/static1_1.webm" data-vsettings="attr:controls=1&loop=0&preload=none&poster=/wp-content/uploads/2017/08/gallery_04.png"></figure>Youtube Example:
Code:
<figure id="ex2" class="vin-frame vmedia" data-vmedia="https://www.youtube.com/watch?v=f6mJ7e5YmnE" data-vsettings="attr:autoplay=0&controls=0&loop=0&color=red&rel=0&showinfo=0&start=10"></figure>Vimeo Example:
Code:
<figure id="ex3" class="vin-frame vas-wid vmedia" data-vmedia="https://vimeo.com/206624011" data-vsettings="attr:autoplay=0&controls=0&loop=0&color=ffce00&title=0&portrait=0&byline=0"></figure>Google Maps Example:
Code:
<figure id="ex3" class="vin-frame vas-wid vmedia" data-vmedia="https://www.google.com/maps/embed/v1/place?key=AIzaSyBM-6MyS_i_ZIiC5Qvuh9E-4pZIzPTFr8k&q=555+N+Street,+West+Covina,+CA+91792&zoom=14"></figure>
Example 1:
Tip TopDisplay Tip
Tip RightDisplay Tip
Tip LeftDisplay Tip
Tip BottomDisplay Tip
Code:
<p class="vtip vtip-t vm-tip-b vs-tip-t">Tip Top
<span class="vtip-div">Display Tip</span>
</p>
<p class="vtip vtip-r vm-tip-l vs-tip-t">Tip Right
<span class="vtip-div">Display Tip</span>
</p>
<p class="vtip vtip-l vm-tip-r vs-tip-t">Tip Left
<span class="vtip-div">Display Tip</span>
</p>
<p class="vtip vtip-b vm-tip-t vs-tip-t">Tip Bottom
<span class="vtip-div">Display Tip</span>
</p>
