استایل دهی جعبه

[gdlr_styled_box background_color=”#9ada55″ ]

[gdlr_row]

[gdlr_column size=”1/3″]

[gdlr_circle_progress percent=”85″ size=”150″ line_width=”8″ progress_background_color=”#e9e9e9″ background_color=”#ffffff” progress_color=”#88c05d” content_color=”#333333″]فتوشاپ[/gdlr_circle_progress]

[/gdlr_column][gdlr_column size=”2/3″]

[gdlr_heading tag=”h3″ size=”24px” color=”#ffffff” font_weight=”bold”]متن شماره 1 [/gdlr_heading]
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
[/gdlr_column]

[/gdlr_row]

[/gdlr_styled_box]

[gdlr_space height=”20px”]

[gdlr_code title=”نمایش این کد” active=”no”]

[gdlr_styled_box background_color=”#9ada55″ ]

[gdlr_row]

[gdlr_column size=”1/3″]

[gdlr_circle_progress percent=”85″ size=”150″ line_width=”8″ progress_background_color=”#e9e9e9″ background_color=”#ffffff” progress_color=”#88c05d” content_color=”#333333″]Photoshop[/gdlr_circle_progress]

[/gdlr_column][gdlr_column size=”2/3″]

[gdlr_heading tag=”h3″ size=”24px” color=”#ffffff” font_weight=”bold”]Bibendum Tortor [/gdlr_heading]
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
[/gdlr_column]

[/gdlr_row]

[/gdlr_styled_box]

[/gdlr_code]

[gdlr_space height=”20px”]

[gdlr_styled_box background_color=”#e56b3a” corner_color=”#a84c30″ ]

[gdlr_icon type=”icon-gears” size=”60px” color=”#ffffff”] [gdlr_icon type=”icon-suitcase” size=”60px” color=”#ffffff”] [gdlr_icon type=”icon-moon” size=”60px” color=”#ffffff”] [gdlr_icon type=”icon-truck” size=”60px” color=”#ffffff”]

[gdlr_space height=”25px”]

[gdlr_heading tag=”h3″ size=”24px” color=”#ffffff” font_weight=”bold”]متن شماره 4 [/gdlr_heading]

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.

[/gdlr_styled_box]

[gdlr_space height=”20px”]

[gdlr_code title=”نمایش این کد” active=”no”]

[gdlr_styled_box background_color=”#e56b3a” corner_color=”#a84c30″ ]

[gdlr_icon type=”icon-gears” size=”60px” color=”#ffffff”] [gdlr_icon type=”icon-suitcase” size=”60px” color=”#ffffff”] [gdlr_icon type=”icon-moon” size=”60px” color=”#ffffff”] [gdlr_icon type=”icon-truck” size=”60px” color=”#ffffff”]

[gdlr_space height=”25px”]

[gdlr_heading tag=”h3″ size=”24px” color=”#ffffff” font_weight=”bold”]Bibendum Tortor [/gdlr_heading]

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

[/gdlr_styled_box]

[/gdlr_code]

[gdlr_space height=”20px”]

[gdlr_styled_box background_type=”image” background_image=”http://demo.goodlayers.com/flawless/wp-content/uploads/2013/12/styled-box-bg.jpg” height=”200px”]

[gdlr_heading tag=”h3″ size=”28px” color=”#222222″ font_weight=”bold”]متن شماره 2 [/gdlr_heading]

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.

[/gdlr_styled_box]

[gdlr_space height=”20px”]

[gdlr_code title=”نمایش این کد” active=”no”]

[gdlr_styled_box background_type=”image” background_image=”http://demo.goodlayers.com/flawless/wp-content/uploads/2013/12/styled-box-bg.jpg” height=”200px”]

[gdlr_heading tag=”h3″ size=”28px” color=”#222222″ font_weight=”bold”]Bibendum Tortor [/gdlr_heading]

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

[/gdlr_styled_box]

[/gdlr_code]

[gdlr_space height=”20px”]

[gdlr_styled_box background_color=”#4f4f4f” ]

[gdlr_space height=”-20px”]

[gdlr_text_align class=”center” ]

[gdlr_icon type=”icon-cloud-download” size=”60px” color=”#ffffff”]

[gdlr_space height=”-8px”]

[gdlr_heading tag=”h2″ size=”28px” color=”#ffffff” ]متن شماره 3 [/gdlr_heading]

[gdlr_space height=”-8px”]

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است

[gdlr_space height=”30px”]

[gdlr_button href=”http://www.goodlayers.com” target=”_self” size=”medium” background=”#d6724f” color=”#ffffff” with_border=”yes” border_color=”#98543c”][gdlr_icon type=”icon-plane”] متن دکمه[/gdlr_button]

[gdlr_space height=”-20px”]

[/gdlr_text_align]

[/gdlr_styled_box]

[gdlr_space height=”20px”]

[gdlr_code title=”نمایش این کد” active=”no”]

[gdlr_styled_box background_color=”#4f4f4f” ]

[gdlr_space height=”-20px”]

[gdlr_text_align class=”center” ]

[gdlr_icon type=”icon-cloud-download” size=”60px” color=”#ffffff”]

[gdlr_space height=”-8px”]

[gdlr_heading tag=”h2″ size=”28px” color=”#ffffff” ]Bibendum Tortor [/gdlr_heading]

[gdlr_space height=”-8px”]

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

[gdlr_space height=”30px”]

[gdlr_button href=”http://www.goodlayers.com” target=”_self” size=”medium” background=”#d6724f” color=”#ffffff” with_border=”yes” border_color=”#98543c”][gdlr_icon type=”icon-plane”] Button Text[/gdlr_button]

[gdlr_space height=”-20px”]

[/gdlr_text_align]

[/gdlr_styled_box]

[/gdlr_code]

[gdlr_space height=”80px”]