Skip to content

Instantly share code, notes, and snippets.

@CementTheBlock

CementTheBlock/base.html

Last active August 4, 2017 19:43
Show Gist options
  • Save CementTheBlock/e9eb7cce2b3b4fad008cd49246ebd20b to your computer and use it in GitHub Desktop.
Save CementTheBlock/e9eb7cce2b3b4fad008cd49246ebd20b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
base.html
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>Layer 3 Communications</title>
<!-- Meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico">
<!-- Web Fonts -->
<link rel='stylesheet' type='text/css' href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600&amp;subset=cyrillic,latin'>
<!-- CSS Global Compulsory -->
<link rel="stylesheet" href="/assets/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="/assets/css/style.css">
<!-- CSS Header and Footer -->
<link rel="stylesheet" href="/assets/css/headers/header-default.css">
<link rel="stylesheet" href="/assets/css/footers/footer-v1.css">
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="/assets/plugins/animate.css">
<link rel="stylesheet" href="/assets/plugins/line-icons/line-icons.css">
<link rel="stylesheet" href="/assets/plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/assets/plugins/parallax-slider/css/parallax-slider.css">
<link rel="stylesheet" href="/assets/plugins/owl-carousel/owl-carousel/owl.carousel.css">
<link rel="stylesheet" href="/assets/css/theme-colors/light.css">
<!-- CSS Customization -->
<link rel="stylesheet" href="/assets/css/custom.css">
</head>
<body>
<div class="wrapper">
<!--=== Header ===-->
<div class="header">
<div class="container">
<!-- Logo -->
<a class="logo" href="/index.html">
<img src="/assets/img/l3_logo_small.png" alt="Logo">
</a>
<!-- End Logo -->
<div class="topbar">
<ul class="loginbar pull-right list-inline top-icons">
<!--
<li><a href="http://google.com">Connect</a></li>
<li class="topbar-devider"></li>
-->
<li>
<a href="https://www.facebook.com/Layer3Communications/" class="tooltips" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook" target="_blank">
<i class="fa fa-facebook"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/layer-3-communications/" class="tooltips" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Linkedin" target="_blank">
<i class="fa fa-linkedin"></i>
</a>
</li>
<li>
<a href="https://github.com/layer-3-communications" class="tooltips" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="GitHub" target="_blank">
<i class="fa fa-github"></i>
</a>
</li>
</ul>
</div>
<!-- Toggle get grouped for better mobile display -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="fa fa-bars"></span>
</button>
<!-- End Toggle -->
</div><!--/end container-->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse mega-menu navbar-responsive-collapse">
<div class="container">
<ul class="nav navbar-nav">
<!-- Home -->
<li class="$if(home)$active$endif$">
<a href="/index.html" class="no-dropdown">
Home
</a>
</li>
<!-- End Home -->
<!-- About Us Pages-->
<li class="$if(about_us)$active$endif$ dropdown">
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">About Us</a>
<ul class="dropdown-menu">
<li><a href="/pages/about_us/about.html">About</a></li>
<li><a href="/pages/about_us/locations.html">Locations</a></li>
</ul>
</li>
<!-- End About Us Pages -->
<!-- Resources Pages -->
<li class="$if(resources)$active$endif$ dropdown">
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">Resources</a>
<ul class="dropdown-menu">
<li><a href="https://ssl.layer3com.com/support/" target="_blank">Customer Access</a></li>
<li><a href="https://ssl.layer3com.com/layer3/" target="_blank">Employee Access</a></li>
</ul>
</li>
<!-- End Resources Pages -->
<!-- Solutions Pages -->
<li class="$if(solutions)$active$endif$ dropdown">
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">Solutions</a>
<ul class="dropdown-menu">
<li><a href="/pages/solutions/app_delivery.html">App Delivery</a></li>
<li><a href="/pages/solutions/security.html">Security</a></li>
<li><a href="/pages/solutions/voice.html">Voice</a></li>
<li><a href="/pages/solutions/wireless.html">Wireless</a></li>
<li><a href="/pages/solutions/wired_networking.html">Wired Networking</a></li>
</ul>
</li>
<!-- End Solutions Pages -->
<!-- Services Pages -->
<li class="$if(services)$active$endif$ dropdown">
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">Services</a>
<ul class="dropdown-menu">
<li><a href="/pages/services/data_center.html">Data Center</a></li>
<li><a href="/pages/services/security.html">Security</a></li>
<li><a href="/pages/services/voice_and_data.html">Voice and Data</a></li>
</ul>
</li>
<!-- End Services Pages -->
<!-- Partership -->
<li class="$if(partners)$active$endif$ dropdown">
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">Partners</a>
<ul class="pull-right dropdown-menu">
<li><a href="/pages/partners/awards.html">Awards</a></li>
</ul>
</li>
<!-- End Partnership -->
</ul>
</div><!--/end container-->
</div><!--/navbar-collapse-->
</div>
<!--=== End Header ===-->
$body$
<!--=== Footer Version 1 ===-->
<div class="footer-v1">
<div class="footer">
<div class="container">
<div class="row">
<!-- About -->
<div class="col-md-3 md-margin-bottom-40">
<a href="index.html"><img id="logo-footer" class="footer-logo" src="/assets/img/l3_logo_inverted.png" alt=""></a>
<p>Layer 3 Communications is headquartered in Atlanta, Georgia with additional offices throughout the Southeast.</p>
<p>We are a professional services organization providing: consulting, networking audits, and support planning.</p>
</div><!--/col-md-3-->
<!-- End About -->
<!-- Latest -->
<div class="col-md-6 md-margin-bottom-40">
<div class="posts">
<div class="headline partners"><h2>Partners</h2></div>
<div class="col-md-6 col-sm-6 md-margin-bottom-40">
<ul class="list-unstyled link-list">
<li><a href="http://www.arubanetworks.com/" target="_blank">Aruba</a></li>
<li><a href="http://www.avaya.com/" target="_blank">Avaya</a></li>
<li><a href="http://www.apc.com/us/en/" target="_blank">APC</a></li>
<li><a href="http://www.brocade.com/en.html" target="_blank">Brocade</a></li>
</ul>
</div>
<div class="col-med-6 col-sm-6 md-margin-bottom-40">
<ul class="list-unstyled link-list">
<li><a href="https://f5.com/" target="_blank">F5</a></li>
<li><a href="http://www.juniper.net/us/en/" target="_blank">Juniper</a></li>
<li><a href="https://www.paloaltonetworks.com/" target="_blank">Palo Alto Networks</a></li>
<li><a href="https://www.shoretel.com/" target="_blank">Shoretel</a></li>
</ul>
</div>
</div>
</div><!--/col-md-3-->
<!-- End Latest -->
<!-- Address -->
<div class="col-md-3 map-img md-margin-bottom-40">
<div class="headline"><h2>Contact Us</h2></div>
<address class="md-margin-bottom-40">
1450 Oakbrook Drive <br />
Suite 900 <br />
Norcross, GA <br />
Phone: 770 225 5300 <br />
Fax: 770 225 5298 <br />
Email: <a href="mailto:sales@layer3com.com" class="">sales@layer3com.com</a>
</address>
</div><!--/col-md-3-->
<!-- End Address -->
</div>
</div>
</div><!--/footer-->
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>
2016 &copy; All Rights Reserved.
<!-- <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a> -->
</p>
</div>
<!-- Social Links -->
<div class="col-md-6">
<ul class="footer-socials list-inline">
<li>
<a href="https://www.facebook.com/Layer3Communications/" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Facebook" target="_blank">
<i class="fa fa-facebook"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/layer-3-communications/" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Linkedin" target="_blank">
<i class="fa fa-linkedin"></i>
</a>
</li>
<li>
<a href="https://github.com/layer-3-communications" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="GitHub" target="_blank">
<i class="fa fa-github"></i>
</a>
</li>
</ul>
</div>
<!-- End Social Links -->
</div>
</div>
</div><!--/copyright-->
</div>
<!--=== End Footer Version 1 ===-->
</div><!--/wrapper-->
<!-- HEY THERE -->
<!-- JS Global Compulsory -->
<script type="text/javascript" src="/assets/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/assets/plugins/jquery/jquery-migrate.min.js"></script>
<script type="text/javascript" src="/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- JS Implementing Plugins -->
<script type="text/javascript" src="/assets/plugins/back-to-top.js"></script>
<script type="text/javascript" src="/assets/plugins/smoothScroll.js"></script>
<script type="text/javascript" src="/assets/plugins/parallax-slider/js/modernizr.js"></script>
<script type="text/javascript" src="/assets/plugins/parallax-slider/js/jquery.cslider.js"></script>
<script type="text/javascript" src="/assets/plugins/owl-carousel/owl-carousel/owl.carousel.js"></script>
<!-- JS Customization -->
<script type="text/javascript" src="/assets/js/custom.js"></script>
<!-- JS Page Level -->
<script type="text/javascript" src="/assets/js/app.js"></script>
<script type="text/javascript" src="/assets/js/plugins/owl-carousel.js"></script>
<script type="text/javascript" src="/assets/js/plugins/parallax-slider.js"></script>
<script type="text/javascript" src="/assets/js/plugins/gcal-reader.js"></script>
<!-- HEY THERE -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-79513134-1', 'auto');
ga('send', 'pageview');
</script>
<!--[if lt IE 9]>
<script src="/assets/plugins/respond.js"></script>
<script src="/assets/plugins/html5shiv.js"></script>
<script src="/assets/plugins/placeholder-IE-fixes.js"></script>
<![endif]-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment