<!DOCTYPE html>
<html lang="pl_PL">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords"
        content="tworzenie stron internetowych Katowice,projektowanie stron internetowych Katowice, strony internetowe Katowice Giszowiec, web development Katowice, profesjonalne strony internetowe Katowice, responsywne strony internetowe Katowice, tworzenie stron WordPress Katowice, strony internetowe dla firm Katowice, nowoczesne strony internetowe Katowice Giszowiec, projektowanie UX/UI stron internetowych Katowice, optymalizacja stron internetowych pod SEO Katowice, dostosowanie stron do urządzeń mobilnych Katowice, integracja stron internetowych z systemami płatności Katowice, lokalne strony internetowe Giszowiec Katowice, hosting i domeny Katowice Giszowiec, strony internetowe Giszowiec, projektowanie stron www Giszowiec, tworzenie stron dla firm z Katowic, web developer Katowice Giszowiec, strony internetowe Śląsk, hosting strony internetowej, domena strony internetowej, Katowice, Giszowiec, Śląsk, Katowice, E-commerce">
    <meta name="description"
        content="GishDev – profesjonalne tworzenie stron internetowych. Oferujemy nowoczesny web design, responsywne strony internetowe oraz indywidualne projekty dla firm i klientów. Rozpocznij swój biznes w sieci z GishDev!">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="style/style-nav-footer.css">
    <link rel="stylesheet" href="style/style.css">
    <link rel="shortcut icon" href="images/logo.png" type="image/x-icon">
    <script src="script.js" defer></script>
    <title>GishDev</title>
</head>

<body>
    <header>
        <div class="logo">
            <a href="index.html" class="logo-link">
                <img src="images/logo.png" alt="Logo" class="logo-img">
                <p>GishDev</p>
            </a>
        </div>
        <nav class="linki">
            <a href="index.html"><i class="fas fa-home"></i>&nbsp;&nbsp;Strona Główna</a>
            <a href="about.html"><i class="fas fa-info-circle"></i>&nbsp;&nbsp;O nas</a>
            <a href="service.html"><i class="fas fa-project-diagram"></i>&nbsp;&nbsp;Usługi</a>
            <a href="contact.html"><i class="fas fa-envelope"></i>&nbsp;&nbsp;Kontakt</a>
        </nav>
    </header>
    <div id="container">
        <main class="animation-slide-in">
            <section id="hero">
                <div id="hero-left">
                    <div id="hero-content-left">
                        <h1>Gish<span style="color: #dd00ff; font-size: 120%;">Dev</span></h1>
                        <div class="hero-animation">
                            <p id="typed-text"></p><span id="cursor">|</span>
                        </div>
                        <hr class="hr-hero-content">
                        <p class="animation-slide-in">Twój biznes w sieci zaczyna się od nas – profesjonalny web design,
                            który przyciąga i
                            sprzedaje !
                        </p>
                        <div class="cta-buttons">
                            <a href="#our-projects" class="hero-btn">Projekty</a>
                            <a href="about.html" class="hero-btn">O nas</a>
                        </div>
                    </div>
                </div>
                <div id="hero-right">
                    <div id="hero-content-right">
                    </div>
                </div>
            </section>
            <section class="consola">
                <div class="terminal">
                    <div class="top-termianl">
                        <span></span>
                        <span></span>
                        <span></span>
                        <div class="title">admin@gishdev: ~</div>
                    </div>
                    <div class="termianlcontent" id="terminal-content" style="font-family: monospace,sans-serif;">
                    </div>
                </div>
                <section>

                </section>

                <section class="project-info">
                    <section class="project-container">
                        <h2 id="our-projects">Nasze Projekty</h2>
                        <hr class="hr-hero-content">
                        <section class="images">
                            <a href="https://giblecdg.github.io/clothing-brand-website-template/" target="_blank"
                                id="site-preview"><img src="images/clothing-site.gif" alt="clothing-site"
                                    id="site-preview-image"></a>
                            <section class="image-buttons">
                                <label>
                                    <input type="radio" name="image" class="styled-radio" checked
                                        onchange="changeImage('clothing-site')" />
                                    <span class="custom-radio"></span>
                                </label>
                                <label>
                                    <input type="radio" name="image" class="styled-radio"
                                        onchange="changeImage('construction-site')" />
                                    <span class="custom-radio"></span>
                                </label>
                                <label>
                                    <input type="radio" name="image" class="styled-radio"
                                        onchange="changeImage('medical-website')" />
                                    <span class="custom-radio"></span>
                                </label>
                                <label>
                                    <input type="radio" name="image" class="styled-radio"
                                        onchange="changeImage('carshare-site')" />
                                    <span class="custom-radio"></span>
                                </label>
                            </section>
                        </section>
                        <a href="https://github.com" target="_blank" class="hero-btn">Więcej</a>
                    </section>
                </section>
            </section>
        </main>
    </div>
    <footer>
        <div class="socials">
            <a href="#"><i class="fa-brands fa-discord"></i></a>
            <a href="#"><i class="fab fa-github"></i></a>
            <a href="#"><i class="fab fa-x-twitter"></i></a>
        </div>
        <p>Ikony dostarczone przez: <a href="https://fontawesome.com/" target="_blank" style="color: white;">Font
                Awesome</a>.</p>
        <p>&copy; 2024 Gishdev. Wszelkie prawa zastrzeżone.</p>
    </footer>
</body>

</html>