Research Week

Monday

Travel Grant Competition

<div class=”grid”>
<h4> – Title Goes Here – </h4>
<div class=”flex-sub”>
<div class=”sub-content”>
<div class=”flex-img”> – image goes here – </div>
<div class=”flex-contact”>
<ul>
<li class=”phone”> – phone number here – </li>
<li class=”email”> – link to email – </li>
<li class=”website”> – link to website – </li>
</ul>
</div>
</div>
<div class=”sub-content”> – Description of section goes here – </div>
</div>
</div>

Basic Stuff

 

 

The drop down menu is used to condense the information on the page. To create it, use the SINGLE page builder section, and add the section classes of white and show-hide. Also add the title of the page in the Section Title line. Remember to adhust the H tag level.

In the settings of the column 1 of 1 section, add the class of flex-wrap

To create the gird, follow the format below:

<div class="grid">
<h4> - Title Goes Here - </h4>
<div class="flex-sub">
<div class="sub-content">
<div class="flex-img"> - image goes here - </div>
<div class="flex-contact">
<ul>
<li class="phone"> - phone number here - </li>
<li class="email"> - link to email - </li>
<li class="website"> - link to website - </li>
</ul>
</div>
</div>
<div class="sub-content"> - Description of section goes here - </div>
</div>
</div>