Skip to content

Instantly share code, notes, and snippets.

@bmegod

bmegod/gist:5731763

Created June 7, 2013 19:30
Show Gist options
  • Save bmegod/5731763 to your computer and use it in GitHub Desktop.
Save bmegod/5731763 to your computer and use it in GitHub Desktop.
Download ZIP
index.html
Raw
gistfile1.txt
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- clean cache -->
<meta http-equiv="cache-control" content="no-cache" />
<title>HTML Mockup | Foxcode</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<body>
<div id="background"><img src="img/layout/bg_home.png" height="100%" width="100%"/></div>
<div class="container-fluid" id="content-area">
<!-- ==========================================================================
* Start Navigation
=========================================================================== -->
<div class="row-fluid" id="nav-row">
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<div id="nav-button">
<a class="btn btn-navbar" id="btn-nav-drop" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-chevron-down"></span>
</a>
</div><!-- #/nav-button->
<!-- Everything you want hidden at 940px or less, place within here -->
<div id="top" class="nav-collapse collapse">
<!-- .nav, .navbar-search, .navbar-form, etc -->
<ul class="nav" id="navigation">
<li class="nav-link nav-anim"><a id='homelogo'>Home</a></li>
<li class="nav-link nav-anim dropdown"><a href="#foxcode" class="nav-link-ajax" id="toggle-about">About</a>
<ul class="dropdown-menu" id="dropdown-about">
<li><a href="#foxcode" class="nav-link-ajax">About</a></li>
<li><a href="#difference" class="nav-link-ajax">Our Difference</a></li>
<li><a href="#strategy" class="nav-link-ajax">Strategy</a></li>
</ul>
</li>
<li class="nav-link nav-anim dropdown"><a href="#principals" class="nav-link-ajax" id="toggle-team">Team</a>
<ul class="dropdown-menu" id="dropdown-team">
<li><a href="#principals" class="nav-link-ajax">Principals</a></li>
<li><a href="#team" class="nav-link-ajax">Team</a></li>
</ul>
</li>
<li class="nav-link nav-anim dropdown">
<a class="nav-link-ajax" href="#mergers-and-acquisition-advisory" data-toggle="dropdown" id="dropdown-toggle-services">
Services
</a>
<ul class="dropdown-menu" id="dropdown-services">
<li><a href="#mergers-and-acquisition-advisory" class="nav-link-ajax">Mergers &amp; Acquisition Advisory</a></li>
<li><a href="#corporate-advisory-and-capital-raising" class="nav-link-ajax">Corporate Advisory &amp; Capital Raising</a></li>
<li><a href="#merchant-banking-and-private-equity" class="nav-link-ajax">Merchant Banking &amp; Private Equity</a></li>
<li><a href="#alternative-asset-management" class="nav-link-ajax">Alternative Asset Management</a></li>
<li><a href="#project-finance" class="nav-link-ajax">Project Finance</a></li>
<li><a href="#real-estate" class="nav-link-ajax">Real Estate</a></li>
</ul>
</li>
<li class="nav-link nav-anim"><a href="#news" class="nav-link-ajax">News</a></li>
<li class="nav-link nav-anim"><a href="#contact" class="nav-link-ajax" id="contact-link">Contact</a></li>
</ul>
</div><!-- ./nav-collapse -->
</div><!-- ./container -->
</div><!-- .navbar-inner -->
</div><!-- .navbar -->
</div><!-- ./row-fluid -->
<!-- ==========================================================================
* Start Content
=========================================================================== -->
<div class="row-fluid" id="content-row">
<div class="span12">
<div class="row-fluid">
<div class="span4" id="home-logo">
<img src="img/layout/logo.png" id="logo">
<ul id="subnav">
<!-- Loaded via AJAX -->
</ul>
</div><!-- ./span4 -->
<div class="span8" id="home-copy">
<p id="home-p">
Foxcode is an investment and merchant banking Firm which advises and invests in small to mid-market companies and projects globally.
</p>
</div><!-- ./span8 -->
</div><!-- ./row-fluid -->
</div><!-- span12 -->
</div><!-- ./row-fluid -->
<!-- ==========================================================================
* Start Footer
=========================================================================== -->
<div class="row-fluid" id="footer-row">
<div class="span12">
<ul id="footer-list">
<li>&copy; 2013 Foxcode, Inc. All Rights Reserved</li>
<li> | </li>
<li>Legal</li>
<li>Privacy</li>
<li><a href="#contact" class="nav-link-ajax" id="contact-link"><font color="white">Contact</font><a/></li>
</ul>
</div><!-- ./span12 -->
</div><!-- ./row-fluid -->
</div><!-- ./container-fluid -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment