T-Web Studio - Zadanie 1, JS II

T-Web Studio - Zadanie 1, JS II
Photo by Declan Sun / Unsplash
<!DOCTYPE html>
<html lang="pl">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>T-Web Studio</title>
  </head>

  <body>
     <!-- Header z przykładami nagłówków -->
    <header role="banner">
    <a href="#top">
      <img src="logo/day.png" alt="Logo T-Web Studio" height="50">
    </a>
     </header>
     
     <nav role="navigation" aria-label="Główna nawigacja strony">
        <ul>
            <li><a href="#firma">O firmie</a></li>
            <li><a href="#blog">Blog</a></li>
            <li><a href="#opinie">Opinie</a></li>
            <li><a href="#faq">FAQ</a></li>
            <li><a href="#kontakt">Kontakt</a></li>
        </ul>
    </nav>

    <main role="main">
      <section>
        <img src="https://images.pexels.com/photos/6963098/pexels-photo-6963098.jpeg" alt="Profesjonalne strony internetowe dla róznych firm" width="700px">
        <h1>Profesjonalne strony internetowe dla Twojego biznesu</h1>
        <p>Specjalizujemy się <span style="color: blue" >w projektowaniu i tworzeniu stron internetowych</span> dopasowanych do potrzeb Twojej firmy. Nasze realizacje są nowoczesne, funkcjonalne i przyjazne użytkownikom.</p>
        <p>Wśród moich klientów są między innymi:</p>
            <ul>
                <li><mark>Polsat</mark></li>
                <li><mark>T-Mobile</mark></li>
                <li><mark>Orlen</mark></li>
            </ul>
    </section>

    <section id="firma">
        <h2>O firmie</h2>
        <p>W <strong>T-Web Studio</strong> wierzymy, że każda firma zasługuje na profesjonalną obecność w internecie. Naszą misją jest tworzenie nowoczesnych, estetycznych i funkcjonalnych stron internetowych, które wspierają rozwój biznesów i pomagają zdobywać nowych klientów.</p>
        <p>Działamy na rynku od 2010 roku, dzięki czemu posiadamy bogate doświadczenie i zaufanie wielu klientów. Od ponad dekady rozwijamy się wraz z branżą IT, wdrażając najnowsze technologie i trendy w projektowaniu stron.</p>
        <p>Pracujemy kompleksowo – od analizy potrzeb i projektowania graficznego, po wdrożenie oraz późniejsze wsparcie techniczne. Każdy projekt traktujemy indywidualnie, dbając o detale i dopasowanie do charakteru marki.</p>
        <p>Dlaczego warto nam zaufać?</p>
            <ul>
                <li><strong>Ponad 15 lat doświadczenia</strong> w tworzeniu stron internetowych</li>
                <li><strong>Jakość i nowoczesny design</strong> dostosowany do potrzeb klient</li>
                <li>Strony <strong>responsywne i szybkie</strong>, idealne na urządzenia mobilne</li>
                <li><strong>Przejrzyste warunki współpracy</strong> i terminowe realizacje</li>
            </ul>
        <p>Jeśli szukasz partnera, który stworzy dla Ciebie stronę internetową dopasowaną do potrzeb Twojego biznesu – jesteś we właściwym miejscu.</p>
    </section>
    <br/>

     <article id="blog">
        <h2>Blog</h2>
        <a href="https://cdn.pixabay.com/photo/2022/01/31/19/30/error-6984855_1280.png" target="_blank">
        <img src="https://cdn.pixabay.com/photo/2022/01/31/19/30/error-6984855_1280.png" 
       alt="Strona ładuje się wolno i jak to naprawić" 
       height="300">
        </a>
        <h3>Dlaczego Twoja strona ładuje się wolno i jak to naprawić?</h3>
        <p>Czy wiesz, że nawet kilka sekund opóźnienia w ładowaniu strony może kosztować Cię użytkowników i klientów? W tym wpisie w prosty sposób pokażemy, co spowalnia Twoją stronę i jak łatwo przyspieszyć jej działanie – od optymalizacji obrazów po sprytne triki w kodzie. Zobacz też mini-wywiad z ekspertem wideo i posłuchaj porad w formie podcastu!</p>
        <br>
        <figure>
        <figcaption>
            <h3>Lorem ipsum dolor sit amet</h3>
            <p>
            Donec porta odio mauris, in pulvinar mi iaculis eu. Vivamus a metus convallis, commodo orci ut, facilisis nibh.
            </p>
        </figcaption>
        <video controls width="720" height="405">
            <source
            src="https://file-examples.com/storage/fed089602468d5a5596aec9/2017/04/file_example_MP4_640_3MG.mp4"
            type="video/mp4"
            />
        </video>
        </figure>
        <figure>
        <figcaption>
            <h3>Wywiad z ekspertem - Odcinek 1</h3>
            <p>Czas trwania: 2:12 minut | Format: MP3 | Rozmiar: 5MB</p>
        </figcaption>
        <audio controls>
            <source src="https://file-examples.com/storage/fed089602468d5a5596aec9/2017/11/file_example_MP3_5MG.mp3" type="audio/mpeg" />
            <source src="/audio/interview-ep1.ogg" type="audio/ogg" />
        </audio>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porta odio mauris, in pulvinar mi iaculis eu. Vivamus a metus convallis, commodo orci ut, facilisis nibh. Aenean mauris dolor, sagittis vel imperdiet non, posuere nec massa. Fusce ligula libero, mattis sed malesuada vel, viverra ut dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce est dolor, pretium vitae ultricies vitae, condimentum ac nisl. Nunc ut aliquet lacus. Donec nec odio a velit fermentum aliquam pellentesque id eros. Aenean sagittis, eros ut aliquet suscipit, velit tortor tincidunt ipsum, ac tristique dolor metus at libero. Nulla eget enim sem.</p>
        <p>Cras consectetur vel lorem nec convallis. Aenean ultrices mauris eu laoreet elementum. Nullam gravida ut sem ultricies porttitor. Aenean elementum tempor enim, nec fringilla odio. Etiam ac leo in nibh ullamcorper faucibus non quis nibh. Integer porttitor vitae ligula vel fringilla. Nunc a accumsan arcu, vitae sollicitudin ligula. Morbi quis turpis vitae nibh egestas molestie. Pellentesque eu scelerisque sapien.</p>
        </figure>
        
        <br/>
        <br/>

        <a href="https://cdn.pixabay.com/photo/2021/08/25/12/45/phishing-6573326_1280.png" target="_blank">
        <img src="https://cdn.pixabay.com/photo/2021/08/25/12/45/phishing-6573326_1280.png" 
       alt="Jak zabezpieczyć stronę internetową przed atakami" 
       height="300">
        </a>
        <h3>5 prostych sposobów, by zabezpieczyć swoją stronę internetową w 2025</h3>
        <p>Bezpieczna strona to szczęśliwy użytkownik i mniej problemów dla Ciebie! W tym wpisie przedstawiamy 5 praktycznych porad, które każdy twórca stron może wdrożyć od ręki – od ochrony formularzy, przez HTTPS, po zabezpieczenia przed atakami XSS i SQL Injection. Wszystko pokazane krok po kroku, z przykładami kodu i krótkimi screencastami!</p>
        <br/>
         <figure>
        <figcaption>
            <h3>Lorem ipsum dolor sit amet</h3>
            <p>
            Donec porta odio mauris, in pulvinar mi iaculis eu. Vivamus a metus convallis, commodo orci ut, facilisis nibh.
            </p>
        </figcaption>
        <video controls width="720" height="405">
            <source
            src="https://file-examples.com/storage/fed089602468d5a5596aec9/2017/04/file_example_MP4_640_3MG.mp4"
            type="video/mp4"
            />
        </video>
        </figure>
        <figure>
        <figcaption>
            <h3>Wywiad z ekspertem - Odcinek 2</h3>
            <p>Czas trwania: 2:12 minut | Format: MP3 | Rozmiar: 5MB</p>
        </figcaption>
        <audio controls>
            <source src="https://file-examples.com/storage/fed089602468d5a5596aec9/2017/11/file_example_MP3_5MG.mp3" type="audio/mpeg" />
            <source src="/audio/interview-ep2.ogg" type="audio/ogg" />
        </audio>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porta odio mauris, in pulvinar mi iaculis eu. Vivamus a metus convallis, commodo orci ut, facilisis nibh. Aenean mauris dolor, sagittis vel imperdiet non, posuere nec massa. Fusce ligula libero, mattis sed malesuada vel, viverra ut dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce est dolor, pretium vitae ultricies vitae, condimentum ac nisl. Nunc ut aliquet lacus. Donec nec odio a velit fermentum aliquam pellentesque id eros. Aenean sagittis, eros ut aliquet suscipit, velit tortor tincidunt ipsum, ac tristique dolor metus at libero. Nulla eget enim sem.</p>
        <p>Cras consectetur vel lorem nec convallis. Aenean ultrices mauris eu laoreet elementum. Nullam gravida ut sem ultricies porttitor. Aenean elementum tempor enim, nec fringilla odio. Etiam ac leo in nibh ullamcorper faucibus non quis nibh. Integer porttitor vitae ligula vel fringilla. Nunc a accumsan arcu, vitae sollicitudin ligula. Morbi quis turpis vitae nibh egestas molestie. Pellentesque eu scelerisque sapien.</p>
        <br/>
        <br/>
     </article>
    
    <section id="opinie">
    <h2>Opinie</h2>
    <br/>
    <blockquote>
        <i>"Dzięki profesjonalnej stronie internetowej od Waszej firmy nasz biznes w końcu zaczął przyciągać klientów online. Wszystko działa szybko, wygląda świetnie i jest łatwe w obsłudze!"</i> <br/>
     — <cite>Jan Kowalski, właściciel firmy XYZ</cite>
    </blockquote>
    <br/>
    <blockquote>
    <i>Firma T-Web Studio stworzyła naszą stronę w sposób szybki i profesjonalny, a efekt końcowy przerósł nasze oczekiwania. Gorąco polecamy współpracę z T-Web Studio!</i> <br/>
     — <cite>Janina Malinowska, właściciel firmy XYZ</cite>
    </blockquote>
    </section>
    <br/>

    <section>
        <h2 id="faq">Najcześciej zadawane pytania(FAQ)</h2>
            <dl>
                <dt><strong>Ile kosztuje wykonanie strony internetowej w T-Web Studio?</strong></dt>
                <dd>Koszt wykonania strony zależy od jej rozmiaru i funkcjonalności. Prosta strona wizytówka zaczyna się już od około <strong>1500 zł</strong>, natomiast bardziej rozbudowane serwisy, np. z systemem rezerwacji czy sklep internetowy, wyceniane są indywidualnie. Każdy projekt omawiamy z klientem, aby dopasować ofertę do jego potrzeb i budżetu.</dd>
                <dt><strong>Jak długo trwa stworzenie strony internetowej?</strong></dt>
                <dd>Standardowo przygotowanie strony wizytówki zajmuje <strong>około 2-3 tygodni</strong>. Bardziej złożone projekty, jak sklepy internetowe czy portale, wymagają od 4 do 8 tygodni pracy. Dokładny czas realizacji ustalamy na etapie wyceny, biorąc pod uwagę zakres projektu i materiały dostarczone przez klienta.</dd>
                <dt><strong>Czy po wykonaniu strony mogę samodzielnie nią zarządzać?</strong></dt>
                <dd>Tak! Każda strona, którą tworzymy w T-Web Studio, posiada <strong>intuicyjny panel CMS</strong> (WordPress), dzięki któremu możesz samodzielnie dodawać i edytować treści, zdjęcia czy aktualności. Oferujemy również krótkie szkolenie z obsługi strony oraz wsparcie techniczne po zakończeniu projektu.</dd>
            </dl>
    </section>
    <br/>

    <section id="kontakt">
        <h2>Kontakt</h2>
    <address>
        T-Web Studio <br/>
        ul. Lipowa 12/4 <br/>
        00-123 Warszawa <br/>
    </address>
    <p>E-mail:
    <a href="mailto:[email protected]"> [email protected]</a><br/>
    Tel.:
    <a href="Tel:+48000000000">000 000 000</a></p>
    </section>       
    </main>

    <footer role="contentinfo">
      <hr />
      <p>
        <small
          >&copy; 2025 T-Web Studio. Wszelkie prawa zastrzeżone.</small>
      </p>
    </footer>
  </body>
</html>