1,765 bytes added
, 14:39, 22 June 2020
__NOTOC__
<div class="mainpage_row">
<div class="mainpage_box">
<h2><span>GCTools Achievements 2020-2021</span></h2>
<div>
* Hello
</div>
</div>
<div class="mainpage_box">
<h2><span class="header_icon" aria-hidden="true" role="presentation">[[File:Icon GCTools.png|20px|middle|link=]]</span><span>Featured Communities</span></h2>
<div class="items">
* Hello
</div>
</div>
</div>
<div class="mainpage_box">
<div class="items">
<h2><span class="header_icon" aria-hidden="true" role="presentation">[[File:Icon GCTools.png|20px|middle|link=]]</span><span>Heading</span></h2>
* Hello
</div>
</div>
</div>
{{#css:
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
width: 230px;
color: rgba(242, 109, 33, 1);
background-color: rgba(242, 109, 33, 0.1);
border-color: rgba(242, 109, 33, 1);
text-decoration: none;
}
.btn:hover {
color: rgba(255, 255, 255, 1);
background-color: rgba(242, 109, 33, 1);
text-decoration: none;
}
.mainpage_row {
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0 -5px 0 -5px;
}
.mainpage_box {
flex: 1;
margin: 5px;
min-width: 210px;
border: 1px solid #CCC;
padding: 0 10px 10px 10px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.mainpage_box h2 {
color: rgb(109,82,139);
}
.searchBar {
background-color: rgb(0,0,128);
color: rgb(255,255,255);
}}