Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- WHATS UP MICROWAVE NATION IM BACK INTO CODERS QUARTERS FINALLY!!!!!! BASED
- anyways just a simple little code idea i had for the holidays ^_^ i hope u like it!
- -->
- <div class="col-12 mx-auto">
- <div class="col-md-6 col-sm-12 mx-auto">
- <div class="rounded-circle bg-faded col-md-3 col-sm-12 p-3 mx-auto align-items-center justify-content-center" style="height: 120px">
- <!-- this is.............. the same thing as normal i will not explain it again just remove the "fmh5Pynr140" from the embed and have fun putting the song u want in -->
- <span style="">
- <iframe class="flex-fill"
- style="height: 2em; width: 2em; opacity: .01; position: absolute; margin-top: 6px; z-index: 1" frameborder="0"
- allow="encrypted-media; gyroscope; picture-in-picture; accelerometer"
- allowfullscreen
- src="https://www.youtube.com/embed/fmh5Pynr140"></iframe>
- <i class="fas fa-play fa-3x mt-1"></i></span>
- </div>
- <div class="col-md-10 col-sm-12 mx-auto bg-faded p-3" style="margin-top: -50px; z-index: -1;">
- <div class="mt-5" style="text-align: center">
- <!-- name of song-->
- <p class="text-muted">
- <em>#sawg - odaxelagnia (Wan Bushi remix)</em>
- </p>
- </div>
- </div>
- <div class="col-md-10 col-sm-12 mx-auto bg-faded">
- <div style="text-align: center;">
- <a class="btn" data-bs-toggle="collapse" data-toggle="collapse" href="#toppy" aria-expanded="false" aria-controls="toppy" style="cursor: pointer">
- <i class="fas fa-caret-down fa-2x"></i>
- </a>
- </div>
- <div class="collapse" id="toppy">
- <div class="p-3">
- <div class="row no-gutters">
- <!-- profile picture. base icon is from pix and bit -->
- <div class="col-md-6 col-sm-12" style="background-image: url(https://pixandbit.neocities.org/pixbit/pixavatar.png); background-repeat: no-repeat; background-size: cover">
- </div>
- <div class="col-md-5 col-sm-12 ml-md-4 ml-md-0">
- <!-- name -->
- <div class="justify-content-between">
- <p style="font-weight: 800">NAME:</p>
- <p>lorem ipsum</p>
- </div>
- <!-- age -->
- <div class="justify-content-between">
- <p style="font-weight: 800">AGE:</p>
- <p>450</p>
- </div>
- <!-- gender -->
- <div class="justify-content-between">
- <p style="font-weight: 800">GENDER:</p>
- <p>agender</p>
- </div>
- <!-- pro-nouns -->
- <div class="justify-content-between">
- <p style="font-weight: 800">PRONOUNS:</p>
- <p>they/it</p>
- </div>
- <!-- pro-nouns -->
- <div class="justify-content-between">
- <p style="font-weight: 800">BIRTHDAY:</p>
- <p>??/??/1500</p>
- </div>
- <!-- end of basic info-->
- </div>
- <!-- QUOTE -->
- <div class="col-12 card rounded-0 border-0 p-3 text-muted mt-2" style="font-weight: 300">
- <em>
- WHEN LIFE GIVES ME LEMONS, I MAKE BEEF STEW!
- </em>
- </div>
- <!-- end of the collapse -->
- </div>
- </div>
- <!-- end 2 -->
- </div>
- </div>
- <!-- end fr dont remove the creit -->
- <div class="col-md-10 mx-auto col-sm-12">
- <a href="/micro-wave">
- <i class="fas fa-microwave"></i>
- </a>
- </div>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment