Flatsome Icon Nav

[section class="menu" bg="1612" bg_color="rgb(0, 0, 0)" bg_pos="54% 43%" padding="0px" height="100vh" margin="0px"]

[row style="collapse" width="full-width" v_align="middle" h_align="center"]

[col span__sm="12" align="center" color="light"]

[gap]

<h1 class="uppercase" style="text-align: center;"><span class="fancy-underline">Site Nav</span></h1>
[gap height="20px"]

[row_inner style="collapse" v_align="middle" h_align="center"]

[col_inner span="4" span__sm="4" span__md="4" align="center" color="light"]

[featured_box img="1581" inline_svg="0" img_width="38" pos="center" title="HOME" link="/"]


[/featured_box]

[/col_inner]
[col_inner span="4" span__sm="4" span__md="4" align="center" color="light"]

[featured_box img="1577" inline_svg="0" img_width="38" pos="center" title="BLOG" link="/blog" icon_color="rgb(233, 233, 233)"]


[/featured_box]

[/col_inner]
[col_inner span="4" span__sm="4" span__md="4" align="left" color="light"]

[featured_box img="1585" inline_svg="0" img_width="38" pos="center" title="Courses" link="/courses" icon_color="rgb(255, 255, 255)"]


[/featured_box]

[/col_inner]

[/row_inner]
[gap height="22px"]

[row_inner style="collapse" v_align="middle" h_align="center"]

[col_inner span="4" span__sm="4" span__md="4" align="center" color="light"]

[featured_box img="1578" inline_svg="0" img_width="38" pos="center" title="Questions" link="/questions" icon_color="rgb(255, 255, 255)"]


[/featured_box]

[/col_inner]
[col_inner span="4" span__sm="4" span__md="4" align="center" color="light"]

[featured_box img="1576" inline_svg="0" img_width="38" pos="center" title="About" link="/about" icon_color="rgb(233, 233, 233)"]


[/featured_box]

[/col_inner]
[col_inner span="4" span__sm="4" span__md="4" align="left" color="light"]

[featured_box img="1579" inline_svg="0" img_width="38" pos="center" title="Podcast" link="/podcast" icon_color="rgb(255, 255, 255)"]


[/featured_box]

[/col_inner]

[/row_inner]
[gap height="22px"]

[row_inner style="collapse" v_align="middle" h_align="center"]

[col_inner span="4" span__sm="4" span__md="4" align="center" color="light"]

[featured_box img="1582" inline_svg="0" img_width="38" pos="center" title="Contact" link="/contact" icon_color="rgb(255, 255, 255)"]


[/featured_box]

[/col_inner]
[col_inner span="4" span__sm="4" span__md="4" align="center" color="light"]

[featured_box img="1580" inline_svg="0" img_width="38" pos="center" title="Hosting" link="https://jerrickhakim.com" target="_blank" icon_color="rgb(233, 233, 233)"]


[/featured_box]

[/col_inner]
[col_inner span="4" span__sm="4" span__md="4" align="left" color="light"]

[featured_box img="1584" inline_svg="0" img_width="38" pos="center" title="Account" link="/login" icon_color="rgb(255, 255, 255)"]


[/featured_box]

[/col_inner]

[/row_inner]
[gap]

[gap height="15px"]

[row_inner style="collapse" v_align="middle" h_align="center"]

[col_inner align="center" color="light"]

<p>Add Anything else you want in the row like social icons!</p>
[gap]


[/col_inner]

[/row_inner]
<h5><span style="color: #ffffff; font-size: 75%;">Copyright [ux_current_year] Jerrick Hakim | Verison .01</span></h5>

[/col]

[/row]

[/section]