|
|
| Line 40: |
Line 40: |
| | </hgroup> | | </hgroup> |
| | <div class="row"> | | <div class="row"> |
| − | <div class="col-lg-4 col-md-6 tooltip__neo tooltip--indis" data-type="indis"> | + | <div class="col-lg-4 col-md-6 justify-content-center"> |
| − | <div class="tooltip__trigger" role="tooltip" aria-describedby="info-indis"> | + | <div class="tooltip__neo tooltip--indis" data-type="indis"> |
| − | <a href="#" class="tilter"> | + | <div class="tooltip__trigger" role="tooltip" aria-describedby="info-indis"> |
| − | <figure class="tilter__figure">
| + | <a href="#" class="tilter"> |
| − | <img class="tilter__image" src="/New Teens Ghost/images/img/1.jpg" alt="img01" /> | + | <figure class="tilter__figure"> |
| − | <div class="tilter__deco tilter__deco--shine"> | + | <img class="tilter__image" src="/New Teens Ghost/images/img/1.jpg" |
| − | | + | alt="img01" /> |
| − | </div>
| + | <div class="tilter__deco tilter__deco--shine"> |
| − | <figcaption class="tilter__caption">
| + | |
| − | <h3 class="tilter__title">Tanya Bondesta</h3>
| + | </div> |
| − | <p class="tilter__description">Toronto</p> | + | <figcaption class="tilter__caption"> |
| − | </figcaption>
| + | <h3 class="tilter__title">Tanya Bondesta</h3> |
| − | <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
| + | <p class="tilter__description">Toronto</p> |
| − | <path d="M20.5,20.5h260v375h-260V20.5z" /> | + | </figcaption> |
| − | </svg> | + | <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415"> |
| − | </figure> | + | <path d="M20.5,20.5h260v375h-260V20.5z" / > |
| − | </a> | + | </svg> |
| | + | </figure> |
| | + | </a> |
| | + | </div> |
| | + | <div class="tooltip__base"> |
| | + | <svg class="tooltip__shape" width="100%" height="100%" viewBox="0 0 400 300"> |
| | + | <path |
| | + | d="M 44.5,24 C 138,4.47 246,-6.47 356,24 367,26.9 376,32.9 376,44 L 376,256 C 376,267 367,279 356,276 231,240 168,241 44.5,276 33.8,279 24.5,267 24.5,256 L 24.5,44 C 24.5,32.9 33.6,26.3 44.5,24 Z" /> |
| | + | </svg> |
| | + | <div class="tooltip__content" id="info-indis">Logic will get you from A to Z; |
| | + | imagination |
| | + | will get you everywhere.</div> |
| | + | </div> |
| | </div> | | </div> |
| − | <div class="tooltip__base">
| |
| − | <svg class="tooltip__shape" width="100%" height="100%" viewBox="0 0 400 300">
| |
| − | <path
| |
| − | d="M 44.5,24 C 138,4.47 246,-6.47 356,24 367,26.9 376,32.9 376,44 L 376,256 C 376,267 367,279 356,276 231,240 168,241 44.5,276 33.8,279 24.5,267 24.5,256 L 24.5,44 C 24.5,32.9 33.6,26.3 44.5,24 Z" />
| |
| − | </svg>
| |
| − | <div class="tooltip__content" id="info-indis">Logic will get you from A to Z; imagination
| |
| − | will get you everywhere.</div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="col-lg-4 col-md-6 tiltBox">
| |
| − | <a href="#" class="tilter">
| |
| − | <figure class="tilter__figure">
| |
| − | <img class="tilter__image" src="/New Teens Ghost/images/img/1.jpg" alt="img02" />
| |
| − | <div class="tilter__deco tilter__deco--shine">
| |
| − | <div></div>
| |
| − | </div>
| |
| − | <figcaption class="tilter__caption">
| |
| − | <h3 class="tilter__title">Walter Anderson</h3>
| |
| − | <p class="tilter__description">Stockholm</p>
| |
| − | </figcaption>
| |
| − | <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
| |
| − | <path d="M20.5,20.5h260v375h-260V20.5z" />
| |
| − | </svg>
| |
| − | </figure>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="col-lg-4 col-md-6 tiltBox">
| |
| − | <a href="#" class="tilter">
| |
| − | <figure class="tilter__figure">
| |
| − | <img class="tilter__image" src="/New Teens Ghost/images/img/1.jpg" alt="img01" />
| |
| − | <div class="tilter__deco tilter__deco--shine">
| |
| − | <div></div>
| |
| − | </div>
| |
| − | <figcaption class="tilter__caption">
| |
| − | <h3 class="tilter__title">Tanya Bondesta</h3>
| |
| − | <p class="tilter__description">Toronto</p>
| |
| − | </figcaption>
| |
| − | <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
| |
| − | <path d="M20.5,20.5h260v375h-260V20.5z" />
| |
| − | </svg>
| |
| − | </figure>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="col-lg-4 col-md-6 tiltBox">
| |
| − | <a href="#" class="tilter">
| |
| − | <figure class="tilter__figure">
| |
| − | <img class="tilter__image" src="/New Teens Ghost/images/img/1.jpg" alt="img02" />
| |
| − | <div class="tilter__deco tilter__deco--shine">
| |
| − | <div></div>
| |
| − | </div>
| |
| − | <figcaption class="tilter__caption">
| |
| − | <h3 class="tilter__title">Walter Anderson</h3>
| |
| − | <p class="tilter__description">Stockholm</p>
| |
| − | </figcaption>
| |
| − | <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
| |
| − | <path d="M20.5,20.5h260v375h-260V20.5z" />
| |
| − | </svg>
| |
| − | </figure>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="col-lg-4 col-md-6 tiltBox">
| |
| − | <a href="#" class="tilter">
| |
| − | <figure class="tilter__figure">
| |
| − | <img class="tilter__image" src="/New Teens Ghost/images/img/2.jpg"" alt=" img01" />
| |
| − | <div class="tilter__deco tilter__deco--shine">
| |
| − | <div></div>
| |
| − | </div>
| |
| − | <figcaption class="tilter__caption">
| |
| − | <h3 class="tilter__title">Tanya Bondesta</h3>
| |
| − | <p class="tilter__description">Toronto</p>
| |
| − | </figcaption>
| |
| − | <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
| |
| − | <path d="M20.5,20.5h260v375h-260V20.5z" />
| |
| − | </svg>
| |
| − | </figure>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="col-lg-4 col-md-6 tiltBox">
| |
| − | <a href="#" class="tilter">
| |
| − | <figure class="tilter__figure">
| |
| − | <img class="tilter__image" src="/New Teens Ghost/images/img/4.jpg" alt="img02" />
| |
| − | <div class="tilter__deco tilter__deco--shine">
| |
| − | <div></div>
| |
| − | </div>
| |
| − | <figcaption class="tilter__caption">
| |
| − | <h3 class="tilter__title">Walter Anderson</h3>
| |
| − | <p class="tilter__description">Stockholm</p>
| |
| − | </figcaption>
| |
| − | <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
| |
| − | <path d="M20.5,20.5h260v375h-260V20.5z" />
| |
| − | </svg>
| |
| − | </figure>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="col-lg-4 col-md-6 tiltBox">
| |
| − | <a href="#" class="tilter">
| |
| − | <figure class="tilter__figure">
| |
| − | <img class="tilter__image" src="/New Teens Ghost/images/img/5.jpg" alt="img01" />
| |
| − | <div class="tilter__deco tilter__deco--shine">
| |
| − | <div></div>
| |
| − | </div>
| |
| − | <figcaption class="tilter__caption">
| |
| − | <h3 class="tilter__title">Tanya Bondesta</h3>
| |
| − | <p class="tilter__description">Toronto</p>
| |
| − | </figcaption>
| |
| − | <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
| |
| − | <path d="M20.5,20.5h260v375h-260V20.5z" />
| |
| − | </svg>
| |
| − | </figure>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="col-lg-4 col-md-6 tiltBox">
| |
| − | <a href="#" class="tilter">
| |
| − | <figure class="tilter__figure">
| |
| − | <img class="tilter__image" src="/New Teens Ghost/images/img/6.jpg" alt="img01" />
| |
| − | <div class="tilter__deco tilter__deco--shine">
| |
| − | <div></div>
| |
| − | </div>
| |
| − | <figcaption class="tilter__caption">
| |
| − | <h3 class="tilter__title">Tanya Bondesta</h3>
| |
| − | <p class="tilter__description">Toronto</p>
| |
| − | </figcaption>
| |
| − | <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
| |
| − | <path d="M20.5,20.5h260v375h-260V20.5z" />
| |
| − | </svg>
| |
| − | </figure>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="col-lg-4 col-md-6 tiltBox">
| |
| − | <a href="#" class="tilter">
| |
| − | <figure class="tilter__figure">
| |
| − | <img class="tilter__image" src="/New Teens Ghost/images/img/7.jpg" alt="img02" />
| |
| − | <div class="tilter__deco tilter__deco--shine">
| |
| − | <div></div>
| |
| − | </div>
| |
| − | <figcaption class="tilter__caption">
| |
| − | <h3 class="tilter__title">Walter Anderson</h3>
| |
| − | <p class="tilter__description">Stockholm</p>
| |
| − | </figcaption>
| |
| − | <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
| |
| − | <path d="M20.5,20.5h260v375h-260V20.5z" />
| |
| − | </svg>
| |
| − | </figure>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="col-lg-4 col-md-6 tiltBox">
| |
| − | <a href="#" class="tilter">
| |
| − | <figure class="tilter__figure">
| |
| − | <img class="tilter__image" src="/New Teens Ghost/images/img/8.jpg" alt="img01" />
| |
| − | <div class="tilter__deco tilter__deco--shine">
| |
| − | <div></div>
| |
| − | </div>
| |
| − | <figcaption class="tilter__caption">
| |
| − | <h3 class="tilter__title">Tanya Bondesta</h3>
| |
| − | <p class="tilter__description">Toronto</p>
| |
| − | </figcaption>
| |
| − | <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
| |
| − | <path d="M20.5,20.5h260v375h-260V20.5z" />
| |
| − | </svg>
| |
| − | </figure>
| |
| − | </a>
| |
| | </div> | | </div> |
| | </div> | | </div> |
