LIVE DEMO - WEBSICO

.WS_PAGE_END {} .wstextarea_Button a { } .wstextarea_Button a:hover, .wstextarea_Button a.hover { } .wstextarea_Button { text-align: center; line-height: 1em; } .wsstitle_Title { font-family: Verdana,Geneva,sans-serif; font-weight: bold; font-variant: normal; letter-spacing: 0.05em; border-width: 0px; text-transform: uppercase; font-size: 3em; } .wstextarea_Paragraph { font-size: 1.2em; } .wsstitle_Title-02 { font-family: Verdana,Geneva,sans-serif; font-variant: normal; letter-spacing: 0.05em; border-width: 0px; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 2.5em; } .wsimage_Center { margin-left: auto; margin-right: auto; } .wstextarea_Paragraph-02 { text-align: center; background-color: transparent; padding-right: 40px; padding-left: 40px; padding-bottom: 40px; } .wstextarea_Button-02 a { text-decoration: none; color: #FFFFFF; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-radius: 2px; background-color: #FF1744; } .wstextarea_Button-02 a:hover, .wstextarea_Button-02 a.hover { color: #FFFFFF; background-color: #FF0000; } .wstextarea_Button-02 { font-size: 1.2em; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px; } .wstextarea_Button-03 a { text-decoration: none; color: #FFFFFF; background-color: #00ACED; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-radius: 2px; } .wstextarea_Button-03 a:hover, .wstextarea_Button-03 a.hover { background-color: #0078B6; color: #FFFFFF; } .wstextarea_Button-03 { font-size: 1.2em; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px; text-align: center; } .wscontainer_Container-Fluid { background-color: #DFDFDF; } .wscontainer_Container { max-width: 1280px; margin-left: auto; margin-right: auto; border-width: 0px; padding-top: 20px; padding-bottom: 20px; } .wsstitle_PageTitle { font-family: Verdana,Geneva,sans-serif; font-variant: normal; text-transform: none; margin-bottom: 5px; padding-bottom: 5px; margin-left: 0px; margin-top: 5px; padding-top: 5px; letter-spacing: 0.02em; font-weight: normal; color: #FF0000; border-bottom-style: dotted; border-bottom-color: #212D39; line-height: 1.3em; border-width: 0px; font-size: 2em; } .wsimage_Default { margin: 20px; } .wstextarea_Paragraph a { color: #0078B6; } .wstextarea_Paragraph a:hover, .wstextarea_Paragraph a.hover { background-color: #FF0000; } .wstextarea_Paragraph-02 a { background-color: transparent; color: #FFFFFF; } .wstextarea_Paragraph-02 a:hover, .wstextarea_Paragraph-02 a.hover { background-color: transparent; } .wstextarea_Button a:visited { } .wstextarea_Button a:active { } .wsstitle_Footer { color: #fff; font-variant: normal; text-transform: uppercase; border-width: 0px; font-size: 1.5em; letter-spacing: 0.05em; } .wstextarea_Footer { font-size: 1.2em; font-weight: bold; } .wstextarea_FooterNews { font-size: 1.2em; font-weight: normal; color: #FFFFFF; border-bottom-width: 1px; border-bottom-color: #647D87; padding-bottom: 15px; margin-right: 30px; } .wstextarea_FooterNews a { text-decoration: none; font-weight: normal; background-color: transparent; color: #FFFFFF; } .wstextarea_FooterNews a:hover, .wstextarea_FooterNews a.hover { background-color: transparent; color: #FF1744; } .wsimage_Footer a:hover, .wsimage_Footer a.hover { background-color: #FF1744; } .wsimage_Footer { float: none; margin-left: 0; margin-right: auto; } .wscontainer_Footer { padding: 50px; border-width: 0px; color: #DFDFDF; background-color: #212D39; } .wscontainer_Button { border-width: 0px; border-bottom-width: 4px; background-color: #FF1744; color: #FFFFFF; font-weight: bold; text-transform: uppercase; } .wscontainer_Button[data-subclass=block_link] { border-bottom-width: 4px; text-decoration: none; color: #FFFFFF; font-size: 1.5em; padding-top: 5px; padding-bottom: 5px; background-color: #FFCC00; border-bottom-color: #FD9F00; } .wscontainer_Button[data-subclass=block_link]:hover, .wscontainer_Button[data-subclass=block_link].hover { color: #212D39; background-color: #FD9F00; } .wscontainer_CTA { background-color: #323E4E; color: #FFFFFF; } .wstextarea_CTA-Top { font-weight: bold; margin-bottom: 0px; font-size: 2em; line-height: 1.1em; } .wstextarea_CTA-Btm { font-weight: normal; line-height: 1em; margin-top: 0px; font-size: 2em; color: #FFCC00; } .wstextarea_Paragraph-Order a { color: #0078B6; } .wstextarea_Paragraph-Order a:hover, .wstextarea_Paragraph-Order a.hover { background-color: #FF0000; } .wstextarea_Paragraph-Order { font-size: 1.2em; border-color: #0078B6; border-width: 0px; padding: 10px; background-color: #F5F5F5; } .wscontainer_Button-02[data-subclass=block_link] { border-bottom-width: 4px; text-decoration: none; color: #FFFFFF; font-size: 1.5em; background-color: #00ACED; border-bottom-color: #0078B6; max-width: 250px; margin-left: auto; margin-right: auto; padding: 5px; } .wscontainer_Button-02[data-subclass=block_link]:hover, .wscontainer_Button-02[data-subclass=block_link].hover { background-color: #0078B6; color: #FFFFFF; } .wsstitle_Title-03 { font-variant: normal; letter-spacing: 0.05em; border-width: 0px; text-transform: uppercase; font-family: Tahoma, Geneva, Verdana, sans-serif; font-weight: bold; font-size: 2em; line-height: 1em; margin-bottom: 5px; margin-top: 35px; } .wscontainer_01 { border-color: #EFEFEF; border-width: 3px; } .wsimage_01 { border-width: 5px; border-color: #DFDFDF; padding: 10px; } .wstextarea_Paragraph-Order2 a { color: #0078B6; } .wstextarea_Paragraph-Order2 a:hover, .wstextarea_Paragraph-Order2 a.hover { background-color: #FF0000; } .wstextarea_Paragraph-Order2 { font-size: 1.2em; border-color: #0078B6; border-width: 0px; padding: 10px; } .wscontainer_02 { border-width: 3px; border-color: #FD9F00; } .id_Z158b99f7ba9c3a { background-color: #DFDFDF; border-bottom-width: 3px; border-bottom-color: #FD9F00; } .id_Z358b99f7ba9cac { width: 20%; } .id_Z558b99f7ba9d1f { width: 70%; } .id_Z658b99f7ba9d58 { border-width: 0px; margin-left: auto; margin-right: 0; max-width: 815px; } .id_Y758b99f7ba9d91 { font-size: 1.8em; font-weight: bold; line-height: 1em; }.id_Z1158b99f7ba9e75 { width: 40%; } .id_Z1358b99f7ba9ee7 { width: 70%; } .id_Z2592d24645d438 { width: 15%; }.id_Z2558b99f7baa194 { width: 33.3%; } .id_Z3158b99f7baa2e8 { width: 33.3%; } .id_Z4658b99f7baa639 { width: 79.880%; } .id_Z5258b99f7baa78e { width: 40%; } .id_Y5658b99f7baa873 { text-align: center; font-weight: bold; font-size: 1.5em; } .id_Z5858b99f7baa8e5 { width: 25%; } .id_Z6158b99f7baa98f { width: 25%; } .id_Z6758b99f7baaae3 { width: 25%; } .id_Z7258b99f7baabff { width: 30%; } .id_Z7458b99f7baac71 { width: 75%; } .id_Z7858b99f7baad54 { width: 25%; } .id_Z8158b99f7baadff { width: 35%; } .id_Z8658b99f7baaf01 { width: 25%; } .id_Z8958b99f7baafad { width: 35%; } .id_Z9458b99f7bab0cb { width: 25%; } .id_Z9758b99f7bab176 { width: 35%; } .id_Z10558b99f7bab33c { width: 35%; } .id_Z11258b99f7bab4cb { width: 25%; } .id_Z12558b99f7bab7ac { width: 25%; } .id_Z13358b99f7bab970 { background-color: transparent; color: #647D87; border-width: 0px; padding-left: 0px; margin-left: 0px; } .id_Z13558b99f7bab9e3 { width: 75%; } .id_Y13658b99f7baba1c .wssinput { background-color: #404345; border-style: solid; border-width: 0px; color: #FFFFFF; padding-bottom: 12px; padding-top: 12px; } .id_Y13658b99f7baba1c .wsslabel { font-weight: bold; font-size: 1.2em; margin-bottom: 15px; color: #FFFFFF; } .id_Y13658b99f7baba1c { margin-right: 0px; padding-right: 0px; } .id_Y13858b99f7baba8e .wssinput { background-color: #191B1C; text-transform: uppercase; font-weight: bold; font-size: 1.4em; border-width: 0px; border-style: solid; color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; } .id_Y13858b99f7baba8e { margin: 0px; padding: 0px; margin-top: 45px; } .id_Y13858b99f7baba8e .wssinput:hover, .id_Y13858b99f7baba8e .wssinput.hover { background-color: #FF1744; }

For a quick preview of WEBSICO's ease of use and capabilities, it's up to you to play on this page!

TRY IT YOURSELF!

All operations are done without pre-established order:

By flying over them with the mouse, locate the toolbar of the page (up), the bar of elements (left) and the different elements of this page.

Show system grid; this system grid for positioning elements is built automatically during the construction of the page and lets you view their location.

Drag any elements anywhere on the page and drop them on a blue bar or a red bar.

Click on the "i" of each interface to access the online documentation without leaving the current page.

Click on elements and change their content and style.

Create new elements by dragging them from the bar of elements to the desired location and adapt their content and appearance.

Reduce your browser window to see automatic adaptation to all screen sizes.

And more, according to your wants...

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Button

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Button

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Button

Unde Rufinus ea tempestate praefectus praetorio

Quam ob causam annonae

Button action

Click on the pictures to access the gallery.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

About us

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

TRY IT YOURSELF!

Title

Title

Title

Title

Title

Title

Title

Title

About us

Get social

Recent Posts

Sign up for newsletter