A Pen by Duc Nguyen on CodePen.
edwardsprog
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="play-btn"> | |
| <a href="#"> | |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26"> | |
| <polygon class="play-btn__svg" points="9.33 6.69 9.33 19.39 19.3 13.04 9.33 6.69"/> | |
| <path class="play-btn__svg" d="M26,13A13,13,0,1,1,13,0,13,13,0,0,1,26,13ZM13,2.18A10.89,10.89,0,1,0,23.84,13.06,10.89,10.89,0,0,0,13,2.18Z"/> | |
| </svg> | |
| </a> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="app"> | |
| <section class="hero is-primary is-medium"> | |
| <router-view></router-view> | |
| <div class="hero-foot"> | |
| <div class="columns is-mobile"> | |
| <div v-for="movieChoice in movieChoices" class="column"> | |
| <router-link :to="`/${movieChoice.id}`" tag="li" class="movie-choice"> | |
| <i :class="[{ 'fa fa-check-circle favorite-check': movieChoice.favorite }]" aria-hidden="true"></i> | |
| <img :src="`${movieChoice.smallImgSrc}`" class="desktop"/> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="wrapper"> | |
| <div class="notifications"> | |
| <div class="notifications__item"> | |
| <div class="notifications__item__avatar"> | |
| <img src="https://github.com/Flat-Pixels/Notifications-card-animation/raw/master/img/avatar_1.jpg" /> | |
| </div> | |
| <div class="notifications__item__content"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="kaurukavideo"> | |
| <div class='vi-on' data-embed='' data-thum=''></div> | |
| <div class="servideo"> | |
| <span class="change-video c-aktif" data-embed="https://acefile.co/player/100271482">AceFile</span> | |
| <span class="change-video" data-embed="https://krakenfiles.com/embed-video/5c6QV6nR5f">Krakenfiles</span> | |
| <span class="change-video" data-embed="https://mega.nz/embed/G7IXSA4R#RBpi4GmRA7uS_OkKXmRtksUqP5R0T2uPJVpl7YfIDIQ">MEGA</span> | |
| <span class="change-video" data-embed="https://www.youtube.com/embed/U7W8QR9fsFw">YouTube</span> | |
| </div> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html dir='ltr' lang='en'> | |
| <head> | |
| <title>Pop Links</title> | |
| <meta charset='UTF-8'/> | |
| <meta content='width=device-width,initial-scale=1' name='viewport'/> | |
| <meta content='IE=edge' http-equiv='X-UA-Compatible'/> | |
| <link href='#' rel='icon' sizes='32x32' type='image/png'/> | |
| <link href='#' rel='icon' sizes='96x96' type='image/png'/> |
edwardsprog
/ blank-blogger-template-layout-version-3.markdown
Created
February 11, 2025 15:06
Blank Blogger Template (Layout Version 3)
Basic blogger template layout with layout version 3 and widget version 2
A Pen by Muhammed Fasil K on CodePen.
A Pen by George Mironidis on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- #CodePenChallenge: Reflections --> | |
| <div class="top"> | |
| <div class="columns"> | |
| <div class="column is-full featured_wrapper p-0"> | |
| <img src="https://www.shorturl.at/jnoAK" class="featured"> | |
| <div class="title_wrapper"> | |
| <span class="has-text-white">Trending Today</span> | |
| <h1 class="title is-1 has-text-white">The Untold Story of the great Lorem Ipsum</h1> | |
| <button class="button is-medium">Watch It Now</button> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a class="link" href="https://codepen.io/simoberny/pen/qxxOqj" target="_blank">Dark Version</a> | |
| <div class="movie_card" id="bright"> | |
| <div class="info_section"> | |
| <div class="movie_header"> | |
| <img class="locandina" src="https://movieplayer.net-cdn.it/t/images/2017/12/20/bright_jpg_191x283_crop_q85.jpg"/> | |
| <h1>Bright</h1> | |
| <h4>2017, David Ayer</h4> | |
| <span class="minutes">117 min</span> | |
| <p class="type">Action, Crime, Fantasy</p> | |
| </div> |