gossipgirl.net: instagram

@instagramowa_nazwa

Follow Send a message
313posts 885followers 34following
Nazwa użytkownika
Pierwsza linijka opisu.
Druga linijka opisu.
link albo hashtag
nazwa01
nazwa02
nazwa03
nazwa04
nazwa05
posts reels tagged
xoxo, Gossip Girl every picture has a secret
Kod do skopiowania
 
<style>
  
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght={200;300;400;500;600}&family=Oooh+Baby&display=swap');

  .gg-insta-profile {
    max-width: 760px;
    margin: 0 auto !important;
    padding: 28px 8px 34px !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #d9ddff !important;
    box-sizing: border-box !important;
  }

  .gg-insta-profile * {
    box-sizing: border-box !important;
  }

  /* GŁÓWNA KARTA PROFILU */
  .gg-insta-card {
    position: relative !important;
    border: 1px solid rgba(126, 168, 255, 0.16) !important;
    border-radius: 16px !important;
    padding: 34px 30px 36px !important;
    background:
      radial-gradient(circle at 14% 8%, rgba(255, 94, 190, 0.10), transparent 34%),
      radial-gradient(circle at 88% 92%, rgba(112, 167, 255, 0.07), transparent 38%),
      rgba(5, 10, 27, 0.76) !important;
    box-shadow:
      inset 0 0 42px rgba(0, 0, 0, 0.35),
      0 0 18px rgba(80, 130, 255, 0.04) !important;
    overflow: hidden !important;
  }

  .gg-insta-card::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
      linear-gradient(
        135deg,
        rgba(255, 91, 190, 0.055),
        transparent 42%,
        rgba(112, 167, 255, 0.035)
      ) !important;
  }

  .gg-insta-card > * {
    position: relative !important;
    z-index: 2 !important;
  }

  /* HEADER PROFILU */
  .gg-insta-header {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    gap: 34px !important;
    align-items: center !important;
    margin: 0 0 34px 0 !important;
  }

  .gg-insta-avatar {
    width: 142px !important;
    height: 142px !important;
    border-radius: 50% !important;
    padding: 4px !important;
    background: linear-gradient(135deg, #ff69c5, #d58cff, #83b0ff) !important;
    box-shadow:
      0 0 18px rgba(255, 105, 197, 0.25),
      0 0 26px rgba(126, 168, 255, 0.10) !important;
  }

  .gg-insta-avatar-inner {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    background:
      radial-gradient(circle at 30% 20%, rgba(255, 105, 197, 0.12), transparent 42%),
      rgba(3, 6, 18, 0.98) !important;
    overflow: hidden !important;
  }

  .gg-insta-avatar-inner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .gg-insta-info {
    min-width: 0 !important;
  }
  
  /* NAZWA + PRZYCISKI */
  .gg-insta-topline {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-bottom: 22px !important;
    min-width: 0 !important;
  }

  .gg-insta-username {
    margin: 0 !important;
    color: #f5f6ff !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.04em !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .gg-insta-buttons {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  .gg-insta-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 31px !important;
    padding: 0 15px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 105, 197, 0.52) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    background: linear-gradient(135deg, rgba(255, 105, 197, 0.92), rgba(170, 120, 255, 0.70)) !important;
    text-shadow: 
      0 0 4px rgba(255, 255, 255, 0.8), 
      0 0 8px rgba(255, 105, 197, 0.6) !important;
    box-shadow:
      0 0 12px rgba(255, 105, 197, 0.20),
      inset 0 0 12px rgba(255, 255, 255, 0.055) !important;
    transition: 0.25s ease !important;
  }

  .gg-insta-button.secondary {
    background: rgba(255, 255, 255, 0.055) !important;
    border-color: rgba(126, 168, 255, 0.24) !important;
    color: #eef1ff !important;
    font-weight: 500 !important;
    text-shadow: none !important;
  }

  .gg-insta-button:hover {
    transform: translateY(-1px) !important;
    color: #ffffff !important;
    border-color: rgba(255, 105, 197, 0.78) !important;
    box-shadow:
      0 0 16px rgba(255, 105, 197, 0.32),
      0 0 20px rgba(126, 168, 255, 0.12) !important;
  }

  /* STATYSTYKI */
  .gg-insta-stats {
    display: flex !important;
    align-items: center !important;
    gap: 38px !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
  }

  .gg-insta-stat {
    color: #c7cce8 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
  }

  .gg-insta-stat strong {
    display: inline-block !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    margin-right: 4px !important;
  }

  /* BIO */
  .gg-insta-bio {
    max-width: 430px !important;
  }

  .gg-insta-name {
    display: block !important;
    margin-bottom: 8px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
  }

  .gg-insta-bio p {
    margin: 0 !important;
    color: #c7cce8 !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
    font-weight: 300 !important;
  }

  .gg-insta-bio a {
    color: #ff8ed3 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255, 105, 197, 0.28) !important;
  }

  /* HIGHLIGHTS — RELACJE */
  .gg-insta-highlights {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 24px !important;
    margin: 0 0 34px 0 !important;
    padding: 8px 8px 30px !important;
    border-bottom: 1px solid rgba(126, 168, 255, 0.14) !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
  }

  .gg-insta-highlights::-webkit-scrollbar {
    display: none !important;
  }

  .gg-insta-highlights .gg-insta-highlight {
    flex: 0 0 76px !important;
    width: 76px !important;
    max-width: 76px !important;
    min-width: 76px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: default !important;
    transition: 0.25s ease !important;
  }

  .gg-insta-highlights .gg-highlight-circle {
    display: block !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    max-width: 68px !important;
    max-height: 68px !important;
    margin: 0 auto 10px !important;
    border-radius: 50% !important;
    padding: 2px !important;
    background: linear-gradient(135deg, rgba(255, 105, 197, 0.72), rgba(126, 168, 255, 0.54)) !important;
    box-shadow:
      0 0 12px rgba(255, 105, 197, 0.16),
      0 0 18px rgba(126, 168, 255, 0.08) !important;
    transition: 0.25s ease !important;
  }

  .gg-insta-highlights .gg-highlight-inner {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: rgba(5, 10, 27, 0.96) !important;
    overflow: hidden !important;
    transition: 0.25s ease !important;
  }

  .gg-insta-highlights .gg-highlight-inner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transition: 0.25s ease !important;
  }

  .gg-insta-highlights .gg-insta-highlight > span:last-child {
    display: block !important;
    width: 100% !important;
    color: #f2f4ff !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.05em !important;
    text-align: center !important;
    white-space: nowrap !important;
    transition: 0.25s ease !important;
  }

  .gg-insta-highlights .gg-insta-highlight:hover {
    transform: translateY(-1px) !important;
  }

  .gg-insta-highlights .gg-insta-highlight:hover .gg-highlight-circle {
    background: linear-gradient(135deg, rgba(255, 105, 197, 0.95), rgba(126, 168, 255, 0.78)) !important;
    box-shadow:
      0 0 16px rgba(255, 105, 197, 0.34),
      0 0 24px rgba(126, 168, 255, 0.16) !important;
  }

  .gg-insta-highlights .gg-highlight-inner img {
    transition: transform 0.25s ease, filter 0.25s ease !important;
  }

  .gg-insta-highlights .gg-insta-highlight:hover .gg-highlight-inner img {
    transform: scale(1.05) !important;
    filter: saturate(1.12) contrast(1.05) !important;
  }

  .gg-insta-highlights .gg-insta-highlight:hover > span:last-child {
    color: #ff8ed3 !important;
    text-shadow:
      0 0 8px rgba(255, 105, 197, 0.45),
      0 0 14px rgba(126, 168, 255, 0.16) !important;
  }

  /* TABS */
  .gg-insta-tabs {
    display: flex !important;
    justify-content: center !important;
    gap: 56px !important;
    margin: 0 0 32px 0 !important;
    padding: 0 !important;
  }

  .gg-insta-tab {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    color: #9ca4ca !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    cursor: pointer;
  }

  .gg-insta-tab.active {
    color: #ffffff !important;
    font-weight: 600 !important;
  }

  .gg-insta-tab-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
  }

  .gg-insta-tab-icon svg {
    width: 100% !important;
    height: 100% !important;
    fill: none !important;
    stroke: #ff69c5 !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    filter:
      drop-shadow(0 0 5px rgba(255, 105, 197, 0.7))
      drop-shadow(0 0 10px rgba(126, 168, 255, 0.2)) !important;
  }
  
  .gg-insta-tab-icon svg .fill-target {
    fill: #ff69c5 !important;
  }

  /* PIONOWA, PRZEWIJANA SIATKA ZDJĘĆ */
  .gg-insta-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 4px !important;
    max-height: 680px !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
  }

  .gg-insta-grid::-webkit-scrollbar {
    display: none !important;
  }

   .gg-insta-photo {
  position: relative !important;
  width: 100% !important;        
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;      
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(126, 168, 255, 0.10) !important;
  margin: 0 !important;
  cursor: default !important;
}

  .gg-insta-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: saturate(1.08) contrast(1.04) !important;
    transition: 0.28s ease !important;
  }

  .gg-insta-photo::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255, 105, 197, 0.18), rgba(126, 168, 255, 0.10)) !important;
    opacity: 0 !important;
    transition: 0.25s ease !important;
    z-index: 1 !important;
  }

  .gg-insta-photo:hover img {
    transform: scale(1.04) !important;
  }

  .gg-insta-photo:hover::after {
    opacity: 1 !important;
  }

  /* PODPIS */
  .gg-insta-signature {
    margin: 30px 0 0 0 !important;
    text-align: right !important;
  }

  .gg-insta-xoxo {
    display: block !important;
    font-family: 'Oooh Baby', cursive !important;
    font-size: 36px !important;
    line-height: 1 !important;
    background: linear-gradient(90deg, #ff6bc8 0%, #d58cff 48%, #83b0ff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    filter:
      drop-shadow(0 0 4px rgba(255, 99, 190, 0.36))
      drop-shadow(0 0 8px rgba(130, 176, 255, 0.15)) !important;
  }

  .gg-insta-small {
    display: block !important;
    margin-top: 4px !important;
    color: #8f96bd !important;
    font-size: 9.5px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
  }

  /* MOBILE RESPONSIVE */
  @media screen and (max-width: 768px) {
    .gg-insta-profile {
      padding: 10px 4px 24px !important;
    }

    .gg-insta-card {
      padding: 22px 16px 26px !important;
      border-radius: 12px !important;
    }

    .gg-insta-header {
      grid-template-columns: 96px minmax(0, 1fr) !important;
      gap: 16px !important;
      align-items: start !important;
      margin-bottom: 26px !important;
    }

    .gg-insta-avatar {
      width: 88px !important;
      height: 88px !important;
    }

    .gg-insta-topline {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 8px !important;
      margin-bottom: 15px !important;
    }

    .gg-insta-username {
      width: 100% !important;
      max-width: 100% !important;
      font-size: 13px !important;
    }

    .gg-insta-buttons {
      display: flex !important;
      width: 100% !important;
      gap: 7px !important;
    }

    .gg-insta-button {
      height: 28px !important;
      padding: 0 10px !important;
      font-size: 10px !important;
    }

    .gg-insta-stats {
      gap: 14px !important;
      margin-bottom: 16px !important;
    }

    .gg-insta-stat {
      font-size: 10px !important;
    }

    .gg-insta-stat strong {
      font-size: 13px !important;
    }

    .gg-insta-bio p {
      font-size: 11.5px !important;
      line-height: 1.55 !important;
    }

    .gg-insta-highlights {
      justify-content: flex-start !important;
      gap: 16px !important;
      padding-bottom: 24px !important;
      margin-bottom: 24px !important;
    }

    .gg-insta-highlight {
      width: 62px !important;
    }

    .gg-highlight-circle {
      width: 56px !important;
      height: 56px !important;
    }

    .gg-insta-tabs {
      gap: 32px !important;
      margin-bottom: 22px !important;
    }

    .gg-insta-tab {
      font-size: 10px !important;
      letter-spacing: 0.10em !important;
    }

    .gg-insta-tab-icon {
      width: 13px !important;
      height: 13px !important;
    }

    .gg-insta-grid {
      gap: 8px !important;
      max-height: 400px !important;
    }

    .gg-insta-signature {
      text-align: left !important;
    }

    .gg-insta-xoxo {
      font-size: 31px !important;
    }
  }
</style>

<div class="gg-insta-profile">

  <div class="gg-insta-card">

    <div class="gg-insta-header">
      <div class="gg-insta-avatar">
        <div class="gg-insta-avatar-inner">
          <img src="[LINK_DO_AVATARU]" alt="avatar" />
        </div>
      </div>

      <div class="gg-insta-info">

        <div class="gg-insta-topline">
          <h2 class="gg-insta-username">@[NAZWA_UZYTKOWNIKA_Z_MAŁPĄ]</h2>

          <div class="gg-insta-buttons">
            <a href="[LINK_PRZYCISKU_FOLLOW]" class="gg-insta-button">Follow</a>
            <a href="[LINK_PRZYCISKU_MESSAGE]" class="gg-insta-button secondary">Send a message</a>
          </div>
        </div>

        <div class="gg-insta-stats">
          <span class="gg-insta-stat"><strong>[LICZBA_POSTOW]</strong>posts</span>
          <span class="gg-insta-stat"><strong>[LICZBA_OBSERWUJACYCH]</strong>followers</span>
          <span class="gg-insta-stat"><strong>[LICZBA_OBSERWOWANYCH]</strong>following</span>
        </div>

        <div class="gg-insta-bio">
          <span class="gg-insta-name">[I_NAZWISKO_LUB_NAZWA_PROFILU]</span>
          <p>
            [PIERWSZA_LINIJKA_OPISU]<br />
            [DRUGA_LINIJKA_OPISU]<br />
            <a href="[LINK_W_BIO]">[TEKST_LINKU_LUB_HASHTAG]</a>
          </p>
        </div>

      </div>
    </div>

    <div class="gg-insta-highlights">

      <div class="gg-insta-highlight">
        <span class="gg-highlight-circle">
          <span class="gg-highlight-inner">
            <img src="[LINK_DO_OKLADKI_STORY_1]" alt="highlight" />
          </span>
        </span>
        <span>[NAZWA_STORY_1]</span>
      </div>

      <div class="gg-insta-highlight">
        <span class="gg-highlight-circle">
          <span class="gg-highlight-inner">
            <img src="[LINK_DO_OKLADKI_STORY_2]" alt="highlight" />
          </span>
        </span>
        <span>[NAZWA_STORY_2]</span>
      </div>

      <div class="gg-insta-highlight">
        <span class="gg-highlight-circle">
          <span class="gg-highlight-inner">
            <img src="[LINK_DO_OKLADKI_STORY_3]" alt="highlight" />
          </span>
        </span>
        <span>[NAZWA_STORY_3]</span>
      </div>

      <div class="gg-insta-highlight">
        <span class="gg-highlight-circle">
          <span class="gg-highlight-inner">
            <img src="[LINK_DO_OKLADKI_STORY_4]" alt="highlight" />
          </span>
        </span>
        <span>[NAZWA_STORY_4]</span>
      </div>

      <div class="gg-insta-highlight">
        <span class="gg-highlight-circle">
          <span class="gg-highlight-inner">
            <img src="[LINK_DO_OKLADKI_STORY_5]" alt="highlight" />
          </span>
        </span>
        <span>[NAZWA_STORY_5]</span>
      </div>

    </div>

    <div class="gg-insta-tabs">
      <span class="gg-insta-tab active">
        <span class="gg-insta-tab-icon">
          <svg viewBox="0 0 24 24">
            <rect x="3" y="3" width="18" height="18" rx="1" />
            <line x1="9" y1="3" x2="9" y2="21" />
            <line x1="15" y1="3" x2="15" y2="21" />
            <line x1="3" y1="9" x2="21" y2="9" />
            <line x1="3" y1="15" x2="21" y2="15" />
          </svg>
        </span> 
        posts
      </span>
      
      <span class="gg-insta-tab">
        <span class="gg-insta-tab-icon">
          <svg viewBox="0 0 24 24">
            <rect x="3" y="3" width="18" height="18" rx="4" />
            <path d="M3 9h18" />
            <path d="M8 3v6M16 3v6" />
            <polygon class="fill-target" points="10,12 15,15 10,18" />
          </svg>
        </span> 
        reels
      </span>
      
      <span class="gg-insta-tab">
        <span class="gg-insta-tab-icon">
          <svg viewBox="0 0 24 24">
            <rect x="3" y="3" width="18" height="18" rx="3" />
            <circle cx="12" cy="10" r="3" />
            <path d="M6 19c0-2.5 2.5-4.5 6-4.5s6 2 6 4.5" />
          </svg>
        </span> 
        tagged
      </span>
    </div>

    <div class="gg-insta-grid">
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_1]" alt="post" /></div>
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_2]" alt="post" /></div>
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_3]" alt="post" /></div>

      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_4]" alt="post" /></div>
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_5]" alt="post" /></div>
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_6]" alt="post" /></div>

      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_7]" alt="post" /></div>
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_8]" alt="post" /></div>
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_9]" alt="post" /></div>
      
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_10]" alt="post" /></div>
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_11]" alt="post" /></div>
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_12]" alt="post" /></div>

      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_13]" alt="post" /></div>
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_14]" alt="post" /></div>
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_15]" alt="post" /></div>
      
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_16]" alt="post" /></div>
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_17]" alt="post" /></div>
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_18]" alt="post" /></div>

      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_19]" alt="post" /></div>
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_20]" alt="post" /></div>
      <div class="gg-insta-photo"><img src="[LINK_DO_ZDJECIA_21]" alt="post" /></div>
    </div>

    <div class="gg-insta-signature">
      <span class="gg-insta-xoxo">xoxo, Gossip Girl</span>
      <span class="gg-insta-small">every picture has a secret</span>
    </div>

  </div>

</div>
gossipgirl.net

STRONY

Hello followers

Hello, followers!

Most followed, spotted, latest tea

Most Followed

Now Spotted

Latest Tea

Kiss on a lips party

New posts, lastest GG post

New Posts

Latest GG Post

Nowe powiadomienie

instagram

@instagramowa_nazwa
