It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://siddhiwebsolutions.in/

  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. <head>
  4.    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5.  
  6.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.    <title>Web Design Portfolio - strony internetowe, pozycjonowanie, Google ADS</title>
  8.    <style>
  9.        * {
  10.            margin: 0;
  11.            padding: 0;
  12.            box-sizing: border-box;
  13.        }
  14.  
  15.        body {
  16.            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  17.            line-height: 1.6;
  18.            color: #333;
  19.        }
  20.  
  21.        /* Header & Navigation */
  22.        header {
  23.            background: #fff;
  24.            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  25.            position: fixed;
  26.            width: 100%;
  27.            top: 0;
  28.            z-index: 1000;
  29.        }
  30.  
  31.        nav {
  32.            max-width: 1200px;
  33.            margin: 0 auto;
  34.            padding: 1rem;
  35.            display: flex;
  36.            justify-content: space-between;
  37.            align-items: center;
  38.        }
  39.  
  40.        .logo {
  41.            font-size: 1.5rem;
  42.            font-weight: bold;
  43.            color: #2c3e50;
  44.        }
  45.  
  46.        .nav-links {
  47.            display: flex;
  48.            gap: 2rem;
  49.        }
  50.  
  51.        .nav-links a {
  52.            text-decoration: none;
  53.            color: #2c3e50;
  54.            font-weight: 500;
  55.            transition: color 0.3s;
  56.        }
  57.  
  58.        .nav-links a:hover {
  59.            color: #3498db;
  60.        }
  61.  
  62.        /* Main Content */
  63.        main {
  64.            margin-top: 80px;
  65.            padding: 2rem;
  66.        }
  67.  
  68.        .hero {
  69.            max-width: 1200px;
  70.            margin: 0 auto 4rem;
  71.            text-align: center;
  72.            padding: 3rem 1rem;
  73.        }
  74.  
  75.        .hero h1 {
  76.            font-size: 2.5rem;
  77.            margin-bottom: 1rem;
  78.            color: #2c3e50;
  79.        }
  80.  
  81.        .hero p {
  82.            font-size: 1.1rem;
  83.            color: #666;
  84.            max-width: 800px;
  85.            margin: 0 auto;
  86.        }
  87.  
  88.        /* Portfolio Grid */
  89.        .portfolio-grid {
  90.            max-width: 1200px;
  91.            margin: 0 auto;
  92.            display: grid;
  93.            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  94.            gap: 2rem;
  95.            padding: 0 1rem;
  96.        }
  97.  
  98.        .portfolio-item {
  99.            background: #fff;
  100.            border-radius: 10px;
  101.            overflow: hidden;
  102.            box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  103.            transition: transform 0.3s;
  104.        }
  105.  
  106.        .portfolio-item:hover {
  107.            transform: translateY(-5px);
  108.        }
  109.  
  110.        .portfolio-image {
  111.            width: 100%;
  112.            height: 200px;
  113.            background: #f0f0f0;
  114.            position: relative;
  115.            overflow: hidden;
  116.        }
  117.  
  118.        .portfolio-image::before {
  119.            content: '';
  120.            position: absolute;
  121.            width: 100%;
  122.            height: 100%;
  123.            opacity: 0.8;
  124.        }
  125.  
  126.        .portfolio-content {
  127.            padding: 1.5rem;
  128.        }
  129.  
  130.        .portfolio-content h3 {
  131.            font-size: 1.2rem;
  132.            margin-bottom: 0.5rem;
  133.            color: #2c3e50;
  134.        }
  135.  
  136.        .portfolio-content p {
  137.            font-size: 0.9rem;
  138.            color: #666;
  139.        }
  140.  
  141.        /* Footer */
  142.        footer {
  143.            background: #2c3e50;
  144.            color: #fff;
  145.            padding: 3rem 1rem;
  146.            margin-top: 4rem;
  147.        }
  148.  
  149.        .footer-content {
  150.            max-width: 1200px;
  151.            margin: 0 auto;
  152.            display: grid;
  153.            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  154.            gap: 2rem;
  155.        }
  156.  
  157.        .footer-section h4 {
  158.            margin-bottom: 1rem;
  159.        }
  160.  
  161.        .footer-section p {
  162.            font-size: 0.9rem;
  163.            opacity: 0.8;
  164.        }
  165.  
  166.        /* Mobile Menu */
  167.        .menu-toggle {
  168.            display: none;
  169.            font-size: 1.5rem;
  170.            cursor: pointer;
  171.        }
  172.  
  173.        @media (max-width: 768px) {
  174.            .menu-toggle {
  175.                display: block;
  176.            }
  177.  
  178.            .nav-links {
  179.                display: none;
  180.                position: absolute;
  181.                top: 100%;
  182.                left: 0;
  183.                right: 0;
  184.                background: #fff;
  185.                flex-direction: column;
  186.                padding: 1rem;
  187.                text-align: center;
  188.                box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  189.            }
  190.  
  191.            .nav-links.active {
  192.                display: flex;
  193.            }
  194.  
  195.            .hero h1 {
  196.                font-size: 2rem;
  197.            }
  198.            
  199.        }
  200.        .portfolio-section {
  201.    max-width: 1200px;
  202.    margin: 0 auto 2rem;
  203.    padding: 0 1rem;
  204. }
  205.  
  206. .portfolio-section h2 {
  207.    font-size: 2.5rem;
  208.    color: #2c3e50;
  209.    text-align: center;
  210.    margin-bottom: 2rem;
  211.    position: relative;
  212.    padding-bottom: 1rem;
  213. }
  214.  
  215. .portfolio-section h2::after {
  216.    content: '';
  217.    position: absolute;
  218.    bottom: 0;
  219.    left: 50%;
  220.    transform: translateX(-50%);
  221.    width: 100px;
  222.    height: 3px;
  223.    background: linear-gradient(to right, #3498db, #2ecc71);
  224. }
  225.  
  226. /* Hero section enhanced */
  227. .hero {
  228.    background: linear-gradient(rgba(189, 93, 3, 0.9), rgba(0, 0, 0, 0.9));
  229.    color: white;
  230.    padding: 6rem 1rem;
  231.    margin-top: 0;
  232. }
  233.  
  234. .hero h1 {
  235.    color: white;
  236.    font-size: 3rem;
  237.    margin-bottom: 1.5rem;
  238. }
  239.  
  240. .hero-buttons {
  241.    margin-top: 2rem;
  242.    display: flex;
  243.    gap: 1rem;
  244.    justify-content: center;
  245. }
  246.  
  247. .btn {
  248.    padding: 0.8rem 2rem;
  249.    border-radius: 5px;
  250.    text-decoration: none;
  251.    font-weight: 600;
  252.    transition: transform 0.3s;
  253. }
  254.  
  255. .btn:hover {
  256.    transform: translateY(-2px);
  257. }
  258.  
  259. .btn-primary {
  260.    background: #e74c3c;
  261.    color: white;
  262. }
  263.  
  264. .btn-secondary {
  265.    background: transparent;
  266.    color: white;
  267.    border: 2px solid white;
  268. }
  269.  
  270. /* Features section */
  271. .features {
  272.    padding: 4rem 1rem;
  273.    background: #f9f9f9;
  274. }
  275.  
  276. .features-grid {
  277.    max-width: 1200px;
  278.    margin: 0 auto;
  279.    display: grid;
  280.    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  281.    gap: 2rem;
  282. }
  283.  
  284. .feature-item {
  285.    text-align: center;
  286.    padding: 2rem;
  287.    background: white;
  288.    border-radius: 10px;
  289.    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  290. }
  291.  
  292. .feature-icon {
  293.    font-size: 2.5rem;
  294.    margin-bottom: 1rem;
  295. }
  296.  
  297. /* Services section */
  298. .services {
  299.    padding: 4rem 1rem;
  300. }
  301.  
  302. .services h2 {
  303.    text-align: center;
  304.    margin-bottom: 3rem;
  305.    color: #2c3e50;
  306.    position: relative;
  307. }
  308.  
  309. .services h2::after {
  310.    content: '';
  311.    position: absolute;
  312.    bottom: -10px;
  313.    left: 50%;
  314.    transform: translateX(-50%);
  315.    width: 100px;
  316.    height: 3px;
  317.    background: linear-gradient(to right, #3498db, #2ecc71);
  318. }
  319.  
  320. .services-grid {
  321.    max-width: 1200px;
  322.    margin: 0 auto;
  323.    display: grid;
  324.    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  325.    gap: 2rem;
  326. }
  327.  
  328. .service-item {
  329.    padding: 2rem;
  330.    background: white;
  331.    border-radius: 10px;
  332.    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  333. }
  334.  
  335. .service-item h3 {
  336.    color: #2c3e50;
  337.    margin-bottom: 1rem;
  338. }
  339.  
  340. .service-item ul {
  341.    list-style-type: none;
  342. }
  343.  
  344. .service-item ul li {
  345.    padding: 0.5rem 0;
  346.    border-bottom: 1px solid #eee;
  347. }
  348.  
  349. .service-item ul li:last-child {
  350.    border-bottom: none;
  351. }
  352.  
  353. /* Process section */
  354. .process {
  355.    padding: 4rem 1rem;
  356.    background: #f9f9f9;
  357. }
  358.  
  359. .process h2 {
  360.    text-align: center;
  361.    margin-bottom: 3rem;
  362.    color: #2c3e50;
  363. }
  364.  
  365. .process-timeline {
  366.    max-width: 1200px;
  367.    margin: 0 auto;
  368.    display: grid;
  369.    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  370.    gap: 2rem;
  371. }
  372.  
  373. .process-step {
  374.    text-align: center;
  375.    padding: 2rem;
  376.    position: relative;
  377. }
  378.  
  379. .step-number {
  380.    width: 40px;
  381.    height: 40px;
  382.    background: #3498db;
  383.    color: white;
  384.    border-radius: 50%;
  385.    display: flex;
  386.    align-items: center;
  387.    justify-content: center;
  388.    margin: 0 auto 1rem;
  389.    font-weight: bold;
  390. }
  391.  
  392. /* Responsive adjustments */
  393. @media (max-width: 768px) {
  394.    .hero h1 {
  395.        font-size: 2rem;
  396.    }
  397.    
  398.    .hero-buttons {
  399.        flex-direction: column;
  400.        align-items: center;
  401.    }
  402.    
  403.    .process-timeline {
  404.        grid-template-columns: 1fr;
  405.    }
  406. }
  407. .seo-content {
  408.    padding: 2rem 0;
  409.    background: #fff;
  410.    margin: 2rem 0;
  411. }
  412.  
  413. .seo-content .container {
  414.    max-width: 1200px;
  415.    margin: 0 auto;
  416.    padding: 0 15px;
  417. }
  418.  
  419. .seo-content h2 {
  420.    font-size: 2rem;
  421.    color: #333;
  422.    margin-bottom: 1.5rem;
  423. }
  424.  
  425. .seo-content h3 {
  426.    font-size: 1.5rem;
  427.    color: #444;
  428.    margin: 1.5rem 0 1rem 0;
  429. }
  430.  
  431. .seo-text p {
  432.    font-size: 1rem;
  433.    line-height: 1.6;
  434.    color: #666;
  435.    margin-bottom: 1rem;
  436.    text-align: justify;
  437. }
  438.  
  439. @media (max-width: 768px) {
  440.    .seo-content .container {
  441.        padding: 0 1rem;
  442.    }
  443.    
  444.    .seo-content h2 {
  445.        font-size: 1.5rem;
  446.    }
  447.    
  448.    .seo-content h3 {
  449.        font-size: 1.2rem;
  450.    }
  451.    
  452.    .seo-text p {
  453.        font-size: 0.9rem;
  454.    }
  455. }
  456.    </style>
  457. </head>
  458. <body>
  459.    <header>
  460.        <nav>
  461.            <div class="logo">Siddhi WebSolutions</div>
  462.            <div class="menu-toggle">?</div>
  463.            <div class="nav-links">
  464.                <a href="#strony">Strony internetowe</a>
  465.                <a href="#administracja">Administracja stron</a>
  466.                <a href="#pozycjonowanie">Pozycjonowanie</a>
  467.                <a href="#ads">Google Ads</a>
  468.                <a href="#kontakt">Kontakt</a>
  469.            </div>
  470.        </nav>
  471.    </header>
  472.  
  473.    <main>
  474.        <!-- Hero section -->
  475.        <section class="hero">
  476.            <h1>Tworzymy nowoczesne strony internetowe</h1>
  477.            <p>Specjalizujemy się w tworzeniu responsywnych stron internetowych, które nie tylko świetnie wyglądają, ale również efektywnie realizują cele biznesowe naszych klientów.</p>
  478.            <div class="hero-buttons">
  479.                <a href="#kontakt" class="btn btn-primary">Darmowa wycena</a>
  480.                <a href="#portfolio" class="btn btn-secondary">Zobacz realizacje</a>
  481.            </div>
  482.        </section>
  483.    
  484.        <!-- Features section -->
  485.        <section class="features">
  486.            <div class="features-grid">
  487.                <div class="feature-item">
  488.                    <div class="feature-icon">🎨</div>
  489.                    <h3>Design</h3>
  490.                    <p>Tworzymy unikalne projekty dopasowane do Twojej marki</p>
  491.                </div>
  492.                <div class="feature-item">
  493.                    <div class="feature-icon">📱</div>
  494.                    <h3>RWD</h3>
  495.                    <p>Strony responsywne na wszystkich urządzeniach</p>
  496.                </div>
  497.                <div class="feature-item">
  498.                    <div class="feature-icon">🚀</div>
  499.                    <h3>Wydajność</h3>
  500.                    <p>Optymalizacja szybkości działania</p>
  501.                </div>
  502.                <div class="feature-item">
  503.                    <div class="feature-icon">🔍</div>
  504.                    <h3>SEO</h3>
  505.                    <p>Zgodność z najlepszymi praktykami SEO</p>
  506.                </div>
  507.            </div>
  508.        </section>
  509.    
  510.        <!-- Services section -->
  511.        <section class="services">
  512.            <h2>Nasze usługi</h2>
  513.            <div class="services-grid">
  514.                <div class="service-item">
  515.                    <h3>Strony internetowe</h3>
  516.                    <ul>
  517.                        <li>Strony firmowe</li>
  518.                        <li>Sklepy internetowe</li>
  519.                        <li>Landing page</li>
  520.                        <li>Portale internetowe</li>
  521.                    </ul>
  522.                </div>
  523.                <div class="service-item">
  524.                    <h3>Administracja</h3>
  525.                    <ul>
  526.                        <li>Aktualizacja treści</li>
  527.                        <li>Kopie zapasowe</li>
  528.                        <li>Monitoring i bezpieczeństwo</li>
  529.                        <li>Wsparcie techniczne</li>
  530.                    </ul>
  531.                </div>
  532.                <div class="service-item">
  533.                    <h3>Marketing</h3>
  534.                    <ul>
  535.                        <li>SEO/SEM</li>
  536.                        <li>Google Ads</li>
  537.                        <li>Analityka internetowa</li>
  538.                        <li>Social Media</li>
  539.                    </ul>
  540.                </div>
  541.            </div>
  542.        </section>
  543.    
  544.        <!-- Process section -->
  545.        <section class="process">
  546.            <h2>Jak działamy</h2>
  547.            <div class="process-timeline">
  548.                <div class="process-step">
  549.                    <div class="step-number">1</div>
  550.                    <h3>Analiza potrzeb</h3>
  551.                    <p>Dokładnie poznajemy Twoje oczekiwania i cele biznesowe</p>
  552.                </div>
  553.                <div class="process-step">
  554.                    <div class="step-number">2</div>
  555.                    <h3>Projektowanie</h3>
  556.                    <p>Tworzymy projekt interfejsu i architektury strony</p>
  557.                </div>
  558.                <div class="process-step">
  559.                    <div class="step-number">3</div>
  560.                    <h3>Rozwój</h3>
  561.                    <p>Implementujemy funkcjonalności i treści</p>
  562.                </div>
  563.                <div class="process-step">
  564.                    <div class="step-number">4</div>
  565.                    <h3>Testy i start</h3>
  566.                    <p>Testujemy i wdrażamy gotowe rozwiązanie</p>
  567.                </div>
  568.            </div>
  569.        </section>
  570.    </main>
  571.  
  572.    <section class="seo-content">
  573.        <div class="container">
  574.            <h2>Kompleksowe Usługi i Rozwiązania</h2>
  575.            <div class="seo-text">
  576.                <p>W naszej firmie specjalizujemy się w dostarczaniu kompleksowych rozwiązań technologicznych dla przedsiębiorstw różnej wielkości. Nasze wieloletnie doświadczenie w branży IT pozwala nam oferować usługi na najwyższym poziomie, dostosowane do indywidualnych potrzeb każdego klienta. Koncentrujemy się na innowacyjnych rozwiązaniach, które wspierają cyfrową transformację i zwiększają konkurencyjność naszych partnerów biznesowych.</p>
  577.    
  578.                <h3>Rozwój Oprogramowania na Zamówienie</h3>
  579.                <p>Specjalizujemy się w tworzeniu dedykowanego oprogramowania, które odpowiada unikalnym wymaganiom biznesowym naszych klientów. Nasze zespoły programistów wykorzystują najnowsze technologie i metodologie wytwarzania oprogramowania, aby dostarczać rozwiązania wysokiej jakości. Proces rozwoju oprogramowania obejmuje szczegółową analizę potrzeb, projektowanie architektury systemu, implementację, testy oraz wdrożenie. Dbamy o to, aby tworzone przez nas oprogramowanie było skalowalne, bezpieczne i łatwe w utrzymaniu.</p>
  580.    
  581.                <h3>Konsulting IT i Transformacja Cyfrowa</h3>
  582.                <p>Oferujemy profesjonalne doradztwo w zakresie transformacji cyfrowej przedsiębiorstw. Nasi eksperci pomagają w opracowaniu strategii cyfrowej, identyfikacji obszarów wymagających optymalizacji oraz wdrożeniu odpowiednich rozwiązań technologicznych. Wspieramy firmy w procesie automatyzacji procesów biznesowych, implementacji systemów zarządzania danymi oraz integracji różnych platformi narzędzi.</p>
  583.    
  584.                <h3>Cyberbezpieczeństwo i Ochrona Danych</h3>
  585.                <p>W dobie rosnących zagrożeń cybernetycznych, bezpieczeństwo informacji staje się kluczowym aspektem działalności każdej organizacji. Oferujemy kompleksowe usługi w zakresie cyberbezpieczeństwa, obejmujące audyty bezpieczeństwa, implementację systemów zabezpieczeń, monitoring zagrożeń oraz szkolenia dla pracowników. Nasze rozwiązania są zgodne z najnowszymi standardami i regulacjami branżowymi, w tym RODO i normami ISO.</p>
  586.    
  587.                <h3>Rozwiązania Cloud Computing</h3>
  588.                <p>Chmura obliczeniowa oferuje nieograniczone możliwości w zakresie skalowalności i elastyczności infrastruktury IT. Pomagamy organizacjom w migracji do chmury, optymalizacji kosztów oraz wykorzystaniu pełnego potencjału rozwiązań chmurowych. Nasze usługi obejmują projektowanie architektury chmury, migrację aplikacji i danych, zarządzanie środowiskiem chmurowym oraz zapewnienie ciągłości działania.</p>
  589.    
  590.                <h3>Analityka Danych i Sztuczna Inteligencja</h3>
  591.                <p>Wykorzystujemy zaawansowane technologie analityczne i sztuczną inteligencję, aby pomóc firmom w podejmowaniu lepszych decyzji biznesowych. Nasze rozwiązania w zakresie analityki danych umożliwiają głębsze zrozumienie trendów rynkowych, zachowań klientów oraz optymalizację procesów operacyjnych. Implementujemy systemy uczenia maszynowego i sztucznej inteligencji, które automatyzują rutynowe zadania i zwiększają efektywność działania.</p>
  592.    
  593.                <h3>Aplikacje Mobilne i Rozwój Frontend</h3>
  594.                <p>Tworzymy intuicyjne i responsywne aplikacje mobilne oraz interfejsy użytkownika, które zapewniają doskonałe doświadczenia użytkownika. Nasze zespoły frontend wykorzystują najnowsze frameworki i technologie, aby dostarczać aplikacje działające płynnie na różnych urządzeniach i platformach. Dbamy o optymalizację wydajności, dostępność oraz zgodność z najlepszymi praktykami UX/UI.</p>
  595.    
  596.                <h3>Integracja Systemów i API</h3>
  597.                <p>Specjalizujemy się w integracji różnych systemów i aplikacji, umożliwiając sprawny przepływ danych i informacji w organizacji. Projektujemy i implementujemy interfejsy API, które pozwalają na efektywną komunikację między różnymi komponentami infrastruktury IT. Nasze rozwiązania integracyjne są skalowalne, bezpieczne i łatwe w utrzymaniu.</p>
  598.    
  599.                <h3>Wsparcie Techniczne i Utrzymanie Systemów</h3>
  600.                <p>Zapewniamy kompleksowe wsparcie techniczne i utrzymanie systemów IT. Nasi specjaliści są dostępni 24/7, aby reagować na wszelkie problemy techniczne i zapewnić ciągłość działania krytycznych systemów. Oferujemy różne poziomy SLA, regularne aktualizacje i konserwację systemów oraz monitoring wydajności.</p>
  601.    
  602.                <h3>Szkolenia i Transfer Wiedzy</h3>
  603.                <p>Organizujemy profesjonalne szkolenia techniczne dla zespołów IT oraz użytkowników końcowych. Nasze programy szkoleniowe są dostosowane do potrzeb i poziomu zaawansowania uczestników. Zapewniamy kompleksową dokumentację techniczną oraz wsparcie w procesie adaptacji nowych technologii.</p>
  604.    
  605.                <h3>Metodologia i Podejście do Projektów</h3>
  606.                <p>W realizacji projektów stosujemy sprawdzone metodologie zarządzania, takie jak Agile i Scrum. Zapewniamy transparentną komunikację, regularne aktualizacje postępu prac oraz elastyczne reagowanie na zmieniające się wymagania. Każdy projekt jest prowadzony przez doświadczonego kierownika projektu, który dba o terminową realizację i wysoką jakość deliverables.</p>
  607.    
  608.                <h3>Innowacje i Badania Rozwojowe</h3>
  609.                <p>Prowadzimy własne projekty badawczo-rozwojowe, koncentrując się na emerging technologies i innowacyjnych rozwiązaniach. Śledzimy najnowsze trendy technologiczne i aktywnie uczestniczymy w rozwoju nowych technologii. Nasze doświadczenia z projektów R&D przekładają się na praktyczne rozwiązania dla naszych klientów.</p>
  610.    
  611.                <h3>Gwarancja Jakości i Testy</h3>
  612.                <p>Przykładamy szczególną wagę do jakości dostarczanych rozwiązań. Nasze zespoły QA przeprowadzają kompleksowe testy funkcjonalne, wydajnościowe i bezpieczeństwa. Stosujemy automatyzację testów oraz ciągłą integrację i wdrażanie (CI/CD), aby zapewnić najwyższą jakość kodu i stabilność systemów.</p>
  613.    
  614.                <h3>Partnerstwa Technologiczne</h3>
  615.                <p>Współpracujemy z wiodącymi dostawcami technologii i posiadamy certyfikowane partnerstwa z kluczowymi graczami na rynku IT. Dzięki tym partnerstwom możemy oferować naszym klientom dostęp do najnowszych technologii i rozwiązań enterprise-grade. Regularnie inwestujemy w rozwój kompetencji naszych zespołów i certyfikacje techniczne.</p>
  616.            </div>
  617.        </div>
  618.    </section>
  619.  
  620. <div class="portfolio-grid">
  621.  
  622.    <div class="portfolio-item">
  623.        <div class="portfolio-image">
  624.            <img style="height: 200px; width: 100%;" src="https://api.pagepeeker.com/v2/thumbs.php?size=m&url=moto-fascynacja.pl&code=5c4c5b8105" />
  625.        </div>
  626.        <div class="portfolio-content">
  627.            <h3><a href="https://moto-fascynacja.pl">moto-fascynacja.pl</a></h3>
  628.            <p>Portal dla zafascynowanych światem motoryzacji</p>
  629.        </div>
  630.    </div>
  631.  
  632.    <div class="portfolio-item">
  633.        <div class="portfolio-image">
  634.            <img style="height: 200px; width: 100%;" src="https://api.pagepeeker.com/v2/thumbs.php?size=m&url=moto-wiedza.com.pl&code=5c4c5b8105" />
  635.        </div>
  636.        <div class="portfolio-content">
  637.            <h3><a href="https://moto-wiedza.com.pl">moto-wiedza.com.pl</a></h3>
  638.            <p>Portal edukacyjny o motoryzacji i technologii</p>
  639.        </div>
  640.    </div>
  641.  
  642.    <div class="portfolio-item">
  643.        <div class="portfolio-image">
  644.            <img style="height: 200px; width: 100%;" src="https://api.pagepeeker.com/v2/thumbs.php?size=m&url=pasja-na-kolach.pl&code=5c4c5b8105" />
  645.        </div>
  646.        <div class="portfolio-content">
  647.            <h3><a href="https://pasja-na-kolach.pl">pasja-na-kolach.pl</a></h3>
  648.            <p>Portal dla pasjonatów motoryzacji w ruchu</p>
  649.        </div>
  650.    </div>
  651.  
  652.  
  653.    <div class="portfolio-item">
  654.        <div class="portfolio-image">
  655.            <img style="height: 200px; width: 100%;" src="https://api.pagepeeker.com/v2/thumbs.php?size=m&url=cztery-kola.com.pl&code=5c4c5b8105" />
  656.        </div>
  657.        <div class="portfolio-content">
  658.            <h3><a href="https://cztery-kola.com.pl">cztery-kola.com.pl</a></h3>
  659.            <p>Portal o świecie samochodów i motoryzacji</p>
  660.        </div>
  661.    </div>
  662.  
  663.    
  664.  
  665.  
  666. </div>
  667.  
  668.  
  669.    <footer>
  670.        <div class="footer-content">
  671.            <div class="footer-section">
  672.                <h4>O nas</h4>
  673.                <p>Siddhi WebSolutions to dynamicznie rozwijająca się firma technologiczna z 12-letnim doświadczeniem. Specjalizujemy się w tworzeniu zaawansowanych rozwiązań programistycznych i transformacji cyfrowej przedsiębiorstw.</p>
  674.            </div>
  675.            <div class="footer-section">
  676.                <h4>Kontakt</h4>
  677.                <p>Email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d0b2b9a5a2bf90a3b9b4b4b8b9a7b5b2a3bfbca5a4b9bfbea3feb9be">[email&#160;protected]</a></p>
  678.                <p>Tel: +48 667 889 990</p>
  679.                <p>Tel: +48 22 398 44 56</p>
  680.            </div>
  681.            <div class="footer-section">
  682.                <h4>Adres</h4>
  683.                <p>ul. Cybernetyki 519D</p>
  684.                <p>02-677 Warszawa</p>
  685.                <p>Budynek Delta, 7 piętro</p>
  686.            </div>
  687.            <div class="footer-section">
  688.                <h4>Godziny pracy</h4>
  689.                <p>Poniedziałek - Piątek</p>
  690.                <p>8:00 - 17:00</p>
  691.                <p>NIP: 127-109-22-33</p>
  692.            </div>
  693.        </div>
  694.    </footer>
  695.  
  696.    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
  697.        // Mobile menu toggle
  698.        document.querySelector('.menu-toggle').addEventListener('click', function() {
  699.            document.querySelector('.nav-links').classList.toggle('active');
  700.        });
  701.    </script>
  702. </body>
  703. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda