Главные вкладки

    Typography Options

    This is a sample blockquote. Use <blockquote><p>Your content goes
    here!</p></blockquote>
    to create a blockquote.

    <div class="s5_greenbox">
    <div class="point">
    Your text here
    </div>
    </div>

    <div class="s5_redbox">
    <div class="point">
    Your text here
    </div>
    </div>

    <div class="s5_bluebox">
    <div class="point">
    Your text here
    </div>
    </div>

    <div class="s5_graybox">
    <div class="point">
    Your text here
    </div>
    </div>

    This is a styled box. Use <div class="black_box">Your content
    goes here!</div>

    This is a styled box. Use <div class="gray_box">Your content
    goes here!</div>

    This is a styled box. Use <div class="red_box">Your content
    goes here!</div>

    This is a styled box. Use <div class="blue_box">Your content
    goes here!</div>

    This is a styled box. Use <div class="green_box">Your content
    goes here!</div>

    This is a styled box. Use <div class="yellow_box">Your content
    goes here!</div>

    This is a styled box. Use <div class="orange_box">Your content
    goes here!</div>

    This is an image with the "boxed" class applied:

    This is an image with the "boxed_black" class applied:

    This is an image with the "padded" class applied:

    This is an image with the "full_width" class applied. This can also be done automatically in the template configuration. Be sure to review our Vertex Guide here for other full width image options.

    Heading 1

    Heading 2

    Heading 3

    Heading 4

    Heading 5

    <a> With readon class applied:

    readon

    <a> With readon_grey class applied:

    readon_grey

    This is a sample code div. Use <div
    class="code">Your content goes here!</div>
    to create a code div.

    #s5_code { width: 30px; color: #fff; line-height: 45px; }

    1. This is an Ordered List
    2. Congue Quisque augue elit dolor nibh.
    3. Condimentum elte quis.
    4. Opsum dolor sit amet consectetuer.

    • This is an Unordered List
    • Congue Quisque augue elit dolor nibh.
    • Condimentum elte quis.
    • Opsum dolor sit amet consectetuer.

    • This is an Unordered List with class plus
    • Congue Quisque augue elit dolor nibh.
    • Condimentum elte quis.
    • Opsum dolor sit amet consectetuer.

    • This is an Unordered List with class ul_arrow
    • Congue Quisque augue elit dolor nibh.
    • Condimentum elte quis.
    • Opsum dolor sit amet consectetuer.

    • This is an Unordered List with class ul_star
    • Congue Quisque augue elit dolor nibh.
    • Condimentum elte quis.
    • Opsum dolor sit amet consectetuer.

    • This is an Unordered List with class ul_bullet
    • Congue Quisque augue elit dolor nibh.
    • Condimentum elte quis.
    • Opsum dolor sit amet consectetuer.

    The following list will support lists up to number 9, add the following class to the UL wrapping the below LI elements, class="ul_numbers":

    • This is a sample styled number list <li class="li_number1">Your content
      goes here!</li>
    • This is a sample styled number list <li class="li_number2">Your content
      goes here!</li>
    • This is a sample styled number list <li class="li_number3">Your content
      goes here!</li>
    • This is a sample styled number list <li class="li_number4">Your content
      goes here!</li>