{"id":247,"date":"2023-05-24T11:44:44","date_gmt":"2023-05-24T09:44:44","guid":{"rendered":"https:\/\/anastasiaskiadas.de\/?page_id=247"},"modified":"2025-07-03T10:20:51","modified_gmt":"2025-07-03T08:20:51","slug":"web-design","status":"publish","type":"page","link":"https:\/\/anastasiaskiadas.de\/index.php\/design\/web-design\/","title":{"rendered":"Web design"},"content":{"rendered":"

[et_pb_section fb_built=“1″ admin_label=“Sektion“ _builder_version=“4.20.4″ _module_preset=“default“ custom_margin=“||-83px|||“ top_divider_color=“#F89B5D“ global_colors_info=“{}“][et_pb_row column_structure=“1_2,1_2″ _builder_version=“4.20.4″ _module_preset=“default“ global_colors_info=“{}“][et_pb_column type=“1_2″ _builder_version=“4.20.4″ _module_preset=“default“ global_colors_info=“{}“][et_pb_button button_url=“@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjIwOSJ9fQ==@“ button_text=“back“ admin_label=“Button“ _builder_version=“4.21.0″ _dynamic_attributes=“button_url“ _module_preset=“3e2f2838-46a7-4db8-8f56-51752153578a“ global_colors_info=“{}“][\/et_pb_button][\/et_pb_column][et_pb_column type=“1_2″ _builder_version=“4.20.4″ _module_preset=“default“ global_colors_info=“{}“][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=“Header“ _builder_version=“4.20.4″ _module_preset=“default“ hover_enabled=“0″ global_colors_info=“{}“ sticky_enabled=“0″][et_pb_column type=“4_4″ _builder_version=“4.20.4″ _module_preset=“default“ global_colors_info=“{}“][et_pb_text admin_label=“Headline“ _builder_version=“4.20.4″ _module_preset=“4cf7f868-2622-46cb-9138-7da084f47346″ header_text_color=“#F89B5D“ global_colors_info=“{}“]<\/p>\n

Web design<\/h1>\n

[\/et_pb_text][et_pb_text admin_label=“Text“ _builder_version=“4.21.0″ _module_preset=“4cf7f868-2622-46cb-9138-7da084f47346″ text_text_color=“#ffffff“ header_text_color=“#F89B5D“ hover_enabled=“0″ global_colors_info=“{}“ sticky_enabled=“0″]<\/p>\n

This work sample is a project\u00a0completed during my apprenticeship. In each case, the task was to create a website design for a fictional customer and then implement it in HTML and CSS. The projects were based on a logo, texts and a selection of images provided by the client.<\/p>\n

[\/et_pb_text][et_pb_text admin_label=“Text“ _builder_version=“4.21.0″ _module_preset=“4cf7f868-2622-46cb-9138-7da084f47346″ text_text_color=“#FFFFFF“ header_text_color=“#F89B5D“ header_6_text_color=“#F89B5D“ global_colors_info=“{}“]<\/p>\n

Tools used:
\n<\/strong><\/h6>\n

Adobe Photoshop, Adobe XD, Sublime and Visual Studios<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=“1″ _builder_version=“4.20.4″ _module_preset=“default“ top_divider_color=“#F89B5D“ global_colors_info=“{}“][et_pb_row _builder_version=“4.20.4″ _module_preset=“default“ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“4.20.4″ _module_preset=“default“ global_colors_info=“{}“][et_pb_divider color=“#FFFFFF“ _builder_version=“4.20.4″ _module_preset=“default“ background_color=“RGBA(255,255,255,0)“ global_colors_info=“{}“][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=“4.20.4″ _module_preset=“default“ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“4.20.4″ _module_preset=“default“ global_colors_info=“{}“][et_pb_text admin_label=“Headline“ _builder_version=“4.21.0″ _module_preset=“4cf7f868-2622-46cb-9138-7da084f47346″ header_text_color=“#F89B5D“ header_2_text_align=“center“ header_2_text_color=“#ffffff“ header_3_font=“|600|||||||“ header_3_text_align=“center“ header_3_text_color=“#F89B5D“ global_colors_info=“{}“]<\/p>\n

„Theater im Parkett“ – Webdesign and implementation<\/h3>\n

[\/et_pb_text][et_pb_image src=“https:\/\/anastasiaskiadas.de\/wp-content\/uploads\/2023\/06\/theater.png“ title_text=“theater“ show_in_lightbox=“on“ admin_label=“Bild – TheaterImParkett“ _builder_version=“4.20.4″ _module_preset=“default“ global_colors_info=“{}“][\/et_pb_image][et_pb_button button_url=“https:\/\/anastasiaskiadas.de\/subpages\/theaterimparkett\/“ url_new_window=“on“ button_text=“Website“ _builder_version=“4.21.0″ _module_preset=“efc14f51-e239-454e-ad4a-8dea1ff9b364″ global_colors_info=“{}“][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

Web design This work sample is a project\u00a0completed during my apprenticeship. In each case, the task was to create a website design for a fictional customer and then implement it in HTML and CSS. The projects were based on a logo, texts and a selection of images provided by the client.Tools used: Adobe Photoshop, Adobe […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":209,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"

[et_pb_section fb_built=\"1\" admin_label=\"Sektion\" _builder_version=\"4.20.4\" _module_preset=\"default\" top_divider_color=\"#F89B5D\" global_colors_info=\"{}\"][et_pb_row column_structure=\"1_2,1_2\" _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_column type=\"1_2\" _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_button button_url=\"@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjIwOSJ9fQ==@\" button_text=\"back\" admin_label=\"Button\" _builder_version=\"4.21.0\" _dynamic_attributes=\"button_url\" _module_preset=\"3e2f2838-46a7-4db8-8f56-51752153578a\" global_colors_info=\"{}\"][\/et_pb_button][\/et_pb_column][et_pb_column type=\"1_2\" _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=\"Header\" _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_column type=\"4_4\" _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_text admin_label=\"Headline\" _builder_version=\"4.20.4\" _module_preset=\"4cf7f868-2622-46cb-9138-7da084f47346\" header_text_color=\"#F89B5D\" global_colors_info=\"{}\"]<\/p>

Web design<\/h1>

[\/et_pb_text][et_pb_text admin_label=\"Text\" _builder_version=\"4.21.0\" _module_preset=\"4cf7f868-2622-46cb-9138-7da084f47346\" text_text_color=\"#ffffff\" header_text_color=\"#F89B5D\" global_colors_info=\"{}\"]<\/p>

The work samples presented here were school projects completed during my apprenticeship. In each case, the task was to create a website design for a fictional customer and then implement it in HTML and CSS. The projects were based on a logo, texts, and a selection of images provided by the client.<\/p>

[\/et_pb_text][et_pb_text admin_label=\"Text\" _builder_version=\"4.21.0\" _module_preset=\"4cf7f868-2622-46cb-9138-7da084f47346\" text_text_color=\"#FFFFFF\" header_text_color=\"#F89B5D\" header_6_text_color=\"#F89B5D\" global_colors_info=\"{}\"]<\/p>

Tools used:
<\/strong><\/h6>

Adobe Photoshop, Adobe XD, Sublime and Visual Studios<\/p>

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_column type=\"4_4\" _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_divider color=\"#FFFFFF\" _builder_version=\"4.20.4\" _module_preset=\"default\" background_color=\"RGBA(255,255,255,0)\" global_colors_info=\"{}\"][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_column type=\"4_4\" _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_text admin_label=\"Headline\" _builder_version=\"4.21.0\" _module_preset=\"4cf7f868-2622-46cb-9138-7da084f47346\" header_text_color=\"#F89B5D\" header_2_text_align=\"center\" header_2_text_color=\"#ffffff\" header_3_font=\"|600|||||||\" header_3_text_align=\"center\" header_3_text_color=\"#F89B5D\" global_colors_info=\"{}\"]<\/p>

Urban Fitness - Web design and implementation<\/h3>

[\/et_pb_text][et_pb_image src=\"https:\/\/anastasiaskiadas.de\/wp-content\/uploads\/2023\/06\/urbanfitness.png\" title_text=\"urbanfitness\" show_in_lightbox=\"on\" admin_label=\"Bild - Urban Fitness\" _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\"1\" _builder_version=\"4.20.4\" _module_preset=\"default\" top_divider_color=\"#F89B5D\" global_colors_info=\"{}\"][et_pb_row _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_column type=\"4_4\" _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_divider color=\"#FFFFFF\" _builder_version=\"4.20.4\" _module_preset=\"default\" background_color=\"RGBA(255,255,255,0)\" global_colors_info=\"{}\"][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_column type=\"4_4\" _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_text admin_label=\"Headline\" _builder_version=\"4.21.0\" _module_preset=\"4cf7f868-2622-46cb-9138-7da084f47346\" header_text_color=\"#F89B5D\" header_2_text_align=\"center\" header_2_text_color=\"#ffffff\" header_3_font=\"|600|||||||\" header_3_text_align=\"center\" header_3_text_color=\"#F89B5D\" global_colors_info=\"{}\"]<\/p>

\"Kaffeer\u00f6sterei\" - Web design and implementation<\/h3>

[\/et_pb_text][et_pb_image src=\"https:\/\/anastasiaskiadas.de\/wp-content\/uploads\/2023\/06\/kaffe-webseite.png\" title_text=\"kaffe-webseite\" show_in_lightbox=\"on\" admin_label=\"Bild - Kaffee\" _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\"1\" _builder_version=\"4.20.4\" _module_preset=\"default\" top_divider_color=\"#F89B5D\" global_colors_info=\"{}\"][et_pb_row _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_column type=\"4_4\" _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_divider color=\"#FFFFFF\" _builder_version=\"4.20.4\" _module_preset=\"default\" background_color=\"RGBA(255,255,255,0)\" global_colors_info=\"{}\"][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_column type=\"4_4\" _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_text admin_label=\"Headline\" _builder_version=\"4.21.0\" _module_preset=\"4cf7f868-2622-46cb-9138-7da084f47346\" header_text_color=\"#F89B5D\" header_2_text_align=\"center\" header_2_text_color=\"#ffffff\" header_3_font=\"|600|||||||\" header_3_text_align=\"center\" header_3_text_color=\"#F89B5D\" global_colors_info=\"{}\"]<\/p>

\"Theater im Parkett\" - Webdesign and implementation<\/h3>

[\/et_pb_text][et_pb_image src=\"https:\/\/anastasiaskiadas.de\/wp-content\/uploads\/2023\/06\/theater.png\" title_text=\"theater\" show_in_lightbox=\"on\" admin_label=\"Bild - TheaterImParkett\" _builder_version=\"4.20.4\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_button button_url=\"https:\/\/anastasiaskiadas.de\/subpages\/theaterimparkett\/\" url_new_window=\"on\" button_text=\"Website\" _builder_version=\"4.21.0\" _module_preset=\"efc14f51-e239-454e-ad4a-8dea1ff9b364\" global_colors_info=\"{}\"][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>","_et_gb_content_width":"","footnotes":""},"class_list":["post-247","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/pages\/247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/comments?post=247"}],"version-history":[{"count":62,"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/pages\/247\/revisions"}],"predecessor-version":[{"id":881,"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/pages\/247\/revisions\/881"}],"up":[{"embeddable":true,"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/pages\/209"}],"wp:attachment":[{"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/media?parent=247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}