{"id":99697,"date":"2021-08-04T04:08:30","date_gmt":"2021-08-04T04:08:30","guid":{"rendered":"https:\/\/dev.elicus.com\/divya-divi-testing\/?page_id=17"},"modified":"2022-01-11T17:15:42","modified_gmt":"2022-01-11T17:15:42","slug":"home","status":"publish","type":"page","link":"https:\/\/circuitsedge.com\/mockups\/","title":{"rendered":"Home"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.14.4″ _module_preset=”default” use_background_color_gradient=”on” background_color_gradient_start=”rgba(15,25,42,0.9)” background_color_gradient_end=”rgba(15,25,42,0.9)” background_color_gradient_overlays_image=”on” background_image=”https:\/\/circuitsedge.com\/mockups\/wp-content\/uploads\/2021\/12\/divi-plus-university-header-1.jpg” background_video_mp4=”http:\/\/circuitsedge.com\/wp-content\/uploads\/2021\/12\/Design-48420.mp4″ global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ custom_padding_last_edited=”on|phone” _builder_version=”4.9.10″ _module_preset=”default” custom_padding=”||0px||false|false” custom_padding_tablet=”||||false|false” custom_padding_phone=”||0px||false|false” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.9.10″ _module_preset=”default” global_colors_info=”{}”][dipl_double_color_heading heading_pre_part=”The Circuits Edge” heading_main_part=”Website Design” display_in_stack=”on” _builder_version=”4.14.4″ _module_preset=”default” global_heading_settings_level=”h1″ pre_header_font=”|600|||||||” pre_header_text_color=”#FFFFFF” pre_header_font_size=”70px” pre_header_line_height=”1.3em” main_header_font=”|600|||||||” main_header_text_color=”#df3a3f” main_header_font_size=”70px” main_header_line_height=”1.3em” custom_margin=”||0px||false|false” pre_header_font_size_tablet=”60px” pre_header_font_size_phone=”50px” pre_header_font_size_last_edited=”on|phone” main_header_font_size_tablet=”60px” main_header_font_size_phone=”50px” main_header_font_size_last_edited=”on|phone” global_colors_info=”{}”][\/dipl_double_color_heading][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” text_font_size=”16px” text_line_height=”1.8em” background_layout=”dark” width=”80%” width_tablet=”” width_phone=”100%” width_last_edited=”on|phone” custom_padding=”20px||20px||false|false” custom_padding_tablet=”” custom_padding_phone=”” custom_padding_last_edited=”on|phone” global_colors_info=”{}”]<\/p>\n

We specialize in websites that are easy to manage and work great on all devices.<\/span><\/p>\n

[\/et_pb_text][dipl_button _builder_version=”4.14.4″ _module_preset=”default” custom_margin=”||0px||false|false” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][dipl_button_item button_text=”Contact Us ” button_url=”#contact” background_fill_style=”vertical_shutter_fill” button_bg_color=”#df3a3f” button_custom_padding=”14px|30px|14px|30px|true|true” _builder_version=”4.14.4″ _module_preset=”default” button_text_color=”#FFFFFF” button_font_size=”16px” button_line_height=”1.4em” hover_enabled=”0″ global_colors_info=”{}” button_bg_color__hover_enabled=”on|hover” button_bg_color__hover=”#062c6c” button_bg_enable_color__hover=”on” sticky_enabled=”0″][\/dipl_button_item][\/dipl_button][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” header_2_font=”Londrina Outline||||||||” header_2_text_color=”rgba(255,255,255,0.1)” header_2_font_size=”130px” header_2_letter_spacing=”2px” custom_padding=”||||false|false” header_2_font_size_tablet=”100px” header_2_font_size_phone=”50px” header_2_font_size_last_edited=”on|phone” global_colors_info=”{}”]<\/p>\n

website design<\/h2>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.9.10″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.9.10″ _module_preset=”default” custom_padding=”0px||0px||false|false” global_colors_info=”{}”][et_pb_row column_structure=”2_5,3_5″ custom_padding_last_edited=”on|phone” _builder_version=”4.9.10″ _module_preset=”default” width=”100%” width_last_edited=”off|desktop” custom_padding=”||0px||false|false” custom_padding_tablet=”0px||||false|false” custom_padding_phone=”||||false|false” global_colors_info=”{}” custom_css_main_element_last_edited=”on|tablet” custom_css_main_element_tablet=”display: block;” custom_css_main_element_phone=”display: block;”][et_pb_column type=”2_5″ _builder_version=”4.9.10″ _module_preset=”default” background_enable_color=”off” global_colors_info=”{}” custom_css_main_element_last_edited=”off|desktop” custom_css_main_element_tablet=”margin-bottom: 0px !important;”][\/et_pb_column][et_pb_column type=”3_5″ _builder_version=”4.9.10″ _module_preset=”default” custom_padding=”||0px||false|false” global_colors_info=”{}” custom_css_main_element_last_edited=”off|desktop” custom_css_main_element_tablet=”margin-bottom: 0px!important;”][dipl_button buttons_alignment_tablet=”left” buttons_alignment_last_edited=”off|desktop” _builder_version=”4.9.10″ _module_preset=”default” positioning=”relative” position_origin_a=”center_right” position_origin_r=”top_right” vertical_offset=”-30px” horizontal_offset=”-40px” position_origin_a_last_edited=”off|desktop” position_origin_f_last_edited=”off|desktop” position_origin_r_last_edited=”off|desktop” width=”80%” custom_margin_tablet=”-40px||||false|false” custom_margin_last_edited=”off|tablet” custom_padding_tablet=”|60px||60px|false|true” custom_padding_phone=”|40px||40px|false|true” custom_padding_last_edited=”on|tablet” positioning_tablet=”none” positioning_last_edited=”off|desktop” global_colors_info=”{}”][dipl_button_item button_text=”View All Services” button_alignment=”left” button_use_icon=”on” button_icon=”$||divi||400″ button_icon_color=”#df3a3f” button_on_hover=”off” button_custom_padding_tablet=”|60px||60px|false|true” button_custom_padding_phone=”|40px||40px|false|true” button_custom_padding_last_edited=”off|tablet” _builder_version=”4.9.10″ _module_preset=”default” button_font_size=”16px” button_line_height=”1.4em” positioning=”absolute” position_origin_a=”bottom_right” position_origin_a_tablet=”” position_origin_a_phone=”” position_origin_a_last_edited=”on|desktop” position_origin_f_tablet=”” position_origin_f_phone=”” position_origin_f_last_edited=”on|desktop” position_origin_r_tablet=”” position_origin_r_phone=”” position_origin_r_last_edited=”on|desktop” text_orientation=”justified” positioning_tablet=”none” positioning_phone=”none” positioning_last_edited=”on|tablet” global_colors_info=”{}”][\/dipl_button_item][\/dipl_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|tablet” _builder_version=”4.9.10″ _module_preset=”default” use_background_color_gradient=”on” background_color_gradient_start=”#f5f0ed” background_color_gradient_end=”#ffffff” background_color_gradient_direction=”90deg” background_color_gradient_start_position=”52.5%” background_color_gradient_end_position=”52.5%” custom_margin=”0px||0px||true|false” custom_padding=”0px||0px||false|false” custom_padding_tablet=”0px||||false|false” custom_padding_phone=”” background_last_edited=”on|tablet” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ use_custom_gutter=”on” gutter_width=”4″ make_equal=”on” custom_padding_last_edited=”on|phone” _builder_version=”4.9.10″ _module_preset=”default” z_index=”0″ width_tablet=”100%” width_phone=”” width_last_edited=”on|phone” custom_margin_tablet=”||0px||false|false” custom_margin_phone=”||0px||false|false” custom_margin_last_edited=”off|desktop” custom_padding=”0px||0px||true|false” custom_padding_tablet=”|60px||60px|true|true” custom_padding_phone=”|40px||40px|true|true” background_color_tablet=”#FFFFFF” background_last_edited=”on|phone” background_enable_color_tablet=”on” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.9.10″ _module_preset=”default” custom_padding=”0px||||false|false” global_colors_info=”{}”][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.9.10″ _module_preset=”default” positioning=”none” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” header_2_font=”Londrina Outline||||||||” header_2_text_color=”rgba(211,211,211,0.22)” header_2_font_size=”130px” header_2_letter_spacing=”2px” position_origin_a=”bottom_center” vertical_offset=”-55px” width=”100%” custom_margin=”||0px||false|false” custom_padding_tablet=”|60px||60px|true|true” custom_padding_last_edited=”off|desktop” header_2_font_size_tablet=”100px” header_2_font_size_phone=”50px” header_2_font_size_last_edited=”on|phone” locked=”off” global_colors_info=”{}”]<\/p>\n

Stage One<\/h2>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ make_equal=”on” custom_padding_last_edited=”on|tablet” _builder_version=”4.14.4″ _module_preset=”default” use_background_color_gradient=”on” background_color_gradient_start=”rgba(245,240,237,0)” background_color_gradient_end=”#062c6c” background_color_gradient_direction=”90deg” background_color_gradient_start_position=”48%” background_color_gradient_end_position=”48%” z_index=”1″ width=”100%” custom_margin=”-30px||||false|false” custom_margin_tablet=”” custom_margin_phone=”” custom_margin_last_edited=”on|phone” custom_padding=”0px|0px||0px|false|true” custom_padding_tablet=”0px||0px||false|false” custom_padding_phone=”||0px||false|false” background_last_edited=”on|tablet” use_background_color_gradient_tablet=”on” background_color_gradient_end_tablet=”#f5f0ed” custom_css_main_element=”align-items: center;” global_colors_info=”{}” custom_css_main_element_last_edited=”on|tablet” custom_css_main_element_tablet=”display: flex;||flex-direction: column-reverse;” custom_css_main_element_phone=”display: flex;||flex-direction: column-reverse;”][et_pb_column type=”1_2″ _builder_version=”4.9.10″ _module_preset=”default” vertical_offset=”-100px” z_index=”1″ vertical_offset_tablet=”0px” vertical_offset_phone=”0px” vertical_offset_last_edited=”on|phone” custom_padding=”|5%||10%|false|false” custom_padding_tablet=”0px|60px|0px|60px|true|true” custom_padding_phone=”|40px||40px|true|true” custom_padding_last_edited=”off|desktop” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” header_2_font=”Londrina Outline||||||||” header_2_text_color=”rgba(211,211,211,0.22)” header_2_font_size=”130px” header_2_letter_spacing=”2px” custom_margin=”||0px||false|false” custom_padding_tablet=”30px||||false|false” custom_padding_phone=”” custom_padding_last_edited=”on|phone” header_2_font_size_tablet=”100px” header_2_font_size_phone=”50px” header_2_font_size_last_edited=”on|phone” locked=”off” global_colors_info=”{}”]<\/p>\n

Mockups<\/h2>\n

[\/et_pb_text][dipl_double_color_heading heading_pre_part=”Website” heading_main_part=”Mockups” _builder_version=”4.14.4″ _module_preset=”default” pre_header_font=”|600|||||||” pre_header_text_color=”#0f192a” pre_header_font_size=”36px” pre_header_line_height=”1.4em” main_header_font=”|600|||||||” main_header_text_color=”#df3a3f” main_header_font_size=”36px” main_header_line_height=”1.4em” custom_margin=”-40px||||false|false” custom_padding=”0px||||false|false” pre_header_font_size_tablet=”30px” pre_header_font_size_phone=”28px” pre_header_font_size_last_edited=”on|phone” main_header_font_size_tablet=”30px” main_header_font_size_phone=”28px” main_header_font_size_last_edited=”on|phone” locked=”off” global_colors_info=”{}”][\/dipl_double_color_heading][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” text_font_size=”16px” text_line_height=”1.8em” width=”80%” global_colors_info=”{}”]A mockup is a static design of a web page or application that features many of its final design elements but is not functional. A mockup is not as polished as a live page and typically includes some placeholder data.<\/p>\n

It\u2019s useful to breakdown each part of that definition.<\/p>\n

As a \u201cstatic design,\u201d a mockup does not have the functionality of a live website. Though a mockup would include a colored CTA button, for instance, it would not open up a form when clicked on, unlike a website (or the prototype of a website; more on that later). A mockup may show a cover image at the top of the page, but it won\u2019t have an active carousel like a website. <\/p>\n

A mockup is not the first stage of website development, so it\u2019s on its way to being a finished product, but it still has a ways to go. A mockup may include placeholder copy (think \u201clorem ipsum\u201d) or images, but it is meant to give a pretty good feeling of what the page will look like, though not what it will act like.[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.9.10″ _module_preset=”default” positioning=”none” vertical_offset=”-25px” custom_padding=”3%|2%|||false|false” custom_padding_tablet=”30px|60px|30px|60px|true|true” custom_padding_phone=”|40px||40px|false|true” custom_padding_last_edited=”on|phone” background_color_tablet=”#062c6c” background_last_edited=”on|tablet” background_enable_color_tablet=”on” global_colors_info=”{}”][dipl_double_color_heading heading_pre_part=”Website Ideas To Build From” _builder_version=”4.14.4″ _module_preset=”default” pre_header_font=”|600|||||||” pre_header_text_color=”#FFFFFF” pre_header_font_size=”36px” pre_header_line_height=”1.4em” main_header_font=”|600|||||||” main_header_text_color=”#df3a3f” main_header_font_size=”36px” main_header_line_height=”1.4em” custom_margin=”||30px||false|false” pre_header_font_size_tablet=”30px” pre_header_font_size_phone=”28px” pre_header_font_size_last_edited=”on|phone” locked=”off” global_colors_info=”{}”][\/dipl_double_color_heading][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” text_font_size=”16px” text_line_height=”1.8em” background_layout=”dark” width=”75%” locked=”off” global_colors_info=”{}”]From the bar above, you can switch to several different mockups. While the mockup name may not even be related to your type of business, you are looking for the following:[\/et_pb_text][et_pb_blurb use_icon=”on” font_icon=”Z||divi||400″ icon_color=”#E02B20″ icon_placement=”left” content_max_width=”100%” _builder_version=”4.14.4″ _module_preset=”default” body_font_size=”16px” body_line_height=”1.8em” background_layout=”dark” custom_margin=”||30px||false|false” global_colors_info=”{}”]<\/p>\n