- Created
- 3 months, 19 days ago
- Creator
- Prismicodes
- Favorites
- 0
Profile
<div class="row no-gutters">
<!---- Left Image ---->
<div class="col-sm-0 card rounded-1 border-1 bg-white" style="background:url(https://file.garden/XitlL7bMbnXQdW7T/pictochat1.png) #ffffff center top no-repeat; background-size:contain;background-repeat:no-repeat;height:305px;width:31px">
</div>
<div class="p-1">
<div class="col-sm-card rounded border-0 p-1" style="background-color:#B4B4B4; max-height: 300px; overflow: auto;">
<!---- Add as many chat boxes as you'd like! All you have to do is copy and paste them! ---->
<!---- New YELLOW Chat Box ---->
<div class="col-sm-12 card rounded-1 border-0 p-1 bg-white my-1" style="width:388px;height:154px;overflow:auto;color:#fff;background-image:url('https://file.garden/XitlL7bMbnXQdW7T/pictochat2.png'); background-repeat:no-repeat; background-size: 100% 100%; center">
<div class="ml-2" style="width:25%; height:40px">
<span class="text-center" style="font-family: courier; color: #B0AB22">Username</span>
</div>
<span class="ml-2" style="font-family: courier; color: #000000">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci ac auctor augue mauris augue neque. <!---- These text boxes do scroll but I would suggest you don't let it get that long, they look odd when scrolling. ---->
</div>
<!---- New BLUE Chat Box ---->
<div class="col-sm-12 card rounded-1 border-0 p-1 bg-white my-1" style="width:388px;height:154px;overflow:auto;color:#fff;background-image:url('https://file.garden/XitlL7bMbnXQdW7T/pictochat3.png'); background-repeat:no-repeat; background-size: 100% 100%; center">
<div class="ml-2" style="width:25%; height:40px">
<span class="text-center" style="font-family: courier; color: #2B31B2">Username</span>
</div>
<span class="ml-2" style="font-family: courier; color: #000000">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci ac auctor augue mauris augue neque. <!---- These text boxes do scroll but I would suggest you don't let it get that long, they look odd when scrolling. ---->
</div>
<!---- New RED Chat Box ---->
<div class="col-sm-12 card rounded-1 border-0 p-1 bg-white my-1" style="width:388px;height:154px;overflow:auto;color:#fff;background-image:url('https://file.garden/XitlL7bMbnXQdW7T/pictochat4.png'); background-repeat:no-repeat; background-size: 100% 100%; center">
<div class="ml-2" style="width:25%; height:40px">
<span class="text-center" style="font-family: courier; color: #A22222">Username</span>
</div>
<span class="ml-2" style="font-family: courier; color: #000000">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci ac auctor augue mauris augue neque. <!---- These text boxes do scroll but I would suggest you don't let it get that long, they look odd when scrolling. ---->
</div>
<!---- New GREEN Chat Box ---->
<div class="col-sm-12 card rounded-1 border-0 p-1 bg-white my-1" style="width:388px;height:154px;overflow:auto;color:#fff;background-image:url('https://file.garden/XitlL7bMbnXQdW7T/pictochat5.png'); background-repeat:no-repeat; background-size: 100% 100%; center">
<div class="ml-2" style="width:25%; height:40px">
<span class="text-center" style="font-family: courier; color: #1A9671">Username</span>
</div>
<span class="ml-2" style="font-family: courier; color: #000000">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci ac auctor augue mauris augue neque. <!---- These text boxes do scroll but I would suggest you don't let it get that long, they look odd when scrolling. ---->
</div>
<!---- New PINK Chat Box ---->
<div class="col-sm-12 card rounded-1 border-0 p-1 bg-white my-1" style="width:388px;height:154px;overflow:auto;color:#fff;background-image:url('https://file.garden/XitlL7bMbnXQdW7T/pictochat6.png'); background-repeat:no-repeat; background-size: 100% 100%; center">
<div class="ml-2" style="width:25%; height:40px">
<span class="text-center" style="font-family: courier; color: #BA2B93">Username</span>
</div>
<span class="ml-2" style="font-family: courier; color: #000000">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci ac auctor augue mauris augue neque. <!---- These text boxes do scroll but I would suggest you don't let it get that long, they look odd when scrolling. ---->
</div>
<!---- Chat boxes end ---->
</div>
</div>
</div>
</div>
<!---- Bottom Screen ---->
<div class="card rounded-1 border-0 p-1 my-2" style="background-color:#ffffff; width:460px">
<div class="row no-gutters">
<!---- Left Image ---->
<div class="col-sm-0 card rounded-1 border-1 bg-white" style="background:url(https://file.garden/XitlL7bMbnXQdW7T/pictochat7.png) #ffffff center top no-repeat; background-size:cover;background-repeat:no-repeat;height:370px;width:31px">
</div>
<!---- X box ---->
<div class="p-1">
<div class="pull-right" style="background:url(https://file.garden/XitlL7bMbnXQdW7T/pictochat8.png) no-repeat; background-size:contain;background-repeat:no-repeat;height:30px;width:30px">
</div>
<div class="card rounded-1 border-0 p-1 my-3" style="background-color:#ffffff; width:px">
</div>
<div class="col-sm-card rounded border-0 p-1" style="background-color:#B4B4B4;">
<!---- Text box ---->
<div class="col-sm-12 card rounded-1 border-0 p-1 bg-white" style="width:405px;height:154px;overflow:auto;color:#fff;background-image:url('https://file.garden/XitlL7bMbnXQdW7T/pictochat9.png'); background-repeat:no-repeat; background-size: 100% 100%; center">
<div class="ml-2" style="width:25%; height:40px">
<span class="text-center" style="font-family: courier; color: #000000">Username</span>
</div>
<span class="ml-2" style="font-family: courier; color: #000000">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci ac auctor augue mauris augue neque.
</div>
<div class="col-sm-12 card rounded-1 border-0 p-1 bg-white my-1" style="width:405px;height:154px;overflow:auto;color:#fff;background-image:url('https://file.garden/XitlL7bMbnXQdW7T/pictochat10.png'); background-repeat:no-repeat; background-size: 100% 100%; center">
</div>
</div>
</div>
</div>
</div>
<p class="mt-2 text-right">
<a href="/ShadowDarespark"><i class="fas fa-code mr-1" />ShadowDarespark</a>
</p>
Recent Images
No images.