<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Wordpress &#8211; Joanna Ostrowska</title>
	<atom:link href="https://joannaostrowska.pl/tag/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>https://joannaostrowska.pl</link>
	<description>Twórz z pasją, projektuj z sercem</description>
	<lastBuildDate>Tue, 16 Sep 2025 12:05:16 +0000</lastBuildDate>
	<language>pl-PL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://joannaostrowska.pl/wp-content/uploads/2025/03/cropped-Favicon_RainbowDust-2-32x32.png</url>
	<title>Wordpress &#8211; Joanna Ostrowska</title>
	<link>https://joannaostrowska.pl</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Strona warsztatu samochodowego</title>
		<link>https://joannaostrowska.pl/strona-warsztatu-samochodowego/</link>
		
		<dc:creator><![CDATA[jostrowska]]></dc:creator>
		<pubDate>Tue, 16 Sep 2025 09:54:23 +0000</pubDate>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Figma]]></category>
		<category><![CDATA[Responsive]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">https://joannaostrowska.pl/?p=715</guid>

					<description><![CDATA[Responsywna strona internetowa typu one-page dla firmy z branży mechaniki samochodowej]]></description>
										<content:encoded><![CDATA[<div class="wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">Responsywna strona internetowa typu one-page dla firmy z branży mechaniki samochodowej </p></div>


<p>Moim zadaniem było odświeżenie i unowocześnienie strony internetowej warsztatu samochodowego z długoletnim doświadczeniem. Identyfikacja wizualna miała pozostać bez zmian, więc miałam do wykorzystania logo oraz solidną podstawę kolorystyczną. </p>



<p>Strona została zaprojektowana w programie Figma z uwzględnieniem zasad responsywności, czyli dostosowania strony do czytelnego wyświetlania na różnych urządzeniach: zarówno na komputerach, tabletach czy smartfonach. </p>



<p></p>



<p>Zakres prac: </p>



<ul class="wp-block-list">
<li>zaprojektowanie designu strony internetowej w programie Figma,</li>



<li>propozycje CTA angażujące użytkownika,</li>



<li>instalacja i konfiguracja systemu WordPress ,</li>



<li>zakodowanie layoutu,</li>



<li>konfiguracja WordPressa</li>



<li>opieka nad statystykami strony.</li>
</ul>



<style id="bwg-style-0">      #bwg_container1_0 #bwg_container2_0 #bwg_mosaic_thumbnails_div_0 {        width: 100%;        position: relative;        background-color: rgba(255, 255, 255, 0.00);        text-align: center;        justify-content: center;                  margin-left: auto;          margin-right: auto;                    padding-left: 8px;          padding-top: 8px;                }          #bwg_container1_0 #bwg_container2_0 .bwg_mosaic_thumb_spun_0 {        display: block;        position: absolute;				border-radius: 0;				border: 0px none #FFFFFF;    		    		background-color:rgba(255,255,255, 0.30);        -moz-box-sizing: content-box !important;        -webkit-box-sizing: content-box !important;        box-sizing: content-box !important;      }			#bwg_container1_0 #bwg_container2_0 .bwg_mosaic_thumb_0 {				display: block;				-moz-box-sizing: content-box !important;				-webkit-box-sizing: content-box !important;				box-sizing: content-box !important;				margin: 0;				opacity: 1.00;			}      #bwg_container1_0 #bwg_container2_0 .bwg_mosaic_thumb_spun_0:hover {        opacity: 1;        backface-visibility: hidden;        -webkit-backface-visibility: hidden;        -moz-backface-visibility: hidden;        -ms-backface-visibility: hidden;        z-index: 102;      }	     @media only screen and (min-width: 480px) {		#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-mosaic-thumbnails .bwg-item0 img {			-webkit-transition: -webkit-transform .3s; transition: transform .3s;		}		#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-mosaic-thumbnails .bwg-item0 img:hover {			-ms-transform: scale(1.08);			-webkit-transform: scale(1.08);			transform: scale(1.08);		}		      }	      #bwg_container1_0 #bwg_container2_0 .bwg_mosaic_thumbnails_0 {        background-color: rgba(255, 255, 255, 0.00);        font-size: 0;        position: relative;        text-align: center;        display: inline-block;        visibility: hidden;              }	  /*image title styles*/      #bwg_container1_0 #bwg_container2_0 .bwg_mosaic_title_spun1_0,      #bwg_container1_0 #bwg_container2_0 .bwg-mosaic-thumbnails .bwg_ecommerce_spun1_0 {        position: absolute;        display: block;        opacity: 0;        box-sizing: border-box;        text-align: center;				top: 50%;				left: 50%;				transform: translate(-50%, -50%);      }      #bwg_container1_0 #bwg_container2_0 .bwg-mosaic-thumbnails .bwg_mosaic_title_spun2_0,      #bwg_container1_0 #bwg_container2_0 .bwg-mosaic-thumbnails .bwg_ecommerce_spun2_0 {		    color: #323A45;        font-family: Ubuntu;        font-size: 16px;        font-weight: bold;        text-shadow: ;        vertical-align: middle;        word-wrap: break-word;      }            .bwg_mosaic_play_icon_spun_0 {        display: table;        position: absolute;        left: -10000px;        top: 0px;        opacity: 0;      }      .bwg_mosaic_play_icon_0 {        color: #323A45;        font-size: 32px;        vertical-align: middle;        display: table-cell !important;        z-index: 1;        text-align: center;        margin: 0 auto;      }      #bwg_container1_0 #bwg_container2_0 .bwg_gal_title_0 {        background-color: rgba(0, 0, 0, 0);        color: #323A45;        display: block;        font-family: Ubuntu;        font-size: 16px;        font-weight: bold;        padding: 2px;        text-shadow: ;        text-align: center;      }            @media screen and (max-width: 350px) {      div[class^="bwg_mosaic_thumbnails_"],      span[class^="bwg_mosaic_thumb_spun_"] {      width: 100% !important;      }      img[class^="bwg_mosaic_thumb_"] {      width: 100% !important;      height: auto !important;      margin: 0px auto !important;      }      }      </style>    <div id="bwg_container1_0"         class="bwg_container bwg_thumbnail bwg_thumbnails_mosaic "         data-right-click-protection="0"         data-bwg="0"         data-scroll="0"         data-gallery-type="thumbnails_mosaic"         data-gallery-view-type="thumbnails_mosaic"         data-current-url="/tag/wordpress/feed/"         data-lightbox-url="https://joannaostrowska.pl/wp-admin/admin-ajax.php?action=GalleryBox&#038;current_view=0&#038;gallery_id=5&#038;tag=0&#038;theme_id=1&#038;shortcode_id=13&#038;sort_by=order&#038;order_by=asc&#038;current_url=%2Ftag%2Fwordpress%2Ffeed%2F"         data-gallery-id="5"         data-popup-width="800"         data-popup-height="500"         data-is-album="gallery"         data-buttons-position="bottom">      <div id="bwg_container2_0">             <div id="ajax_loading_0" class="bwg_loading_div_1">      <div class="bwg_loading_div_2">        <div class="bwg_loading_div_3">          <div id="loading_div_0" class="bwg_spider_ajax_loading">          </div>        </div>      </div>    </div>            <form id="gal_front_form_0"              class="bwg-hidden"              method="post"              action="#"              data-current="0"              data-shortcode-id="13"              data-gallery-type="thumbnails_mosaic"              data-gallery-id="5"              data-tag="0"              data-album-id="0"              data-theme-id="1"              data-ajax-url="https://joannaostrowska.pl/wp-admin/admin-ajax.php?action=bwg_frontend_data">          <div id="bwg_container3_0" class="bwg-background bwg-background-0">                <div id="bwg_mosaic_thumbnails_div_0"         class="bwg-container-0 bwg-container bwg-mosaic-thumbnails"         data-bwg="0"         data-mosaic-direction="vertical"         data-resizable="0"         data-width="250"         data-height="250"         data-total-width="100"         data-block-id="bwg_thumbnails_mosaic_0"         data-thumb-padding="8"         data-thumb-border="0"         data-title-margin="2px"         data-image-title="none"         data-play-icon="1"         data-ecommerce-icon="none"         data-gallery-id="5"         data-lightbox-url="https://joannaostrowska.pl/wp-admin/admin-ajax.php?action=GalleryBox&#038;current_view=0&#038;gallery_id=5&#038;tag=0&#038;theme_id=1&#038;shortcode_id=13&#038;sort_by=order&#038;order_by=asc&#038;current_url=%2Ftag%2Fwordpress%2Ffeed%2F"         data-mosaic-thumb-transition="1"         style="visibility: hidden" >      <div id="bwg_thumbnails_mosaic_0" class="bwg_mosaic_thumbnails_0">                  <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Krukauto_mobile11.png?bwg=1758018963" data-image-id="81" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="81"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Krukauto_mobile11.png?bwg=1758018963"                 data-width="227.00"                 data-height="500.00"                 alt="ARUKAUTO - Strona Główna, urządzenie mobilne"                 title="ARUKAUTO - Strona Główna, urządzenie mobilne" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Krukauto_web.png?bwg=1758017437" data-image-id="78" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="78"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Krukauto_web.png?bwg=1758017437"                 data-width="500.00"                 data-height="333.00"                 alt="ARUKAUTO - Strona Główna, widok na laptopie"                 title="ARUKAUTO - Strona Główna, widok na laptopie" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Krukauto-Mobile3.png?bwg=1758017231" data-image-id="72" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="72"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Krukauto-Mobile3.png?bwg=1758017231"                 data-width="227.00"                 data-height="500.00"                 alt="ARUKAUTO - Sekcja FAQ, urządzenie mobilne"                 title="ARUKAUTO - Sekcja FAQ, urządzenie mobilne" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Krukauto_web_2.png?bwg=1758017231" data-image-id="73" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="73"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Krukauto_web_2.png?bwg=1758017231"                 data-width="500.00"                 data-height="330.00"                 alt="ARUKAUTO - Sekcja Oferta, widok na laptopie"                 title="ARUKAUTO - Sekcja Oferta, widok na laptopie" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Krukauto_web_4.png?bwg=1758017231" data-image-id="76" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="76"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Krukauto_web_4.png?bwg=1758017231"                 data-width="500.00"                 data-height="330.00"                 alt="KRUKAUTO - Sekcja angażująca użytkownika (ang. CTA, Call To Action), widok na laptopie"                 title="KRUKAUTO - Sekcja angażująca użytkownika (ang. CTA, Call To Action), widok na laptopie" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Krukauto-Mobile2.png?bwg=1758017231" data-image-id="71" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="71"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Krukauto-Mobile2.png?bwg=1758017231"                 data-width="227.00"                 data-height="500.00"                 alt="KRUKAUTO - Sekcja Oferta, urządzenie mobilne"                 title="KRUKAUTO - Sekcja Oferta, urządzenie mobilne" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Krukauto_web_3.png?bwg=1758017231" data-image-id="75" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="75"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Krukauto_web_3.png?bwg=1758017231"                 data-width="500.00"                 data-height="330.00"                 alt="ARUKAUTO - Sekcja O nas, widok na laptopie"                 title="ARUKAUTO - Sekcja O nas, widok na laptopie" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Krukauto-Mobile4.png?bwg=1758017231" data-image-id="70" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="70"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Krukauto-Mobile4.png?bwg=1758017231"                 data-width="227.00"                 data-height="500.00"                 alt="ARUKAUTO - Sekcja Kontakt, urządzenie mobilne"                 title="ARUKAUTO - Sekcja Kontakt, urządzenie mobilne" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Krukauto_web_5.png?bwg=1758017231" data-image-id="74" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="74"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Krukauto_web_5.png?bwg=1758017231"                 data-width="500.00"                 data-height="330.00"                 alt="ARUKAUTO - Sekcja Kontakt, widok na laptopie"                 title="ARUKAUTO - Sekcja Kontakt, widok na laptopie" />                      </div>        </a>            </div>    </div>    <style>      /*pagination styles*/      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 {				text-align: center;				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				margin: 6px 0 4px;				display: block;      }      @media only screen and (max-width : 320px) {      #bwg_container1_0 #bwg_container2_0 .displaying-num_0 {     	 display: none;      }      }      #bwg_container1_0 #bwg_container2_0 .displaying-num_0 {				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				margin-right: 10px;				vertical-align: middle;      }      #bwg_container1_0 #bwg_container2_0 .paging-input_0 {				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				vertical-align: middle;      }      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a.disabled,      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a.disabled:hover,      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a.disabled:focus,			#bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 input.bwg_current_page {				cursor: default;				color: rgba(102, 102, 102, 0.5);      }      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a,      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 input.bwg_current_page {				cursor: pointer;				text-align: center;				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				text-decoration: none;				padding: 3px 6px;				margin: 0;				border-radius: 0;				border-style: solid;				border-width: 1px;				border-color: #E3E3E3;								background-color: rgba(255, 255, 255, 1.00);				box-shadow: 0;				transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;      }      </style>      <span class="bwg_nav_cont_0">              <div class="tablenav-pages_0">                  </div>                <input type="hidden" id="page_number_0" name="page_number_0" value="1" />      <script type="text/javascript">        if( jQuery('.bwg_nav_cont_0').length > 1 ) {          jQuery('.bwg_nav_cont_0').first().remove()        }        function spider_page_0(cur, x, y, load_more) {          if (typeof load_more == "undefined") {            var load_more = false;          }          if (jQuery(cur).hasClass('disabled')) {            return false;          }          var items_county_0 = 1;          switch (y) {            case 1:              if (x >= items_county_0) {                document.getElementById('page_number_0').value = items_county_0;              }              else {                document.getElementById('page_number_0').value = x + 1;              }              break;            case 2:              document.getElementById('page_number_0').value = items_county_0;              break;            case -1:              if (x == 1) {                document.getElementById('page_number_0').value = 1;              }              else {                document.getElementById('page_number_0').value = x - 1;              }              break;            case -2:              document.getElementById('page_number_0').value = 1;              break;						case 0:              document.getElementById('page_number_0').value = x;              break;            default:              document.getElementById('page_number_0').value = 1;          }          bwg_ajax('gal_front_form_0', '0', 'bwg_thumbnails_mosaic_0', '0', '', 'gallery', 0, '', '', load_more, '', 1);        }                    jQuery('.first-page-0').on('click', function () {              spider_page_0(this, 1, -2, 'numeric');              return false;            });            jQuery('.prev-page-0').on('click', function () {              spider_page_0(this, 1, -1, 'numeric');              return false;            });            jQuery('.next-page-0').on('click', function () {              spider_page_0(this, 1, 1, 'numeric');              return false;            });            jQuery('.last-page-0').on('click', function () {              spider_page_0(this, 1, 2, 'numeric');              return false;            });        				/* Change page on input enter. */        function bwg_change_page_0( e, that ) {          if (  e.key == 'Enter' ) {            var to_page = parseInt(jQuery(that).val());            var pages_count = jQuery(that).parents(".pagination-links").data("pages-count");            var current_url_param = jQuery(that).attr('data-url-info');            if (to_page > pages_count) {              to_page = 1;            }	 												spider_page_0(this, to_page, 0, 'numeric');							return false;						          }          return true;        }        jQuery('.bwg_load_btn_0').on('click', function () {            spider_page_0(this, 1, 1, true);            return false;        });      </script>      </span>                </div>        </form>        <style>          #bwg_container1_0 #bwg_container2_0 #spider_popup_overlay_0 {          background-color: #EEEEEE;          opacity: 0.60;          }          </style>        <div id="bwg_spider_popup_loading_0" class="bwg_spider_popup_loading"></div>        <div id="spider_popup_overlay_0" class="spider_popup_overlay" onclick="spider_destroypopup(1000)"></div>        <input type="hidden" id="bwg_random_seed_0" value="533903065">                </div>    </div>    <script>      if (document.readyState === 'complete') {        if( typeof bwg_main_ready == 'function' ) {          if ( jQuery("#bwg_container1_0").height() ) {            bwg_main_ready(jQuery("#bwg_container1_0"));          }        }      } else {        document.addEventListener('DOMContentLoaded', function() {          if( typeof bwg_main_ready == 'function' ) {            if ( jQuery("#bwg_container1_0").height() ) {             bwg_main_ready(jQuery("#bwg_container1_0"));            }          }        });      }    </script>    
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Strona firmy z branży prawniczej</title>
		<link>https://joannaostrowska.pl/strona-firmy-z-branzy-prawniczej/</link>
		
		<dc:creator><![CDATA[jostrowska]]></dc:creator>
		<pubDate>Tue, 18 Mar 2025 10:27:59 +0000</pubDate>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[Responsive]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">https://joannaostrowska.pl/?p=144</guid>

					<description><![CDATA[Responsywna strona internetowa zrealizowana na zlecenie adwokata z Lublina.]]></description>
										<content:encoded><![CDATA[<div class="wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">Responsywna strona internetowa zrealizowana na zlecenie adwokata z Lublina. </p></div>


<p>Moim zdaniem było wykonanie eleganckiego, nowoczesnego i &#8222;czystego&#8221; designu strony internetowej z uwzględnieniem dostarczonych treści i zdjęć z profesjonalnej sesji wizerunkowej. Witryna ma za zadanie pełnić funkcje informacyjną dotyczącą zakresu i sposobu pracy klienta, w subtelny sposób angażując użytkownika. Ważnym aspektem było dostosowanie witryny do różnych urządzeń &#8211; przeglądarki internetowej, tabletu czy telefonu.</p>



<p></p>



<p>Zakres prac: </p>



<ul class="wp-block-list">
<li>ułożenie identyfikacji kolorystycznej i typograficznej,</li>



<li>zaprojektowanie designu strony internetowej w programie Figma,</li>



<li>propozycje CTA angażujące użytkownika,</li>



<li>instalacja i konfiguracja systemu WordPress ,</li>



<li>zakodowanie layoutu w WordPress,</li>



<li>konfiguracja i opieka nad statystykami strony.</li>
</ul>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<style id="bwg-style-1">      #bwg_container1_1 #bwg_container2_1 #bwg_mosaic_thumbnails_div_1 {        width: 100%;        position: relative;        background-color: rgba(255, 255, 255, 0.00);        text-align: center;        justify-content: center;                  margin-left: auto;          margin-right: auto;                    padding-left: 8px;          padding-top: 8px;                }          #bwg_container1_1 #bwg_container2_1 .bwg_mosaic_thumb_spun_1 {        display: block;        position: absolute;				border-radius: 0;				border: 0px none #FFFFFF;    		    		background-color:rgba(255,255,255, 0.30);        -moz-box-sizing: content-box !important;        -webkit-box-sizing: content-box !important;        box-sizing: content-box !important;      }			#bwg_container1_1 #bwg_container2_1 .bwg_mosaic_thumb_1 {				display: block;				-moz-box-sizing: content-box !important;				-webkit-box-sizing: content-box !important;				box-sizing: content-box !important;				margin: 0;				opacity: 1.00;			}      #bwg_container1_1 #bwg_container2_1 .bwg_mosaic_thumb_spun_1:hover {        opacity: 1;        backface-visibility: hidden;        -webkit-backface-visibility: hidden;        -moz-backface-visibility: hidden;        -ms-backface-visibility: hidden;        z-index: 102;      }	     @media only screen and (min-width: 480px) {		#bwg_container1_1 #bwg_container2_1 .bwg-container-1.bwg-mosaic-thumbnails .bwg-item0 img {			-webkit-transition: -webkit-transform .3s; transition: transform .3s;		}		#bwg_container1_1 #bwg_container2_1 .bwg-container-1.bwg-mosaic-thumbnails .bwg-item0 img:hover {			-ms-transform: scale(1.08);			-webkit-transform: scale(1.08);			transform: scale(1.08);		}		      }	      #bwg_container1_1 #bwg_container2_1 .bwg_mosaic_thumbnails_1 {        background-color: rgba(255, 255, 255, 0.00);        font-size: 0;        position: relative;        text-align: center;        display: inline-block;        visibility: hidden;              }	  /*image title styles*/      #bwg_container1_1 #bwg_container2_1 .bwg_mosaic_title_spun1_1,      #bwg_container1_1 #bwg_container2_1 .bwg-mosaic-thumbnails .bwg_ecommerce_spun1_1 {        position: absolute;        display: block;        opacity: 0;        box-sizing: border-box;        text-align: center;				top: 50%;				left: 50%;				transform: translate(-50%, -50%);      }      #bwg_container1_1 #bwg_container2_1 .bwg-mosaic-thumbnails .bwg_mosaic_title_spun2_1,      #bwg_container1_1 #bwg_container2_1 .bwg-mosaic-thumbnails .bwg_ecommerce_spun2_1 {		    color: #323A45;        font-family: Ubuntu;        font-size: 16px;        font-weight: bold;        text-shadow: ;        vertical-align: middle;        word-wrap: break-word;      }            .bwg_mosaic_play_icon_spun_1 {        display: table;        position: absolute;        left: -10000px;        top: 0px;        opacity: 0;      }      .bwg_mosaic_play_icon_1 {        color: #323A45;        font-size: 32px;        vertical-align: middle;        display: table-cell !important;        z-index: 1;        text-align: center;        margin: 0 auto;      }      #bwg_container1_1 #bwg_container2_1 .bwg_gal_title_1 {        background-color: rgba(0, 0, 0, 0);        color: #323A45;        display: block;        font-family: Ubuntu;        font-size: 16px;        font-weight: bold;        padding: 2px;        text-shadow: ;        text-align: center;      }            @media screen and (max-width: 350px) {      div[class^="bwg_mosaic_thumbnails_"],      span[class^="bwg_mosaic_thumb_spun_"] {      width: 100% !important;      }      img[class^="bwg_mosaic_thumb_"] {      width: 100% !important;      height: auto !important;      margin: 0px auto !important;      }      }      </style>    <div id="bwg_container1_1"         class="bwg_container bwg_thumbnail bwg_thumbnails_mosaic "         data-right-click-protection="0"         data-bwg="1"         data-scroll="0"         data-gallery-type="thumbnails_mosaic"         data-gallery-view-type="thumbnails_mosaic"         data-current-url="/tag/wordpress/feed/"         data-lightbox-url="https://joannaostrowska.pl/wp-admin/admin-ajax.php?action=GalleryBox&#038;current_view=1&#038;gallery_id=3&#038;tag=0&#038;theme_id=1&#038;shortcode_id=6&#038;sort_by=order&#038;order_by=asc&#038;current_url=%2Ftag%2Fwordpress%2Ffeed%2F"         data-gallery-id="3"         data-popup-width="800"         data-popup-height="500"         data-is-album="gallery"         data-buttons-position="bottom">      <div id="bwg_container2_1">             <div id="ajax_loading_1" class="bwg_loading_div_1">      <div class="bwg_loading_div_2">        <div class="bwg_loading_div_3">          <div id="loading_div_1" class="bwg_spider_ajax_loading">          </div>        </div>      </div>    </div>            <form id="gal_front_form_1"              class="bwg-hidden"              method="post"              action="#"              data-current="1"              data-shortcode-id="6"              data-gallery-type="thumbnails_mosaic"              data-gallery-id="3"              data-tag="0"              data-album-id="0"              data-theme-id="1"              data-ajax-url="https://joannaostrowska.pl/wp-admin/admin-ajax.php?action=bwg_frontend_data">          <div id="bwg_container3_1" class="bwg-background bwg-background-1">                <div id="bwg_mosaic_thumbnails_div_1"         class="bwg-container-1 bwg-container bwg-mosaic-thumbnails"         data-bwg="1"         data-mosaic-direction="vertical"         data-resizable="0"         data-width="250"         data-height="250"         data-total-width="100"         data-block-id="bwg_thumbnails_mosaic_1"         data-thumb-padding="8"         data-thumb-border="0"         data-title-margin="2px"         data-image-title="none"         data-play-icon="1"         data-ecommerce-icon="none"         data-gallery-id="3"         data-lightbox-url="https://joannaostrowska.pl/wp-admin/admin-ajax.php?action=GalleryBox&#038;current_view=1&#038;gallery_id=3&#038;tag=0&#038;theme_id=1&#038;shortcode_id=6&#038;sort_by=order&#038;order_by=asc&#038;current_url=%2Ftag%2Fwordpress%2Ffeed%2F"         data-mosaic-thumb-transition="1"         style="visibility: hidden" >      <div id="bwg_thumbnails_mosaic_1" class="bwg_mosaic_thumbnails_1">                  <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/Mecenas_Home_ighter.png?bwg=1744275288" data-image-id="59" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="59"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/Mecenas_Home_ighter.png?bwg=1744275288"                 data-width="500.00"                 data-height="329.00"                 alt="Mecenas_Home_ighter"                 title="Mecenas_Home_ighter" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Mecenas-Laptop-Omnie_(1).png?bwg=1744274070" data-image-id="46" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="46"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Mecenas-Laptop-Omnie_(1).png?bwg=1744274070"                 data-width="500.00"                 data-height="329.00"                 alt="Mecenas-Laptop-Omnie (1)"                 title="Mecenas-Laptop-Omnie (1)" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Mecenas-Laptop-Uslugi.png?bwg=1744274070" data-image-id="45" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="45"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Mecenas-Laptop-Uslugi.png?bwg=1744274070"                 data-width="500.00"                 data-height="329.00"                 alt="Mecenas-Laptop-Uslugi"                 title="Mecenas-Laptop-Uslugi" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Mecenas-Laptop-Porady.png?bwg=1744274070" data-image-id="42" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="42"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Mecenas-Laptop-Porady.png?bwg=1744274070"                 data-width="500.00"                 data-height="329.00"                 alt="Mecenas-Laptop-Porady"                 title="Mecenas-Laptop-Porady" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Mecenas-Laptop-Honorarium.png?bwg=1744274070" data-image-id="43" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="43"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Mecenas-Laptop-Honorarium.png?bwg=1744274070"                 data-width="500.00"                 data-height="329.00"                 alt="Mecenas-Laptop-Honorarium"                 title="Mecenas-Laptop-Honorarium" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Mecenas_Laptop_Kontakt.png?bwg=1744274070" data-image-id="44" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="44"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Mecenas_Laptop_Kontakt.png?bwg=1744274070"                 data-width="500.00"                 data-height="329.00"                 alt="Mecenas Laptop Kontakt"                 title="Mecenas Laptop Kontakt" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Mecenas_Podstrona1.png?bwg=1744274905" data-image-id="54" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="54"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Mecenas_Podstrona1.png?bwg=1744274905"                 data-width="500.00"                 data-height="329.00"                 alt="Mecenas Podstrona1"                 title="Mecenas Podstrona1" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Mecenas_Podstrona_2.png?bwg=1744274070" data-image-id="40" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="40"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Mecenas_Podstrona_2.png?bwg=1744274070"                 data-width="500.00"                 data-height="329.00"                 alt="Mecenas Podstrona 2"                 title="Mecenas Podstrona 2" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Iphone-16-Home-Page1.png?bwg=1744275288" data-image-id="57" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="57"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Iphone-16-Home-Page1.png?bwg=1744275288"                 data-width="273.00"                 data-height="500.00"                 alt="Iphone-16-Home-Page1"                 title="Iphone-16-Home-Page1" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Iphone-16-Home-Page.png?bwg=1744275288" data-image-id="58" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="58"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Iphone-16-Home-Page.png?bwg=1744275288"                 data-width="273.00"                 data-height="500.00"                 alt="Iphone-16-Home-Page"                 title="Iphone-16-Home-Page" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Iphone-16-Home-Page4.png?bwg=1744275288" data-image-id="55" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="55"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Iphone-16-Home-Page4.png?bwg=1744275288"                 data-width="273.00"                 data-height="500.00"                 alt="Iphone-16-Home-Page4"                 title="Iphone-16-Home-Page4" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Mecenas-Iphone-Kontakt.png?bwg=1744274070" data-image-id="47" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="47"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Mecenas-Iphone-Kontakt.png?bwg=1744274070"                 data-width="273.00"                 data-height="500.00"                 alt="Mecenas-Iphone-Kontakt"                 title="Mecenas-Iphone-Kontakt" />                      </div>        </a>            </div>    </div>    <style>      /*pagination styles*/      #bwg_container1_1 #bwg_container2_1 .tablenav-pages_1 {				text-align: center;				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				margin: 6px 0 4px;				display: block;      }      @media only screen and (max-width : 320px) {      #bwg_container1_1 #bwg_container2_1 .displaying-num_1 {     	 display: none;      }      }      #bwg_container1_1 #bwg_container2_1 .displaying-num_1 {				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				margin-right: 10px;				vertical-align: middle;      }      #bwg_container1_1 #bwg_container2_1 .paging-input_1 {				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				vertical-align: middle;      }      #bwg_container1_1 #bwg_container2_1 .tablenav-pages_1 a.disabled,      #bwg_container1_1 #bwg_container2_1 .tablenav-pages_1 a.disabled:hover,      #bwg_container1_1 #bwg_container2_1 .tablenav-pages_1 a.disabled:focus,			#bwg_container1_1 #bwg_container2_1 .tablenav-pages_1 input.bwg_current_page {				cursor: default;				color: rgba(102, 102, 102, 0.5);      }      #bwg_container1_1 #bwg_container2_1 .tablenav-pages_1 a,      #bwg_container1_1 #bwg_container2_1 .tablenav-pages_1 input.bwg_current_page {				cursor: pointer;				text-align: center;				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				text-decoration: none;				padding: 3px 6px;				margin: 0;				border-radius: 0;				border-style: solid;				border-width: 1px;				border-color: #E3E3E3;								background-color: rgba(255, 255, 255, 1.00);				box-shadow: 0;				transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;      }      </style>      <span class="bwg_nav_cont_1">              <div class="tablenav-pages_1">                  </div>                <input type="hidden" id="page_number_1" name="page_number_1" value="1" />      <script type="text/javascript">        if( jQuery('.bwg_nav_cont_1').length > 1 ) {          jQuery('.bwg_nav_cont_1').first().remove()        }        function spider_page_1(cur, x, y, load_more) {          if (typeof load_more == "undefined") {            var load_more = false;          }          if (jQuery(cur).hasClass('disabled')) {            return false;          }          var items_county_1 = 1;          switch (y) {            case 1:              if (x >= items_county_1) {                document.getElementById('page_number_1').value = items_county_1;              }              else {                document.getElementById('page_number_1').value = x + 1;              }              break;            case 2:              document.getElementById('page_number_1').value = items_county_1;              break;            case -1:              if (x == 1) {                document.getElementById('page_number_1').value = 1;              }              else {                document.getElementById('page_number_1').value = x - 1;              }              break;            case -2:              document.getElementById('page_number_1').value = 1;              break;						case 0:              document.getElementById('page_number_1').value = x;              break;            default:              document.getElementById('page_number_1').value = 1;          }          bwg_ajax('gal_front_form_1', '1', 'bwg_thumbnails_mosaic_1', '0', '', 'gallery', 0, '', '', load_more, '', 1);        }                    jQuery('.first-page-1').on('click', function () {              spider_page_1(this, 1, -2, 'numeric');              return false;            });            jQuery('.prev-page-1').on('click', function () {              spider_page_1(this, 1, -1, 'numeric');              return false;            });            jQuery('.next-page-1').on('click', function () {              spider_page_1(this, 1, 1, 'numeric');              return false;            });            jQuery('.last-page-1').on('click', function () {              spider_page_1(this, 1, 2, 'numeric');              return false;            });        				/* Change page on input enter. */        function bwg_change_page_1( e, that ) {          if (  e.key == 'Enter' ) {            var to_page = parseInt(jQuery(that).val());            var pages_count = jQuery(that).parents(".pagination-links").data("pages-count");            var current_url_param = jQuery(that).attr('data-url-info');            if (to_page > pages_count) {              to_page = 1;            }	 												spider_page_1(this, to_page, 0, 'numeric');							return false;						          }          return true;        }        jQuery('.bwg_load_btn_1').on('click', function () {            spider_page_1(this, 1, 1, true);            return false;        });      </script>      </span>                </div>        </form>        <style>          #bwg_container1_1 #bwg_container2_1 #spider_popup_overlay_1 {          background-color: #EEEEEE;          opacity: 0.60;          }          </style>        <div id="bwg_spider_popup_loading_1" class="bwg_spider_popup_loading"></div>        <div id="spider_popup_overlay_1" class="spider_popup_overlay" onclick="spider_destroypopup(1000)"></div>        <input type="hidden" id="bwg_random_seed_1" value="1875307655">                </div>    </div>    <script>      if (document.readyState === 'complete') {        if( typeof bwg_main_ready == 'function' ) {          if ( jQuery("#bwg_container1_1").height() ) {            bwg_main_ready(jQuery("#bwg_container1_1"));          }        }      } else {        document.addEventListener('DOMContentLoaded', function() {          if( typeof bwg_main_ready == 'function' ) {            if ( jQuery("#bwg_container1_1").height() ) {             bwg_main_ready(jQuery("#bwg_container1_1"));            }          }        });      }    </script>    
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Strona firmy medycznej</title>
		<link>https://joannaostrowska.pl/strona-firmy-medycznej/</link>
		
		<dc:creator><![CDATA[jostrowska]]></dc:creator>
		<pubDate>Fri, 14 Mar 2025 14:16:46 +0000</pubDate>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[Figma]]></category>
		<category><![CDATA[Responsive]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">https://joannaostrowska.pl/?p=122</guid>

					<description><![CDATA[Responsywna strona internetowa w stylu one-page zrealizowana dla lekarza świadczącego usługi dietetyczne.]]></description>
										<content:encoded><![CDATA[<div class="wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">Responsywna strona internetowa w stylu one-page zrealizowana dla lekarza świadczącego usługi dietetyczne. </p></div>


<p>Klientce zależało na profesjonalnym wyglądzie witryny dostosowanym do najnowszych trendów oraz zachowaniem charakteru strony związanej ze zdrowiem i medycyną. Brak logotypu powodował, że strona nie wyróżniała się na tle konkurencji.</p>



<p>W nowym projekcie starałam się zachować część sekcji ze starej witryny i dostosować je by bardziej zaangażować użytkownika. Ze względu na wygodę i jasne zaprezentowanie treści potencjalnemu użytkownikowi zdecydowałam się na styl one-page.</p>



<p>Zakres wykonanych prac:</p>



<ul class="wp-block-list is-style-default">
<li>zaprojektowanie logo, </li>



<li>dobór typografii i identyfikacji kolorystycznej </li>



<li>zaprojektowanie layoutu w programie Figma,</li>



<li>instalacja i konfiguracja WordPress CMS,</li>



<li>zakodowanie layoutu w systemie WordPress,</li>



<li>konfiguracja i zarządzanie statystykami strony.</li>
</ul>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<style id="bwg-style-2">      #bwg_container1_2 #bwg_container2_2 #bwg_mosaic_thumbnails_div_2 {        width: 100%;        position: relative;        background-color: rgba(255, 255, 255, 0.00);        text-align: center;        justify-content: center;                  margin-left: auto;          margin-right: auto;                    padding-left: 8px;          padding-top: 8px;                }          #bwg_container1_2 #bwg_container2_2 .bwg_mosaic_thumb_spun_2 {        display: block;        position: absolute;				border-radius: 0;				border: 0px none #FFFFFF;    		    		background-color:rgba(255,255,255, 0.30);        -moz-box-sizing: content-box !important;        -webkit-box-sizing: content-box !important;        box-sizing: content-box !important;      }			#bwg_container1_2 #bwg_container2_2 .bwg_mosaic_thumb_2 {				display: block;				-moz-box-sizing: content-box !important;				-webkit-box-sizing: content-box !important;				box-sizing: content-box !important;				margin: 0;				opacity: 1.00;			}      #bwg_container1_2 #bwg_container2_2 .bwg_mosaic_thumb_spun_2:hover {        opacity: 1;        backface-visibility: hidden;        -webkit-backface-visibility: hidden;        -moz-backface-visibility: hidden;        -ms-backface-visibility: hidden;        z-index: 102;      }	     @media only screen and (min-width: 480px) {		#bwg_container1_2 #bwg_container2_2 .bwg-container-2.bwg-mosaic-thumbnails .bwg-item0 img {			-webkit-transition: -webkit-transform .3s; transition: transform .3s;		}		#bwg_container1_2 #bwg_container2_2 .bwg-container-2.bwg-mosaic-thumbnails .bwg-item0 img:hover {			-ms-transform: scale(1.08);			-webkit-transform: scale(1.08);			transform: scale(1.08);		}		      }	      #bwg_container1_2 #bwg_container2_2 .bwg_mosaic_thumbnails_2 {        background-color: rgba(255, 255, 255, 0.00);        font-size: 0;        position: relative;        text-align: center;        display: inline-block;        visibility: hidden;              }	  /*image title styles*/      #bwg_container1_2 #bwg_container2_2 .bwg_mosaic_title_spun1_2,      #bwg_container1_2 #bwg_container2_2 .bwg-mosaic-thumbnails .bwg_ecommerce_spun1_2 {        position: absolute;        display: block;        opacity: 0;        box-sizing: border-box;        text-align: center;				top: 50%;				left: 50%;				transform: translate(-50%, -50%);      }      #bwg_container1_2 #bwg_container2_2 .bwg-mosaic-thumbnails .bwg_mosaic_title_spun2_2,      #bwg_container1_2 #bwg_container2_2 .bwg-mosaic-thumbnails .bwg_ecommerce_spun2_2 {		    color: #323A45;        font-family: Ubuntu;        font-size: 16px;        font-weight: bold;        text-shadow: ;        vertical-align: middle;        word-wrap: break-word;      }            .bwg_mosaic_play_icon_spun_2 {        display: table;        position: absolute;        left: -10000px;        top: 0px;        opacity: 0;      }      .bwg_mosaic_play_icon_2 {        color: #323A45;        font-size: 32px;        vertical-align: middle;        display: table-cell !important;        z-index: 1;        text-align: center;        margin: 0 auto;      }      #bwg_container1_2 #bwg_container2_2 .bwg_gal_title_2 {        background-color: rgba(0, 0, 0, 0);        color: #323A45;        display: block;        font-family: Ubuntu;        font-size: 16px;        font-weight: bold;        padding: 2px;        text-shadow: ;        text-align: center;      }            @media screen and (max-width: 350px) {      div[class^="bwg_mosaic_thumbnails_"],      span[class^="bwg_mosaic_thumb_spun_"] {      width: 100% !important;      }      img[class^="bwg_mosaic_thumb_"] {      width: 100% !important;      height: auto !important;      margin: 0px auto !important;      }      }      </style>    <div id="bwg_container1_2"         class="bwg_container bwg_thumbnail bwg_thumbnails_mosaic "         data-right-click-protection="0"         data-bwg="2"         data-scroll="0"         data-gallery-type="thumbnails_mosaic"         data-gallery-view-type="thumbnails_mosaic"         data-current-url="/tag/wordpress/feed/"         data-lightbox-url="https://joannaostrowska.pl/wp-admin/admin-ajax.php?action=GalleryBox&#038;current_view=2&#038;gallery_id=4&#038;tag=0&#038;theme_id=1&#038;shortcode_id=9&#038;sort_by=order&#038;order_by=asc&#038;current_url=%2Ftag%2Fwordpress%2Ffeed%2F"         data-gallery-id="4"         data-popup-width="800"         data-popup-height="500"         data-is-album="gallery"         data-buttons-position="bottom">      <div id="bwg_container2_2">             <div id="ajax_loading_2" class="bwg_loading_div_1">      <div class="bwg_loading_div_2">        <div class="bwg_loading_div_3">          <div id="loading_div_2" class="bwg_spider_ajax_loading">          </div>        </div>      </div>    </div>            <form id="gal_front_form_2"              class="bwg-hidden"              method="post"              action="#"              data-current="2"              data-shortcode-id="9"              data-gallery-type="thumbnails_mosaic"              data-gallery-id="4"              data-tag="0"              data-album-id="0"              data-theme-id="1"              data-ajax-url="https://joannaostrowska.pl/wp-admin/admin-ajax.php?action=bwg_frontend_data">          <div id="bwg_container3_2" class="bwg-background bwg-background-2">                <div id="bwg_mosaic_thumbnails_div_2"         class="bwg-container-2 bwg-container bwg-mosaic-thumbnails"         data-bwg="2"         data-mosaic-direction="vertical"         data-resizable="0"         data-width="250"         data-height="250"         data-total-width="100"         data-block-id="bwg_thumbnails_mosaic_2"         data-thumb-padding="8"         data-thumb-border="0"         data-title-margin="2px"         data-image-title="none"         data-play-icon="1"         data-ecommerce-icon="none"         data-gallery-id="4"         data-lightbox-url="https://joannaostrowska.pl/wp-admin/admin-ajax.php?action=GalleryBox&#038;current_view=2&#038;gallery_id=4&#038;tag=0&#038;theme_id=1&#038;shortcode_id=9&#038;sort_by=order&#038;order_by=asc&#038;current_url=%2Ftag%2Fwordpress%2Ffeed%2F"         data-mosaic-thumb-transition="1"         style="visibility: hidden" >      <div id="bwg_thumbnails_mosaic_2" class="bwg_mosaic_thumbnails_2">                  <a  class="bwg-a bwg_lightbox bwg_lightbox_2" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Medic_Home_Tablet.png?bwg=1745489570" data-image-id="69" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_2 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_2 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="69"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Medic_Home_Tablet.png?bwg=1745489570"                 data-width="500.00"                 data-height="326.00"                 alt="Medic Home Tablet"                 title="Medic Home Tablet" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_2" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Medic_Home.png?bwg=1745489570" data-image-id="66" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_2 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_2 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="66"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Medic_Home.png?bwg=1745489570"                 data-width="500.00"                 data-height="333.00"                 alt="Medic Home"                 title="Medic Home" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_2" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Medic_Oferta2.png?bwg=1745489570" data-image-id="68" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_2 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_2 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="68"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Medic_Oferta2.png?bwg=1745489570"                 data-width="500.00"                 data-height="329.00"                 alt="Medic Oferta2"                 title="Medic Oferta2" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_2" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Medic_FAQ.png?bwg=1745489570" data-image-id="65" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_2 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_2 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="65"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Medic_FAQ.png?bwg=1745489570"                 data-width="500.00"                 data-height="329.00"                 alt="Medic FAQ"                 title="Medic FAQ" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_2" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Medic_Kontakt.png?bwg=1745489570" data-image-id="67" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_2 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_2 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="67"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Medic_Kontakt.png?bwg=1745489570"                 data-width="500.00"                 data-height="329.00"                 alt="Medic Kontakt"                 title="Medic Kontakt" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_2" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Iphone-16-PRO-Home.png?bwg=1745489570" data-image-id="61" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_2 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_2 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="61"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Iphone-16-PRO-Home.png?bwg=1745489570"                 data-width="245.00"                 data-height="500.00"                 alt="Iphone-16-PRO-Home"                 title="Iphone-16-PRO-Home" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_2" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Iphone-16-PRO-Oferta.png?bwg=1745489570" data-image-id="63" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_2 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_2 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="63"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Iphone-16-PRO-Oferta.png?bwg=1745489570"                 data-width="245.00"                 data-height="500.00"                 alt="Iphone-16-PRO-Oferta"                 title="Iphone-16-PRO-Oferta" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_2" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Iphone-16-PRO-Oferta2.png?bwg=1745489570" data-image-id="62" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_2 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_2 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="62"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Iphone-16-PRO-Oferta2.png?bwg=1745489570"                 data-width="245.00"                 data-height="500.00"                 alt="Iphone-16-PRO-Oferta2"                 title="Iphone-16-PRO-Oferta2" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_2" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Iphone-16-PRO-FAQ.png?bwg=1745489570" data-image-id="60" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_2 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_2 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="60"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Iphone-16-PRO-FAQ.png?bwg=1745489570"                 data-width="245.00"                 data-height="500.00"                 alt="Iphone-16-PRO-FAQ"                 title="Iphone-16-PRO-FAQ" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_2" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/Iphone-16-PRO-Kontakt.png?bwg=1745489570" data-image-id="64" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_2 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_2 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="64"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/thumb/Iphone-16-PRO-Kontakt.png?bwg=1745489570"                 data-width="245.00"                 data-height="500.00"                 alt="Iphone-16-PRO-Kontakt"                 title="Iphone-16-PRO-Kontakt" />                      </div>        </a>            </div>    </div>    <style>      /*pagination styles*/      #bwg_container1_2 #bwg_container2_2 .tablenav-pages_2 {				text-align: center;				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				margin: 6px 0 4px;				display: block;      }      @media only screen and (max-width : 320px) {      #bwg_container1_2 #bwg_container2_2 .displaying-num_2 {     	 display: none;      }      }      #bwg_container1_2 #bwg_container2_2 .displaying-num_2 {				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				margin-right: 10px;				vertical-align: middle;      }      #bwg_container1_2 #bwg_container2_2 .paging-input_2 {				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				vertical-align: middle;      }      #bwg_container1_2 #bwg_container2_2 .tablenav-pages_2 a.disabled,      #bwg_container1_2 #bwg_container2_2 .tablenav-pages_2 a.disabled:hover,      #bwg_container1_2 #bwg_container2_2 .tablenav-pages_2 a.disabled:focus,			#bwg_container1_2 #bwg_container2_2 .tablenav-pages_2 input.bwg_current_page {				cursor: default;				color: rgba(102, 102, 102, 0.5);      }      #bwg_container1_2 #bwg_container2_2 .tablenav-pages_2 a,      #bwg_container1_2 #bwg_container2_2 .tablenav-pages_2 input.bwg_current_page {				cursor: pointer;				text-align: center;				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				text-decoration: none;				padding: 3px 6px;				margin: 0;				border-radius: 0;				border-style: solid;				border-width: 1px;				border-color: #E3E3E3;								background-color: rgba(255, 255, 255, 1.00);				box-shadow: 0;				transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;      }      </style>      <span class="bwg_nav_cont_2">              <div class="tablenav-pages_2">                  </div>                <input type="hidden" id="page_number_2" name="page_number_2" value="1" />      <script type="text/javascript">        if( jQuery('.bwg_nav_cont_2').length > 1 ) {          jQuery('.bwg_nav_cont_2').first().remove()        }        function spider_page_2(cur, x, y, load_more) {          if (typeof load_more == "undefined") {            var load_more = false;          }          if (jQuery(cur).hasClass('disabled')) {            return false;          }          var items_county_2 = 1;          switch (y) {            case 1:              if (x >= items_county_2) {                document.getElementById('page_number_2').value = items_county_2;              }              else {                document.getElementById('page_number_2').value = x + 1;              }              break;            case 2:              document.getElementById('page_number_2').value = items_county_2;              break;            case -1:              if (x == 1) {                document.getElementById('page_number_2').value = 1;              }              else {                document.getElementById('page_number_2').value = x - 1;              }              break;            case -2:              document.getElementById('page_number_2').value = 1;              break;						case 0:              document.getElementById('page_number_2').value = x;              break;            default:              document.getElementById('page_number_2').value = 1;          }          bwg_ajax('gal_front_form_2', '2', 'bwg_thumbnails_mosaic_2', '0', '', 'gallery', 0, '', '', load_more, '', 1);        }                    jQuery('.first-page-2').on('click', function () {              spider_page_2(this, 1, -2, 'numeric');              return false;            });            jQuery('.prev-page-2').on('click', function () {              spider_page_2(this, 1, -1, 'numeric');              return false;            });            jQuery('.next-page-2').on('click', function () {              spider_page_2(this, 1, 1, 'numeric');              return false;            });            jQuery('.last-page-2').on('click', function () {              spider_page_2(this, 1, 2, 'numeric');              return false;            });        				/* Change page on input enter. */        function bwg_change_page_2( e, that ) {          if (  e.key == 'Enter' ) {            var to_page = parseInt(jQuery(that).val());            var pages_count = jQuery(that).parents(".pagination-links").data("pages-count");            var current_url_param = jQuery(that).attr('data-url-info');            if (to_page > pages_count) {              to_page = 1;            }	 												spider_page_2(this, to_page, 0, 'numeric');							return false;						          }          return true;        }        jQuery('.bwg_load_btn_2').on('click', function () {            spider_page_2(this, 1, 1, true);            return false;        });      </script>      </span>                </div>        </form>        <style>          #bwg_container1_2 #bwg_container2_2 #spider_popup_overlay_2 {          background-color: #EEEEEE;          opacity: 0.60;          }          </style>        <div id="bwg_spider_popup_loading_2" class="bwg_spider_popup_loading"></div>        <div id="spider_popup_overlay_2" class="spider_popup_overlay" onclick="spider_destroypopup(1000)"></div>        <input type="hidden" id="bwg_random_seed_2" value="808213865">                </div>    </div>    <script>      if (document.readyState === 'complete') {        if( typeof bwg_main_ready == 'function' ) {          if ( jQuery("#bwg_container1_2").height() ) {            bwg_main_ready(jQuery("#bwg_container1_2"));          }        }      } else {        document.addEventListener('DOMContentLoaded', function() {          if( typeof bwg_main_ready == 'function' ) {            if ( jQuery("#bwg_container1_2").height() ) {             bwg_main_ready(jQuery("#bwg_container1_2"));            }          }        });      }    </script>    
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
