HELLO, FOLLOWERS!

Gossip Girl here.

Your one and only source for the truth behind the scandalous lives of New York's elite. Been a minute. Did you miss me? I know I've missed you. Though you're probably going to wish I'd stayed away when I'm done. Because I can see you. The real you. The one hiding just outside the edge of frame. Well, it's time to reframe that picture. And who am I? That's one secret I'll never tell.

You know you love me
xoxo
. . .

MOST FOLLOWED

now
spotted:
Little Secret
Ho-ho-hoe! Merry Christmas, R! Been a good girl this year? Judging by the little surprise you’ve cooked up for K, I’d say not exactly. But who knows? Maybe Santa’s feeling generous enough to leave that one thing you’ve been wishing for under the tree. Still, I can’t help but wonder... did you really think this plan through? You see, I’ve always believed in one simple rule: if I can’t have it, no one else can either. So, Little Secret, are you truly ready to become... a Big Reveal? Did you really consider how this might end for you? No matter. I’m more than happy to find out.

You can't hide from me
xoxo

insta
set up

.
https://www.gossipgirl.net/instagram-szablon

Czy w tych czasach naprawdę można obejść się bez instagrama? Głupie pytanie. Ominęłoby mnie wtedy tyle wspaniałych rzeczy, blond Billie czy słodka buzia Aire. W każdym razie, jeśli planujesz sobie założyć nowe konto, a nie wiesz dokładnie, jakie zastosować ustawienia, przychodzę Ci z pomocą! Poniżej znajdziesz odpowiedni kod, który możesz przekopiować do swojego posta. Ilość wierszy można powielać nieskończoną ilość razy... jeśli naprawdę uważasz, że ktoś będzie chciał zjechać tak nisko. Albo upaść. Miłego kopiowania!


P. xoxo

    <div class="slide" data-slide="slide">

    <div class="slide-items">


      <img alt="Img 1" src="LINK DO ZDJĘCIA NA STORY 1" />

      <img alt="Img 2" src="LINK DO ZDJĘCIA NA STORY 2" />

<img alt="Img 3" src="LINK DO ZDJĘCIA NA STORY 3" />

   tutaj wstaw kod do kolejnego zdjęcia na story

      

    </div>

    

    <nav class="slide-nav">

          <div class="insta-story"><img class="img-av" src="https://i.imgur.com/6bree6i.png" /> gossip_girl</div>

      <div class="slide-thumb"></div>

      <button class="slide-prev">Previous</button>

      <button class="slide-next">Next</button>

        </nav></div>


   

<br /><br />

<center>


  <div class="gossipinstagram">


  <div class="profil">


<div class="instaikona"><img id="iik" src="LINK_DO_AVATARA"/>


       <table class="instatabela1">


         


   <tbody>


     <tr>


       <td class="instanick">instagramowa_nazwa</td> <td class="instaprzycisk1">Follow</td> <td class="instaprzycisk2"><a href="LINK_DO_KARTY">Send a message</a></td>


     </tr>


   </tbody>


   </table>


   


<table class="instatabela2">


   <tbody>


     <tr>


       <td class="liczby">313</td> <td class="liczby">885</td> <td class="liczby">34</td>


     </tr>


       <tr class="lid">


       <td class="dane">posts</td> <td class="dane">followers</td> <td class="dane">following</td>


     </tr>


   </tbody>


   </table>


    


<div class="instaopis">


   <div class="instanazwa">NAZWA UŻYTKOWNIKA</div>


     Pierwsza linijka opisu<br />


Druga linijka opisu


   </div>


    


   <div class="instastories">


     <table class="instatabela3">


         


   <tbody>


     <tr>


       <td class="stories"><img class="miniikon" src="LINK_DO_ZDJĘCIA_STORIES"/><br />


       <div class="nazwastories">nazwa01</div></td>


       


       <td class="stories"><img class="miniikon" src="LINK_DO_ZDJĘCIA_STORIES"/><br />


       <div class="nazwastories">nazwa02</div></td>


       


       <td class="stories"><img class="miniikon" src="LINK_DO_ZDJĘCIA_STORIES"/><br />


       <div class="nazwastories">nazwa03</div></td>


       


       <td class="stories"><img class="miniikon" src="LINK_DO_ZDJĘCIA_STORIES"/><br />


       <div class="nazwastories">nazwa04</div></td>


       


       <td class="stories"><img class="miniikon" src="LINK_DO_ZDJĘCIA_STORIES"/><br />


       <div class="nazwastories">nazwa05</div></td>


     </tr>


   </tbody>


   </table>


   </div>


    


  </div>


 


 


  <table class="instatabela4">


   <tbody>


     <tr>


       <td class="pusta"></td> <td class="opcje"><div class="instaposty">posts</div></td> <td class="opcje"><div class="instarolki">reels</div></td> <td class="opcje"><div class="instaoznaczone">tagged</div></td> <td class="pusta"></td>


     </tr>  


   </tbody>


   </table>


<div class="instagramposty">


   <table class="instatabela5">


   <tbody>


     <tr>


       <td class="poscik"><img class="kwadrat" src="LINK_DO_ZDJĘCIA_POSTA"/></td> <td class="poscik"><img class="kwadrat" src="LINK_DO_ZDJĘCIA_POSTA"/></td> <td class="poscik"><img class="kwadrat" src="LINK_DO_ZDJĘCIA_POSTA"/></td>


     </tr>  


     


        <tr>


       <td class="poscik"><img class="kwadrat" src="LINK_DO_ZDJĘCIA_POSTA"/></td> <td class="poscik"><img class="kwadrat" src="LINK_DO_ZDJĘCIA_POSTA"/></td> <td class="poscik"><img class="kwadrat" src="LINK_DO_ZDJĘCIA_POSTA"/></td>


     </tr> 


     


         <tr>


       <td class="poscik"><img class="kwadrat" src="LINK_DO_ZDJĘCIA_POSTA"/></td> <td class="poscik"><img class="kwadrat" src="LINK_DO_ZDJĘCIA_POSTA"/></td> <td class="poscik"><img class="kwadrat" src="LINK_DO_ZDJĘCIA_POSTA"/></td>


     </tr> 


     


         <tr>


       <td class="poscik"><img class="kwadrat" src="LINK_DO_ZDJĘCIA_POSTA"/></td> <td class="poscik"><img class="kwadrat" src="LINK_DO_ZDJĘCIA_POSTA"/></td> <td class="poscik"><img class="kwadrat" src="LINK_DO_ZDJĘCIA_POSTA"/></td>


     </tr> 


  </tbody>


   </table>


      </div>


  </div>


  </center>

    

   

<br /><br />


<script src="//pull.cappuccicons.com/cpf.js"></script> 

<style type="text/css">

  @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;500;600;700;800;900&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Square+Peg&display=swap');


.insta-story {

  display: flex;

position: absolute;

  height: 40px;

  border-radius: 20px;

  z-index: 2!important;

  top: 20px;

  left: 10px;

  font-family: 'Inter', sans-serif;

  font-weight: 600;

  font-size: 12px;

  color: #ffffff;

padding: 20px 0px 0px 65px;

}


.insta-story::after {

  content: '\ea8d';

  font-family:'cappuccicons'; 

  position: absolute;

  color: #fffafb;

  z-index: 3;

  right: -170px;

  top: 18px;

  font-size: 15px;

  transform: rotate(90deg);

}


.insta-story img {

  position: absolute;

  width: 40px!important;

  height: 40px!important;

  border: 0.5px solid #202020!important;

  border-radius: 22px!important;

  top: 10px;

  left: 10px;

  outline: none!important;

  outline-offset: 0px!important;

  padding: 0px!important;

  background: none!important;

}


.slide {

  position: relative;

  width: 330px;

  margin: 20px auto;

  display: grid;

  height: 600px;

  padding: 00px 0;

  border-radius: 30px;

  overflow: hidden;

  border: 6px solid #202020;

  outline: 1px solid #323232;

  background-color: #2b2b2b;

  box-shadow: 20px 20px 5px 0px rgba(0, 0, 0, 0.3);

}


.slide::after {

  content:'\eb04';

font-family:'cappuccicons'; 

  position: absolute;

  color: #fffafb;

  bottom: 23px;

  right: 60px;

  height: 27px;

 font-size: 22px;

  text-align: right;  

  font-weight: 400;

}


.slide::before {

   content:'\ebcc';

font-family:'cappuccicons'; 

  position: absolute;

  color: #fffafb;

 right: 25px;

   font-size: 20px;

bottom: 18.5px!important;

  font-weight: 300;

  z-index: 1;

}


.slide-items {

  position: relative!important;

  grid-area: 1/1;

  overflow: hidden;

  border: 6px solid #141414;

  border-radius: 30px;

}


.slide-items img {

  object-fit: cover!important;

    object-position: center top!important;

  height: 100%!important;

  width: 100%!important;

  border-radius: 0px!important;

  outline: 0px!impotrant;

  outline-offset: 0px!important;

  padding: 0px!important;

  background: none!important;

  border: 0px!important;

  position: relative;

  margin-bottom: 0px!important;

  

}


.slide-nav {

  grid-area: 1/1;

  z-index: 2;

  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-template-rows: auto 1fr;

}


.slide-items > * {

  position: absolute!important;

  top: 0;

  opacity: 0;

  pointer-events: none;

}


.slide-items > .active {

  position: relative!important;

  opacity: 1;

  pointer-events: initial;

}


.slide-nav button {

  -webkit-appearance: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  opacity: 0;

}


.slide-thumb {

  display: flex;

  grid-column: 1/3;

  padding: 0 15px;

}


.slide-thumb > span {

  flex: 1;

  display: block;

  height: 2px;

  background: #afafaf;

  margin: 3px;

  margin-top: 20px;

  border-radius: 3px;

  overflow: hidden;

}


.slide-thumb > span.done:after {

  content: "";

  display: block;

  height: inherit;

  background: rgba(255, 255, 255, 0.9);

  border-radius: 3px;

}


.slide-thumb > span.active:after {

  content: "";

  display: block;

  height: inherit;

  background: rgba(255, 255, 255, 0.9);

  border-radius: 3px;

  transform: translateX(-100%);

  animation: thumb 5s forwards linear;

}


@keyframes thumb {

  to {

    transform: initial;

  }

}



</style>



<script type="text/javascript">

  class SlideStories {

  constructor(id) {

    this.slide = document.querySelector(`[data-slide=${id}]`);

    this.active = 0;

    this.init();

  }


  activeSlide(index) {

    this.active = index;

    this.items.forEach((item) => {

      item.classList.remove("active");

    });

    this.items[index].classList.add("active");

    this.thumbItems.forEach((item) => {

      item.classList.remove("active");

    });

    this.thumbItems[index].classList.add("active");

    this.autoSlide();

    console.log(this.thumbItems.classList);

  }


  prev() {

    if (this.active > 0) {

      this.activeSlide(this.active - 1);

    } else {

      this.activeSlide(this.items.length - 1);

    }

  }


  next() {

    if (this.active < this.items.length - 1) {

      this.activeSlide(this.active + 1);

    } else {

      this.activeSlide(0);

    }

  }


  addNavigation() {

    const nextBtn = this.slide.querySelector(".slide-next");

    const prevBtn = this.slide.querySelector(".slide-prev");

    nextBtn.addEventListener("click", this.next);

    prevBtn.addEventListener("click", this.prev);

  }


  addThumbItems() {

    this.items.forEach(() => (this.thumb.innerHTML += `<span></span>`));

    this.thumbItems = Array.from(this.thumb.children);

  }


  autoSlide() {

    clearTimeout(this.timeout);

    this.timeout = setTimeout(this.next, 5000);

  }


  init() {

    this.next = this.next.bind(this);

    this.prev = this.prev.bind(this);

    this.items = this.slide.querySelectorAll(".slide-items > *");

    this.thumb = this.slide.querySelector(".slide-thumb");

    this.addThumbItems();

    this.activeSlide(0);

    this.addNavigation();

  }

}


new SlideStories("slide");


</script>

    

    





Img 1 Img 2 Img 3


instagramowa_nazwa Follow Send a message
313 885 34
posts followers following
Nazwa użytkownika
Pierwsza linijka opisu.
Druga linijka opisu.

nazwa01
nazwa02
nazwa03
nazwa04
nazwa05

posts
reels
tagged