Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- PLEASE SEE HERE FOR MY CODE RULES: https://toyhou.se/12931952.bonus-content/17098747.03-terms-of-service --
- Version: 1.0
- Default Colours
- -Text White: #FFFFFF
- -Border Black: #000000
- Scroll To The Bottom for every single "Find & Replace" Variable! (Feel free to move to the top when you turn this into a personal template, I just keep it at the bottom for organisation.)
- Thank you for reading!
- Crispin
- -->
- <!-- Start Bedroom Image -->
- <div class="mx-auto" style="background:url([IMGBACKGROUND]); background-size:cover; height:600px; width:1192px;">
- <!-- Start Star Placements -->
- <ul class="nav">
- <li class="nav-item border-0"><a href="#point1" class="nav-link" data-toggle="tab" style="position:absolute; left:420px; top:280px; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
- <li class="nav-item border-0"><a href="#point2" class="nav-link" data-toggle="tab" style="position:absolute; left:460px; top:420px; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
- <li class="nav-item border-0"><a href="#point3" class="nav-link" data-toggle="tab" style="position:absolute; left:480px; top:300px; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
- <li class="nav-item border-0"><a href="#point4" class="nav-link" data-toggle="tab" style="position:absolute; left:600px; top:200px; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
- <li class="nav-item border-0"><a href="#point5" class="nav-link" data-toggle="tab" style="position:absolute; left:600px; top:300px; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
- <li class="nav-item border-0"><a href="#point6" class="nav-link" data-toggle="tab" style="position:absolute; left:760px; top:200px; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
- <li class="nav-item border-0"><a href="#point7" class="nav-link" data-toggle="tab" style="position:absolute; left:840px; top:200px; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
- <li class="nav-item border-0"><a href="#point8" class="nav-link" data-toggle="tab" style="position:absolute; left:1000px; top:300px; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
- <li class="nav-item border-0"><a href="#point9" class="nav-link" data-toggle="tab" style="position:absolute; left:1150px; top:550px; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
- <li class="nav-item border-0"><a href="#point10" class="nav-link" data-toggle="tab" style="position:absolute; left:900px; top:550px; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
- <li class="nav-item border-0"><a href="#point11" class="nav-link" data-toggle="tab" style="position:absolute; left:750px; top:550px; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
- <li class="nav-item border-0"><a href="#point12" class="nav-link" data-toggle="tab" style="position:absolute; left:50px; top:600px; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
- <li class="nav-item border-0"><a href="#point13" class="nav-link" data-toggle="tab" style="position:absolute; left:100px; top:550px; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
- <li class="nav-item border-0"><a href="#point14" class="nav-link" data-toggle="tab" style="position:absolute; left:200px; top:450px; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
- <li class="nav-item border-0"><a href="#point15" class="nav-link" data-toggle="tab" style="position:absolute; left:320px; top:460px; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
- </ul>
- <!-- End Star Placements -->
- <!-- Start Descriptions -->
- <div style="margin-top:500px;" class="tab-content p-2">
- <div class="tab-pane fade bg-dark p-3" id="point1" style="border:#000000 8px solid;">
- <p>[DESCRIPTION]</p>
- </div>
- <div class="tab-pane fade bg-dark p-3" id="point2" style="border:#000000 8px solid;">
- <p>[DESCRIPTION]</p>
- </div>
- <div class="tab-pane fade bg-dark p-3" id="point3" style="border:#000000 8px solid;">
- <p>[DESCRIPTION]</p>
- </div>
- <div class="tab-pane fade bg-dark p-3" id="point4" style="border:#000000 8px solid;">
- <p>[DESCRIPTION]</p>
- </div>
- <div class="tab-pane fade bg-dark p-3" id="point5" style="border:#000000 8px solid;">
- <p>[DESCRIPTION]</p>
- </div>
- <div class="tab-pane fade bg-dark p-3" id="point6" style="border:#000000 8px solid;">
- <p>[DESCRIPTION]</p>
- </div>
- <div class="tab-pane fade bg-dark p-3" id="point7" style="border:#000000 8px solid;">
- <p>[DESCRIPTION]</p>
- </div>
- <div class="tab-pane fade bg-dark p-3" id="point8" style="border:#000000 8px solid;">
- <p>[DESCRIPTION]</p>
- </div>
- <div class="tab-pane fade bg-dark p-3" id="point9" style="border:#000000 8px solid;">
- <p>[DESCRIPTION]</p>
- </div>
- <div class="tab-pane fade bg-dark p-3" id="point10" style="border:#000000 8px solid;">
- <p>[DESCRIPTION]</p>
- </div>
- <div class="tab-pane fade bg-dark p-3" id="point11" style="border:#000000 8px solid;">
- <p>[DESCRIPTION]</p>
- </div>
- <div class="tab-pane fade bg-dark p-3" id="point12" style="border:#000000 8px solid;">
- <p>[DESCRIPTION]</p>
- </div>
- <div class="tab-pane fade bg-dark p-3" id="point13" style="border:#000000 8px solid;">
- <p>[DESCRIPTION]</p>
- </div>
- <div class="tab-pane fade bg-dark p-3" id="point14" style="border:#000000 8px solid;">
- <p>[DESCRIPTION]</p>
- </div>
- </div>
- <!-- End Descriptions -->
- </div>
- <!-- End Bedroom Image -->
- <!-- CREDIT, DO NOT REMOVE -->
- <p class="text-center"><a href="https://toyhou.se/24397532.explore-ocs-bedroom"><i class="fas fa-code"></i> Code by TomcatCodes / CrispinAsheYA <i class="fas fa-code"></i></a></p>
- <!--
- [IMGBACKGROUND] | [DESCRIPTION]
- -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement