- <div class="container-fluid px-0" style="max-width: 1250px;">
- <div class="row">
- <div class="col-12 mb-4">
- <!------------ TOP BANNER PATTERN ------------------------------>
- <div style="background: url(https://i.imgur.com/4LWwYU2.jpg) fixed;" class="card rounded-0 border-0 py-5">
- <!---------- TITLE BLOCK ----------------------------------->
<i class="fas fa-crown fa-2x" /> </div>
- <div class="col-md-8 col-9 d-block mx-auto my-auto text-center p-1 bg-light" style="filter:opacity(85%);">
- <h1 class="display-1 text-dark" style="letter-spacing:1px;">Angel River</h1>
- </div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-lg-9 col-md-8">
- <div class="row">
- <div class="col-lg-1 push-lg-11 pl-lg-0">
- <ul class="nav row mx-0 text-lg-left text-center">
- <!----------------- NAVIGATION BUTTONS --------------------------------------------------------->
- <li class="nav-item col-lg-12 col-2 px-0">
- <a class="nav-link active mb-4 btn btn-outline-primary rounded-0 p-2 d-inline-block tooltipster" data-toggle="tab" title="About" href="#ONE">
- <i class="fal fa-info-circle fa-2x fa-fw" /></a>
- </li>
- <li class="nav-item col-lg-12 col-2 px-0">
- <a class="nav-link mb-4 btn btn-outline-primary rounded-0 p-2 d-inline-block tooltipster" data-toggle="tab" title="Trades" href="#TWO">
- <i class="fas fa-random fa-2x fa-fw" /></a>
- </li>
- <li class="nav-item col-lg-12 col-2 px-0">
- <a class="nav-link mb-4 btn btn-outline-primary rounded-0 p-2 d-inline-block tooltipster" data-toggle="tab" title="Commissions" href="#THREE">
- <i class="fas fa-palette fa-2x fa-fw" /></a>
- </li>
- <li class="nav-item col-lg-12 col-2 px-0">
- <a class="nav-link mb-4 btn btn-outline-primary rounded-0 p-2 d-inline-block tooltipster" data-toggle="tab" title="Writing" href="#FOUR">
- <i class="fas fa-pen-alt fa-2x fa-fw" /></a>
- </li>
- <li class="nav-item col-lg-12 col-2 px-0">
- <a class="nav-link mb-4 btn btn-outline-primary rounded-0 p-2 d-inline-block tooltipster" data-toggle="tab" title="Featured" href="#FIVE">
- <i class="fas fa-heart fa-2x fa-fw" /></a>
- </li>
- <li class="nav-item col-lg-12 col-2 px-0">
- <a class="nav-link mb-4 btn btn-outline-primary rounded-0 p-2 d-inline-block tooltipster" data-toggle="tab" title="Links" href="#SIX">
- <i class="fal fa-link fa-2x fa-fw" /></a>
- </li>
- </ul>
- </div>
- <div class="col-lg-11 pull-lg-1 mb-4">
- <div class="tab-content" style="font-size: .9em; text-align:justify; letter-spacing:.5px;">
- <!------------------ TAB ONE -- ABOUT ---------------------------------------------------------------------->
- <div class="tab-pane show active card border-0 rounded-0 bg-faded" id="ONE">
- <div class="card-block pb-0">
- <h1 class="display-4 text-uppercase bg-primary text-white p-2 mb-0" style="letter-spacing:2px;">About</h1>
- </div>
- <div class="card-block" style="height: 460px; overflow:auto;">
- <p>Nothing much to say about me really! My name is Angel River, you can call me either ♥ </p>
- <p>I'm a huge fan of Tolkien's Middle Earth, and I have to say that the Silmarillion and the Hobbit are my absolute favourites</p>
- <!-------------------- INTERESTS ----------------------------------------------->
- <h2 class="text-uppercase text-center my-3" style="font-weight: 300; letter-spacing:1px;">Interests</h2>
- <div class="row">
- <div class="col-sm-6">
- <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Middle Earth</p>
- <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Elves</p>
- <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Skyrim</p>
- <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Violin</p>
- </div>
- <div class="col-sm-6">
- <p class="mb-2"><i class="fas fa-minus-circle fa-fw mr-1" />Lurtz</p>
- <p class="mb-2"><i class="fas fa-minus-circle fa-fw mr-1" />Denethor</p>
- <p class="mb-2"><i class="fas fa-minus-circle fa-fw mr-1" />Thranduil/Legolas and Kili/fili,, 'cause what the actual fuck</p>
- <p class="mb-2"><i class="fas fa-minus-circle fa-fw mr-1" />fanfics with awesome plots but poorly written</p>
- </div>
- </div>
- </div>
- </div>
- <!------------------ TAB TWO -- TRADES ---------------------------------------------------------------------->
- <div class="tab-pane card border-0 rounded-0 bg-faded" id="TWO">
- <div class="card-block pb-0">
- <h1 class="display-4 text-uppercase bg-primary text-white p-2 mb-0" style="letter-spacing:2px;">Trades</h1>
- </div>
- <!-------------- TRADE FOLDER LINKS ------------------------------------->
- <div class="card-block" style="height: 460px; overflow:auto;">
- <div class="d-flex justify-content-between">
- <a href="https://toyhou.se/Angelesis/characters" class="btn btn-block btn-default rounded-0 m-1">All ufs !!</a>
- <a href="https://toyhou.se/RiverAngel/favorites" class="btn btn-block btn-default rounded-0 m-1">Wishlist</a>
- </div>
- <p>All characters on my old account are up for sale !! I'm not tentative at all with these guys so feel free to have a look!</p>
- <!----------- SEEKING & NOT SEEKING ------------------------------------------------------->
- <div class="row">
- <div class="col-sm-6 mb-2">
- <h2 class="text-uppercase text-center mt-3" style="font-weight: 300; letter-spacing:1px;">Seeking</h2>
- <ul class="mb-0">
- <li class="mb-2">Elven characters</li>
- <li class="mb-2">Customs + Art</li>
- <li class="mb-2">any species really that isn't mentioned in the other list</li>
- <li class="mb-2">Mostly humanoids</li>
- </ul>
- </div>
- <div class="col-sm-6 mb-2">
- <h2 class="text-uppercase text-center mt-3" style="font-weight: 300; letter-spacing:1px;">No Thanks</h2>
- <ul class="mb-0">
- <li class="mb-2">No ferals, ponies, or anthros please ;;</li>
- <li class="mb-2">Unless they're really pretty</li>
- <li class="mb-2">offers on my characters for this account</li>
- <li class="mb-2">any offers with non hq characters, sorry,, (well, depending on which character you're pffering I guess)</li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- <!------------------ TAB THREE -- COMMISSIONS ---------------------------------------------------------------------->
- <div class="tab-pane card border-0 rounded-0 bg-faded" id="THREE">
- <div class="card-block pb-0">
- <h1 class="display-4 text-uppercase bg-primary text-white p-2 mb-0" style="letter-spacing:2px;">Commissions</h1>
- </div>
- <!---------------- PRICES & TOS LINK BUTTONS -------------------------->
- <div class="card-block" style="height: 460px; overflow:auto;">
- <div class="d-flex justify-content-between mb-2">
- <a href="LINK" class="btn btn-block btn-default rounded-0 m-1">Prices</a>
- <a href="LINK" class="btn btn-block btn-default rounded-0 m-1">T.o.S.</a>
- </div>
- <!------------ COMM STATUS ---------------------------------------->
- <div class="row text-center mb-3">
- <div class="col-sm-4 mb-1">
- <p><b class="text-uppercase text-muted">Sales</b>
- <br>Closed
- </p>
- </div>
- <div class="col-sm-4 mb-1">
- <p><b class="text-uppercase text-muted">Trades</b>
- <br>Closed
- </p>
- </div>
- <div class="col-sm-4 mb-1">
- <p><b class="text-uppercase text-muted">Requests</b>
- <br>Closed
- </p>
- </div>
- </div>
- <p>Use 200 x 200 thumbnail below to give some comm previews, then link to a full gallery of samples. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ornare interdum massa, dignissim commodo ipsum dapibus et. Nullam venenatis nunc a tortor consequat, sed efficitur risus bibendum. Integer rhoncus cursus interdum.</p>
- <!----------- USE 200 x 200 THUMBNAILS TO PREVIEW ART ------------------------------->
- <div class="row mt-3 mb-2">
- <div class="col-md-3 col-6 mb-1 text-center">
- <img src="THUMBNAIL URL" class="img-thumbnail">
- </div>
- <div class="col-md-3 col-6 mb-1 text-center">
- <img src="THUMBNAIL URL" class="img-thumbnail">
- </div>
- <div class="col-md-3 col-6 mb-1 text-center">
- <img src="THUMBNAIL URL" class="img-thumbnail">
- </div>
- <div class="col-md-3 col-6 mb-1 text-center">
- <img src="THUMBNAIL URL" class="img-thumbnail">
- </div>
- </div>
- <!--------- PUT GALLERY LINK HERE ------------------------------------------------->
- <p class="text-right"><a href="LINK" target="_BLANK">View Gallery <i class="fas fa-arrow-right ml-1" /></a></p>
- </div>
- </div>
- <!------------------ TAB FOUR -- WRITING ---------------------------------------------------------------------->
- <div class="tab-pane card border-0 rounded-0 bg-faded" id="FOUR">
- <div class="card-block pb-0">
- <h1 class="display-4 text-uppercase bg-primary text-white p-2 mb-0" style="letter-spacing:2px;">Writing</h1>
- </div>
- <div class="card-block" style="height: 460px; overflow:auto;">
- <h2 class="text-uppercase text-center" style="font-weight: 300; letter-spacing:1px;">Roleplay</h2>
- <!------------ ROLEPLAY LINK BUTTONS ------------------------------------>
- <div class="d-flex justify-content-between mb-2">
- <a href="LINK" class="btn btn-block btn-default rounded-0 m-1">Info</a>
- <a href="LINK" class="btn btn-block btn-default rounded-0 m-1">Comfort Meme</a>
- </div>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ornare interdum massa, dignissim commodo ipsum dapibus et. Nullam venenatis nunc a tortor consequat, sed efficitur risus bibendum. Integer rhoncus cursus interdum.</p>
- <h2 class="text-uppercase text-center mt-3" style="font-weight: 300; letter-spacing:1px;">Literatures</h2>
- <div class="row">
- <!------------------- LIT -------------------------------------->
- <div class="col-sm-6 mb-2">
- <a class="btn btn-default btn-block rounded-0 mb-2" href="LINK">Title</a>
- <p>You can swap this over to a "folders" section instead if you want.</p>
- </div>
- <!------------------- LIT -------------------------------------->
- <div class="col-sm-6 mb-2">
- <a class="btn btn-default btn-block rounded-0 mb-2" href="LINK">Title</a>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ornare interdum massa, dignissim commodo ipsum dapibus et.</p>
- </div>
- <!------------------- LIT -------------------------------------->
- <div class="col-sm-6 mb-2">
- <a class="btn btn-default btn-block rounded-0 mb-2" href="LINK">Title</a>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ornare interdum massa, dignissim commodo ipsum dapibus et.</p>
- </div>
- <!------------------- LIT -------------------------------------->
- <div class="col-sm-6 mb-2">
- <a class="btn btn-default btn-block rounded-0 mb-2" href="LINK">Title</a>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ornare interdum massa, dignissim commodo ipsum dapibus et.</p>
- </div>
- </div>
- </div>
- </div>
- <!------------------ TAB FIVE -- FEATURED ---------------------------------------------------------------------->
- <div class="tab-pane card border-0 rounded-0 bg-faded" id="FIVE">
- <div class="card-block pb-0">
- <h1 class="display-4 text-uppercase bg-primary text-white p-2 mb-0" style="letter-spacing:2px;">Featured</h1>
- </div>
- <div class="card-block" style="height: 460px; overflow:auto;">
- <div class="row justify-content-center mb-sm-2">
- <!------------------- CHARACTER -------------------------------------->
- <div class="col-sm-3 col-6 text-center mb-2">
- <img src="AVATAR URL" class="d-block mx-auto mb-2 rounded-circle" style="max-height: 150px;">
- <a href="LINK" class="btn btn-default rounded-0 btn-block btn-sm">Name</a>
- </div>
- <!------------------- CHARACTER -------------------------------------->
- <div class="col-sm-3 col-6 text-center mb-2">
- <img src="AVATAR URL" class="d-block mx-auto mb-2 rounded-circle" style="max-height: 150px;">
- <a href="LINK" class="btn btn-default rounded-0 btn-block btn-sm">Name</a>
- </div>
- <!------------------- CHARACTER -------------------------------------->
- <div class="col-sm-3 col-6 text-center mb-2">
- <img src="AVATAR URL" class="d-block mx-auto mb-2 rounded-circle" style="max-height: 150px;">
- <a href="LINK" class="btn btn-default rounded-0 btn-block btn-sm">Name</a>
- </div>
- </div>
- <div class="row justify-content-center">
- <!------------------- CHARACTER -------------------------------------->
- <div class="col-sm-3 col-6 text-center mb-2">
- <img src="AVATAR URL" class="d-block mx-auto mb-2 rounded-circle" style="max-height: 150px;">
- <a href="LINK" class="btn btn-default rounded-0 btn-block btn-sm">Name</a>
- </div>
- <!------------------- CHARACTER -------------------------------------->
- <div class="col-sm-3 col-6 text-center mb-2">
- <img src="AVATAR URL" class="d-block mx-auto mb-2 rounded-circle" style="max-height: 150px;">
- <a href="LINK" class="btn btn-default rounded-0 btn-block btn-sm">Name</a>
- </div>
- <!------------------- CHARACTER -------------------------------------->
- <div class="col-sm-3 col-6 text-center mb-2">
- <img src="AVATAR URL" class="d-block mx-auto mb-2 rounded-circle" style="max-height: 150px;">
- <a href="LINK" class="btn btn-default rounded-0 btn-block btn-sm">Name</a>
- </div>
- </div>
- </div>
- </div>
- <!------------------ TAB SIX -- LINNKS ---------------------------------------------------------------------->
- <div class="tab-pane card border-0 rounded-0 bg-faded" id="SIX">
- <div class="card-block pb-0">
- <h1 class="display-4 text-uppercase bg-primary text-white p-2 mb-0" style="letter-spacing:2px;">Links</h1>
- </div>
- <div class="card-block" style="height: 460px; overflow:auto;">
- <h2 class="text-uppercase text-center mt-3" style="font-weight: 300; letter-spacing:1px;">Social</h2>
- <!--------- SOCIAL MEDIA LINKS CONTAINER -- IF YOU HAVE MORE THAN FIVE LINKS, MAKE A NEW CONTAINER ----->
- <div class="d-flex justify-content-between px-md-4 px-sm-2 px-1 text-center my-3" style="letter-spacing:1px;">
- <div>
- <a href="LINK" class="btn btn-outline-primary rounded-0" target="_BLANK"><i class="fab fa-twitter fa-fw fa-2x" /></a>
- <br>Twitter
- </div>
- <div>
- <a href="LINK" class="btn btn-outline-primary rounded-0" target="_BLANK"><i class="fab fa-tumblr fa-fw fa-2x" /></a>
- <br>Tumblr
- </div>
- <div>
- <a href="LINK" class="btn btn-outline-primary rounded-0" target="_BLANK"><i class="fab fa-deviantart fa-fw fa-2x" /></a>
- <br>Deviantart
- </div>
- <div>
- <a href="LINK" class="btn btn-outline-primary rounded-0" target="_BLANK"><i class="fas fa-paw fa-fw fa-2x" /></a>
- <br>Furaffinity
- </div>
- <div>
- <span class="btn btn-outline-primary rounded-0"><i class="fab fa-discord fa-fw fa-2x primary" /></span>
- <br>####name
- </div>
- </div>
- <h2 class="text-uppercase text-center mt-4" style="font-weight: 300; letter-spacing:1px;">Friends</h2>
- <!--------------- FRIENDS -- SET TO THEIR AVATAR & LINK THEM -- FILL NAME IN THE TITLE SECTION-------->
- <div class="row justify-content-center mt-3">
- <!-------------- FRIEND ------------------------------------>
- <div class="col mb-2 text-center">
- <a href="LINK">
- <img src="AVATAR URL" style="max-height: 75px; max-width: 75px;" class="tooltipster" title="friend name">
- </a>
- </div>
- <!-------------- FRIEND ------------------------------------>
- <div class="col mb-2 text-center">
- <a href="LINK">
- <img src="AVATAR URL" style="max-height: 75px; max-width: 75px;" class="tooltipster" title="friend name">
- </a>
- </div>
- <!-------------- FRIEND ------------------------------------>
- <div class="col mb-2 text-center">
- <a href="LINK">
- <img src="AVATAR URL" style="max-height: 75px; max-width: 75px;" class="tooltipster" title="friend name">
- </a>
- </div>
- <!-------------- FRIEND ------------------------------------>
- <div class="col mb-2 text-center">
- <a href="LINK">
- <img src="AVATAR URL" style="max-height: 75px; max-width: 75px;" class="tooltipster" title="friend name">
- </a>
- </div>
- <!-------------- FRIEND ------------------------------------>
- <div class="col mb-2 text-center">
- <a href="LINK">
- <img src="AVATAR URL" style="max-height: 75px; max-width: 75px;" class="tooltipster" title="friend name">
- </a>
- </div>
- <!-------------- FRIEND ------------------------------------>
- <div class="col mb-2 text-center">
- <a href="LINK">
- <img src="AVATAR URL" style="max-height: 75px; max-width: 75px;" class="tooltipster" title="friend name">
- </a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-lg-3 col-md-4 pl-md-0 mb-4">
- <!--------------- SIDE IMAGE ---- FOCUS WILL BE IN TOP CENTER ---------- WILL SCALE WITH SCREENSIZE ------------------->
- <div style="background: url(https://i.pinimg.com/564x/97/9f/73/979f73e632de39631a02042564fb6e93.jpg); background-repeat: no-repeat; background-size:cover; background-position: top center; min-height:480px;" class="card-block p-0 h-100" >
- </div>
- </div>
- </div>
- <p class="text-right mt-2">
- <a href="/lowkeywicked" target="_BLANK" class="btn btn-outline-primary btn-sm rounded-0"><i class="fas fa-code" /></a>
- </p>
- </div>
Latest Bulletin
like, literally all of them. I've moved my favourites to another account and i need all of these ones GONE
Any offers are okay, i'm really desperate to get rid of everything
Comments