Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <!--Rules:
- You may
- -frankenstein with other codes (as long as the creator of said code allows it)
- -edit/change as much as you need (example: making character codes into user codes, vice-versa)
- You may not
- -Redistribute, resell, and/or claim its yours
- -Remove credit (you're allowed to move & edit it though, just keep it visible)
- Misc Notes:
- -When editing, remember to turn WYSIWYG off! My codes may break otherwise
- -Some basic html knowledge is recommended for editing
- -->
- <div class="container" style="max-width:950px;">
- <!--Card-->
- <div class="card bg-faded rounded-0 border-0 mt-4" style="
- margin-left:auto;
- margin-right:auto;">
- <!--header-->
- <a href="#">
- <h3 class="card-header border-0" style="border-radius:0px">
- Title <i class='fas fa-pen-alt' style="float:right"></i>
- </h3>
- </a>
- <!--end header-->
- <div class="row no-gutters">
- <!--image-->
- <div class="col-sm-12 col-md-4 col-lg-3">
- <div class="card rounded-0 border-0" style="
- height:180px;
- background-image:url(https://images.unsplash.com/photo-1539001450225-ccbfe415549c?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80);
- background-position:center;
- background-size:600px;
- background-repeat:no-repeat">
- <!--image credit-->
- <a href="https://unsplash.com/photos/OWk9rDaakJ0" class="text-white" style="position:absolute; bottom:3px; left:5px;" data-toggle="tooltip" title="img - blancneige"><i class="fas fa-image"></i> </a>
- </div>
- </div>
- <!--end image-->
- <!--info-->
- <div class="col-sm-12 col-md-8 col-lg-9">
- <div class="card-body p-3 table-responsive" style="max-height:180px">
- <p>If you have a lot of info, this box will scroll!</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit fringilla dapibus. Sed et porta diam. Curabitur ornare libero auctor tortor dapibus, sed commodo risus viverra. Donec mollis sem non eros pellentesque ullamcorper. Mauris metus est, accumsan nec leo sit amet, tempus egestas dolor. Praesent imperdiet, tellus a hendrerit dapibus, velit elit gravida turpis, vel auctor ligula turpis vel orci. Maecenas elit metus, lacinia eget pharetra a, eleifend in lorem. </p>
- </div>
- </div>
- <!--end info-->
- <!--footer / tag section
- if you don't need/want this, delete this section-->
- </div>
- <div class="card-footer border-0" style="border-radius:0px;text-align:center">
- <span class="badge badge-pill badge-danger">CW or Rating</span>
- <span class="badge badge-pill badge-primary">Genre Tag</span>
- <span class="badge badge-pill badge-primary">Story tag</span>
- <span class="badge badge-pill badge-primary">TBH these can be whatever you want</span>
- </div>
- <!--end footer/tag section-->
- </div>
- <!--end card-->
- <!--Credit. You may move it, but please do not delete/remove-->
- <p style="text-align:right">HTML by <a href="https://toyhou.se/10126066"><i class='fad fa-heart'></i> Jade-Everstone</a></p>
- </div>
Add Comment
Please, Sign In to add comment
