Introduction

“La Piovra” is a set of responsive layouts presented as website pages. Layouts are suitable for desktops, tablets and mobiles. It contains 10 schemes of various interchangable layouts which can be combined, modified and assembled according your needs. Additionaly, each page displays a set of separate blocks which also can be assembled and interchanged in order to complete your website.

Please click screenshots below or a list of links to access layouts. Working links are available at the bottom of each page. Tested on desktops (Windows and Mac), tablet (Galaxy 10.1) and iPhone (4s).

List of pages

  • Home page version I

    Version of Home page with full-width static image, main content, right sidebar and footer. Drop-down menu is available in two versions: js based and css based. Test Service and Folio menu items to see submenu.

  • Home page version II

    Version of Home page with full-width YouTube video, main content, right sidebar and footer.

  • Home page version III

    Version of Home page with full-width slider, main content, right sidebar and footer. Slider may contain images, texts and videos.

  • Portfolio page version I

    Version of Portfolio page with static images + footer.

  • Portfolio page version II

    Version of Portfolio page with static images and captions + footer.

  • Portfolio page version III

    Version of Portfolio page with static images, captions and resizable modal windows + footer. Modal windows (Rightbox) may contain images, video, Flash.

  • General page version I

    Version of two columns General page with main content, left sidebar and footer. Includes toggling boxes, regular list, contact form.

  • General page version II

    Version of two columns General page with main content, right sidebar and footer. Includes toggling boxes, regular list, contact form.

  • General page version III

    Version of three columns General page with main content, left sidebar, right sidebar and footer. Includes toggling boxes, regular list, contact form and responsive tables.

  • Contact page

    Two columns Contact page with Contact form, Google coloured map and micro format data.