[av_section min_height=’50’ min_height_px=’500px’ padding=’no-padding’ shadow=’no-shadow’ bottom_border=’no-border-styling’ id=” color=’main_color’ custom_bg=” src=’http://einnova.com/wp-content/uploads/2015/11/gent_ordinador_1-1030×664.png’ attachment=’16220′ attachment_size=’large’ attach=’parallax’ position=’top center’ repeat=’stretch’ video=” video_ratio=’16:9′ overlay_opacity=’0.5′ overlay_color=” overlay_pattern=” overlay_custom_pattern=”]
[av_hr class=’custom’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-none’ custom_width=’50px’ custom_border_color=” custom_margin_top=’5px’ custom_margin_bottom=’5px’ icon_select=’no’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’]
[av_heading tag=’h1′ padding=’10’ heading=’Pàgines responsive’ color=’custom-color-heading’ style=’blockquote modern-quote modern-centered’ custom_font=’#ffffff’ size=’55’ subheading_active=’subheading_below’ subheading_size=’34’ custom_class=” admin_preview_bg=” av-desktop-hide=” av-medium-hide=” av-small-hide=” av-mini-hide=” av-medium-font-size-title=” av-small-font-size-title=” av-mini-font-size-title=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=”][/av_heading]
[av_heading tag=’h2′ padding=’0′ heading=’Disseny web’ color=’custom-color-heading’ style=’blockquote modern-quote modern-centered’ custom_font=’#ffffff’ size=’34’ subheading_active=’subheading_below’ subheading_size=’10’ custom_class=” admin_preview_bg=” av-desktop-hide=” av-medium-hide=” av-small-hide=” av-mini-hide=” av-medium-font-size-title=” av-small-font-size-title=” av-mini-font-size-title=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=”][/av_heading]
[av_hr class=’custom’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-none’ custom_width=’50px’ custom_border_color=” custom_margin_top=’5px’ custom_margin_bottom=’5px’ icon_select=’no’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’]
[av_one_third first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’]
[/av_one_third][av_one_third min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’]
[av_button label=’Contactar’ link=’manually,/ca/contacto’ link_target=’_blank’ size=’medium’ position=’center’ icon_select=’yes’ icon_hover=’aviaTBicon_hover’ icon=’ue885′ font=’entypo-fontello’ color=’custom’ custom_bg=’#d0663a’ custom_font=’#ffffff’ admin_preview_bg=”]
[/av_one_third][av_one_third min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’]
[/av_one_third][av_hr class=’custom’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-none’ custom_width=’50px’ custom_border_color=” custom_margin_top=’5px’ custom_margin_bottom=’5px’ icon_select=’no’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’]
[/av_section][av_submenu which_menu=” menu=’345′ position=’center’ color=’main_color’ sticky=’aviaTBsticky’ mobile=’disabled’]
[av_submenu_item title=’Menu Item 1′ link=” linktarget=’no’ button_style=”]
[av_submenu_item title=’Menu Item 2′ link=” linktarget=’no’ button_style=”]
[/av_submenu]
[av_section min_height=” min_height_px=’500px’ padding=’default’ shadow=’no-border-styling’ bottom_border=’no-border-styling’ id=” color=’main_color’ custom_bg=” src=” attachment=” attachment_size=” attach=’scroll’ position=’top left’ repeat=’no-repeat’ video=” video_ratio=’16:9′ overlay_opacity=’0.5′ overlay_color=” overlay_pattern=” overlay_custom_pattern=”]
[av_codeblock wrapper_element=” wrapper_element_attributes=”]
[/av_codeblock]
[av_one_third first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’]
[av_image src=’http://einnova.com/wp-content/uploads/2018/01/posicionamiento-web.jpg’ attachment=’22918′ attachment_size=’full’ align=’right’ styling=” hover=” link=” target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’left-to-right’ admin_preview_bg=”][/av_image]
[av_button label=’Et regalem 1h. assessorament’ link=’manually,/ca/contacto’ link_target=’_blank’ size=’medium’ position=’right’ icon_select=’yes’ icon_hover=’aviaTBicon_hover’ icon=’ue885′ font=’entypo-fontello’ color=’custom’ custom_bg=’#d0663a’ custom_font=’#ffffff’ admin_preview_bg=”]
[/av_one_third][av_two_third min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’]
[av_heading tag=’h2′ padding=’10’ heading=’Què és el disseny responsive?’ color=’custom-color-heading’ style=’blockquote modern-quote modern-centered’ custom_font=’#444444′ size=’34’ subheading_active=’subheading_below’ subheading_size=’34’ custom_class=” admin_preview_bg=” av-desktop-hide=” av-medium-hide=” av-small-hide=” av-mini-hide=” av-medium-font-size-title=” av-small-font-size-title=” av-mini-font-size-title=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=”][/av_heading]
[av_textblock size=’15’ font_color=” color=”]
L’objectiu del disseny responsive és el d’evitar la creació de diferents versions de web per a cada un dels dispositius que poden utilitzar una pàgina web (una versió per als ordinadors, una altra per a mòbils i una altra per tablets).
Ethan Marcotte va presentar la tècnica “Responsive Web Design” en una sèrie d’articles a la famosa revista en línia A List Apart. La seva idea després es va estendre en el seu llibre Responsive Web Design.
[/av_textblock]
[/av_two_third]
[/av_section]
[av_section min_height=” min_height_px=’500px’ padding=’no-padding’ shadow=’no-border-styling’ bottom_border=’no-border-styling’ id=” color=’main_color’ custom_bg=’#289dcc’ src=” attachment=” attachment_size=” attach=’scroll’ position=’top left’ repeat=’no-repeat’ video=” video_ratio=’16:9′ overlay_opacity=’0.5′ overlay_color=” overlay_pattern=” overlay_custom_pattern=”]
[av_one_fifth first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’]
[/av_one_fifth][av_two_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’]
[av_hr class=’invisible’ height=’25’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’]
[av_hr class=’invisible’ height=’25’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’]
[av_image src=’http://einnova.com/wp-content/uploads/2014/05/William-Shakespeare-3.png’ attachment=’18659′ attachment_size=’full’ align=’center’ animation=’pop-up’ styling=’no-styling’ hover=” link=” target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’][/av_image]
[av_font_icon icon=’ue8f4′ font=’entypo-fontello’ style=’border’ caption=” link=’manually,https://www.facebook.com/einnovacom/’ linktarget=’_blank’ size=’35px’ position=’left’ color=’#ffffff’][/av_font_icon]
[av_font_icon icon=’ue8f2′ font=’entypo-fontello’ style=’border’ caption=” link=’manually,http://twitter.com/einnova’ linktarget=’_blank’ size=’35px’ position=’left’ color=’#ffffff’][/av_font_icon]
[av_font_icon icon=’ue8f7′ font=’entypo-fontello’ style=’border’ caption=” link=’manually,https://plus.google.com/107125586381470617949′ linktarget=’_blank’ size=’35px’ position=’left’ color=’#ffffff’][/av_font_icon]
[av_font_icon icon=’ue8fd’ font=’entypo-fontello’ style=’border’ caption=” link=’manually,https://www.linkedin.com/company/1081608?trk=vsrp_companies_cluster_name&trkInfo=VSRPsearchId%3A2844454971448966670584%2CVSRPtargetId%3A1081608%2CVSRPcmpt%3Acompanies_cluster’ linktarget=’_blank’ size=’35px’ position=’left’ color=’#ffffff’][/av_font_icon]
[/av_two_fifth][av_two_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’]
[av_hr class=’invisible’ height=’25’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’]
[av_image src=’http://einnova.com/wp-content/uploads/2016/01/Shakespeare-296×300.png’ attachment=’18453′ attachment_size=’medium’ align=’right’ animation=’right-to-left’ styling=” hover=” link=” target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’][/av_image]
[/av_two_fifth]
[/av_section]
[av_section min_height=” min_height_px=’500px’ padding=’default’ shadow=’no-shadow’ bottom_border=’no-border-styling’ id=” color=’main_color’ custom_bg=” src=” attachment=” attachment_size=” attach=’scroll’ position=’top left’ repeat=’no-repeat’ video=” video_ratio=’16:9′ overlay_opacity=’0.5′ overlay_color=” overlay_pattern=” overlay_custom_pattern=”]
[av_two_third first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’]
[av_textblock size=” font_color=” color=”]
Això vol dir anar més enllà de tenir un disseny fluid. Fer una pàgina web amb “Responsive Web Design” és fer un sol disseny web que sigui sensible als diferents amplades de pantalla de cada dispositiu i que sigui receptiu a diferents mètodes d’interacció que utilitza l’usuari (prémer, clic del ratolí, arrossegar, etc)
Vols un disseny web responsive o vols una versió de web mòbil i una altra versió web per a ordinador? Et podem ajudar a decidir valorant els avantatges i requisits de cadascuna d’aquestes opcions.
[/av_textblock]
[av_button label=’Començar ara’ link=’manually,/ca/contacto’ link_target=’_blank’ size=’medium’ position=’left’ icon_select=’yes’ icon_hover=’aviaTBicon_hover’ icon=’ue885′ font=’entypo-fontello’ color=’custom’ custom_bg=’#d0663a’ custom_font=’#ffffff’ admin_preview_bg=”]
[/av_two_third][av_one_third min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’]
[av_image src=’http://einnova.com/wp-content/uploads/2016/02/Diseño_web_con_neuro_marketing_caixa6-min.png’ attachment=’19159′ attachment_size=’full’ align=’center’ animation=’no-animation’ styling=” hover=” link=’lightbox’ target=” caption=” font_size=” appearance=” overlay_opacity=’0.1′ overlay_color=” overlay_text_color=’#ffffff’][/av_image]
[/av_one_third]
[/av_section]
[av_section min_height=’25’ min_height_px=’500px’ padding=’default’ shadow=’no-shadow’ bottom_border=’no-border-styling’ id=” color=’main_color’ custom_bg=’#289dcc’ src=” attachment=” attachment_size=” attach=’scroll’ position=’top left’ repeat=’no-repeat’ video=” video_ratio=’16:9′ overlay_opacity=’0.5′ overlay_color=” overlay_pattern=” overlay_custom_pattern=”]
[av_heading heading=’Eshow 2013′ tag=’h2′ style=’blockquote modern-quote’ size=’34’ subheading_active=” subheading_size=’15’ padding=’10’ color=’custom-color-heading’ custom_font=’#ffffff’][/av_heading]
[av_hr class=’custom’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-none’ custom_width=’50px’ custom_border_color=” custom_margin_top=’5px’ custom_margin_bottom=’30px’ icon_select=’no’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’]
[av_one_fourth first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’]
[av_image src=’http://einnova.com/wp-content/uploads/2014/05/DSC02461-225×300.jpg’ attachment=’18694′ attachment_size=’medium’ align=’center’ animation=’pop-up’ styling=” hover=’av-hover-grow’ link=’lightbox’ target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’][/av_image]
[/av_one_fourth][av_one_fourth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’]
[av_image src=’http://einnova.com/wp-content/uploads/2014/05/DSC02467-300×225.jpg’ attachment=’18695′ attachment_size=’medium’ align=’center’ animation=’pop-up’ styling=” hover=’av-hover-grow’ link=’lightbox’ target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’][/av_image]
[/av_one_fourth][av_one_fourth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’]
[av_image src=’http://einnova.com/wp-content/uploads/2014/05/DSC02470-300×225.jpg’ attachment=’18693′ attachment_size=’medium’ align=’center’ animation=’pop-up’ styling=” hover=’av-hover-grow’ link=’lightbox’ target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’][/av_image]
[/av_one_fourth][av_one_fourth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’]
[av_image src=’http://einnova.com/wp-content/uploads/2014/05/DSC02468-300×225.jpg’ attachment=’18696′ attachment_size=’medium’ align=’center’ animation=’pop-up’ styling=” hover=’av-hover-grow’ link=’lightbox’ target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’][/av_image]
[/av_one_fourth]
[/av_section]
