Full width header/footer with background colors
This commit is contained in:
		
							parent
							
								
									1f2db3b048
								
							
						
					
					
						commit
						e37987061f
					
				
					 3 changed files with 67 additions and 28 deletions
				
			
		| 
						 | 
				
			
			@ -20,26 +20,34 @@
 | 
			
		|||
  </head>
 | 
			
		||||
 | 
			
		||||
  <body>
 | 
			
		||||
    <header class="masthead">
 | 
			
		||||
      <a href="/" class="site-name"><img src="{{ site.avatar }}" class="avatar" /></a>
 | 
			
		||||
      <a href="/" class="site-name">{{ site.name }}</a>
 | 
			
		||||
      <br><br>
 | 
			
		||||
      <p class="site-description">{{ site.description }}</p>
 | 
			
		||||
      
 | 
			
		||||
      <nav>
 | 
			
		||||
        <a href="/">Blog</a>
 | 
			
		||||
        <a href="/about">About</a>
 | 
			
		||||
      </nav>
 | 
			
		||||
    <div class="wrapper-masthead">
 | 
			
		||||
      <div class="container">
 | 
			
		||||
        <header class="masthead">
 | 
			
		||||
          <a href="/" class="site-name"><img src="{{ site.avatar }}" class="avatar" /></a>
 | 
			
		||||
          <a href="/" class="site-name">{{ site.name }}</a>
 | 
			
		||||
          <br><br>
 | 
			
		||||
          <p class="site-description">{{ site.description }}</p>
 | 
			
		||||
          
 | 
			
		||||
          <nav>
 | 
			
		||||
            <a href="/">Blog</a>
 | 
			
		||||
            <a href="/about">About</a>
 | 
			
		||||
          </nav>
 | 
			
		||||
 | 
			
		||||
      <div style="clear:both;"></div>
 | 
			
		||||
    </header>
 | 
			
		||||
          <div style="clear:both;"></div>
 | 
			
		||||
        </header>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    <div id="main" role="main">{{ content }}</div>
 | 
			
		||||
      
 | 
			
		||||
    <footer class="footer">
 | 
			
		||||
      {% if site.links.github %}<a href="http://github.com/{{ site.links.github }}"><img class="footer-icon" src="/images/icon-github.png" /></a>{% endif %}
 | 
			
		||||
      {% if site.links.twitter %}<a href="http://twitter.com/{{ site.links.github }}"><img class="footer-icon" src="/images/icon-twitter.png" /></a>{% endif %}
 | 
			
		||||
    </footer>
 | 
			
		||||
    <div id="main" role="main" class="container">{{ content }}</div>
 | 
			
		||||
 | 
			
		||||
    <div class="wrapper-footer">
 | 
			
		||||
      <div class="container">
 | 
			
		||||
        <footer class="footer">
 | 
			
		||||
          {% if site.links.github %}<a href="http://github.com/{{ site.links.github }}"><img class="footer-icon" src="/images/icon-github.png" /></a>{% endif %}
 | 
			
		||||
          {% if site.links.twitter %}<a href="http://twitter.com/{{ site.links.github }}"><img class="footer-icon" src="/images/icon-twitter.png" /></a>{% endif %}
 | 
			
		||||
        </footer>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    {% include analytics.html %}
 | 
			
		||||
  </body>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue