Skip to content

Instantly share code, notes, and snippets.

@cossssmin

cossssmin/acorn-nav-basic-example-header.html

Last active January 16, 2018 19:22
Show Gist options
  • Save cossssmin/ef282d6fcb312563e0db0f4fcea82cc3 to your computer and use it in GitHub Desktop.
Save cossssmin/ef282d6fcb312563e0db0f4fcea82cc3 to your computer and use it in GitHub Desktop.
Download ZIP
Acorn Basic Navigation With Header
Raw
acorn-nav-basic-example-header.html
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td style="padding: 0 24px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<!-- Logo column-->
<td class="col pb-sm-16" width="122" style="padding: 0 8px;">
<img src="http://placehold.it/122x122?text=LOGO" class="align-sm-center" alt="Logo" width="61" style="border-radius: 50%; max-width: 61px; width: 100%;">
</td>
<!-- Navigation column -->
<td class="col" width="398" style="padding: 0 8px; vertical-align: middle;">
<table align="right" class="nav align-sm-center" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td class="nav-item" style="padding-right: 24px;">
<a href="http://example.com" style="color: #999999; text-decoration: none;">News</a>
</td>
<td class="nav-item" style="padding-right: 24px;">
<a href="http://example.com" style="color: #999999; text-decoration: none;">Services</a>
</td>
<td class="nav-item" style="padding-right: 24px;">
<a href="http://example.com" style="color: #999999; text-decoration: none;">Work</a>
</td>
<td class="nav-item">
<a href="http://example.com" style="color: #999999; text-decoration: none;">Store</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment