Skip to content

Instantly share code, notes, and snippets.

@jjcall

jjcall/pop-profile.html

Created July 2, 2013 20:50
Show Gist options
  • Save jjcall/5912974 to your computer and use it in GitHub Desktop.
Save jjcall/5912974 to your computer and use it in GitHub Desktop.
Download ZIP
Pop Profile Markup
Raw
pop-profile.html
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Profile Page</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div class="container">
<header class="main">
<hgroup>
<h1 class="title">Basick Records</h1>
<h2 class="site-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h2>
<h3 class="site-uri">www.domain.co</h3>
</hgroup>
</header><!-- end header.main -->
<section class="social-connection">
<ul class="social-networks">
<li><a href="#twitter">http://twitter.com/jjcall</a></li>
<li><a href="#facebook">http://facebook.com/jason.calleiro</a></li>
<li><a href="#pinterest">http://pinterest.com/jjcall</a></li>
</ul><!-- end ul.social-networks -->
</section><!-- end .social-connection -->
<section class="main-content">
<div class="main-content-wrapper">
<span id="about"></span>
<div class="panel">
<a href="about" class="tab-link">About</a>
<div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, sed, alias, totam quos blanditiis eum vel modi eligendi veritatis ducimus adipisci eaque atque rem itaque ex asperiores facere laudantium animi.
</div>
</div>
<span id="map"></span>
<div class="panel">
<a href="#map" class="tab-link">Map</a>
<div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, sed, alias, totam quos blanditiis eum vel modi eligendi veritatis ducimus adipisci eaque atque rem itaque ex asperiores facere laudantium animi.
</div>
</div>
<span id="contact"></span>
<div class="panel">
<a href="#one" class="tab-link">Contact</a>
<div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, sed, alias, totam quos blanditiis eum vel modi eligendi veritatis ducimus adipisci eaque atque rem itaque ex asperiores facere laudantium animi.
</div>
</div>
</div><!-- end .main-content-wrapper -->
</section><!-- end section.main-content -->
</div><!-- end .container -->
<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/plugins.js"></script>
<script src="js/main.js"></script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment