Skip to content

Instantly share code, notes, and snippets.

@guert

guert/gist:19b38ee88a5b88c3a3f2

Created May 23, 2014 00:13
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save guert/19b38ee88a5b88c3a3f2 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save guert/19b38ee88a5b88c3a3f2 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.phtml
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GUERT</title>
<link rel="shortcut icon" href="images/guert_ico.png" />
<link rel="stylesheet" type="text/css" href="css/global.css" />
<link rel="stylesheet" type="text/css" href="css/screen.css" />
<link rel="stylesheet" type="text/css" href="css/styleshirts.css" />
<link id="ext_css" rel="stylesheet" type="text/css" href="css/zstore.css"/>
<link rel="stylesheet" type="text/css" href="css/styleshirts2.css" />
<link href="http://www.guert.com/2014/css/main.css" rel="stylesheet" type="text/css" />
<!--[if IE 7]><link rel="stylesheet" href="http://static.tumblr.com/ts2nqrf/ZVRlhlpz3/ie7.css" type="text/css" /><![endif]-->
<!--[if IE 8]><link rel="stylesheet" href="http://static.tumblr.com/ts2nqrf/k7plhlpzk/ie8.css" type="text/css" /><![endif]-->
<style type="text/css">
#header {
background-color: #1DCAC0;
}
#post a {
color: #091B63;
}
#description a {
color: #091B63;
}
.name {
color: #091B63;
}
.answertags {
color: #091B63;
}
.post-color {
background-color: #091B63;
}
blockquote {
border-color: #091B63;
}
.tagshowing {
color: #091B63;
}
h3 a:hover {
color: #091B63;
}
body {
font-family: sans-serif;
}
img {
max-width: 100%;
}
#center {
width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
}
#center_logo {
width: 200px;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
}
</style>
<!--end css-->
<script src="http://www.guert.com/2014/js/picturefill.js"></script>
<script type="text/javascript" src="js/min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/Msal8du92/cufon.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/1sRlhlpyj/bebas.js"></script>
<!--[if gte IE 9]> <script type="text/javascript"> Cufon.set('engine', 'canvas'); </script> <![endif]-->
<script type="text/javascript">
Cufon.DOM.ready(function() {
Cufon.replace('.bebas', { fontFamily: 'bebas', hover:true });
$('.bebas').css('visibility','visible');
});
</script>
</head>
<body style="background: url(http://www.guert.com/2014/images/big.jpg) no-repeat;display:block;">
<div style="width:200px;margin-left:auto;margin-right:auto;"> <a href="http://www.guert.com"><img src="http://www.guert.com/2014/images/sunset_logo_small.png" style="border:none;" alt="GUERT" /></a> </div>
<div style="padding-top:14px;"></div>
<div id="center">
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "d42a59b8-7a3e-46be-97c5-c1d2f9a78779"}); </script>
<script type="text/javascript" src="shadowbox/demo.js"></script>
<!-- this section is the only one needed to run Shadowbox -->
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css" />
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
// a darker overlay looks better on this particular site
overlayOpacity: 0.8
// setupDemos is defined in assets/demo.js
}, setupDemos);
</script>
<!-- #133B6E -->
<div id="wrapper">
<div style="text-align:center;">
<h3 class="bebas" style="text-align:center;"> <a href="index.php">GUERT SHIRTS&nbsp;&nbsp;&nbsp;&nbsp;</a> <a href="guert_tunes.php">GUERT TUNES&nbsp;&nbsp;&nbsp;&nbsp;</a> <a href="guert_films.php">GUERT FILMS&nbsp;&nbsp;&nbsp;&nbsp;</a> <a href="web_production.php">GUERT WEB&nbsp;&nbsp;&nbsp;&nbsp;</a></h3>
<br />
<div style="width:685px;margin-left:auto;margin-right:auto;">
<div class="bebas" style="font-size:35px;color:#14202e;"><strong>GUERT WEB</strong></div>
<table style="border:none;">
<tr>
<td colspan="8"><br />
<a href="web_production.php">Web Production</a> : HTML Code : <a href="html_email.php">HTML Email</a> : <a href="wireframes.php">Wireframes</a> : <a href="flash_design.php">Flash Design</a> : <a href="print_design.php">Print Design &amp; Production</a> <br />
<br />
<br /></td>
</tr>
</table>
<div style="width:900px;">
<h3>Validated HTML5 + PHP</h3>
<br />
<div style="text-align:left;"><script src="https://gist.github.com/guert/19fa2496aee88625af88.js"></script></div>
</div>
<br />
<br />
<div style="width:700px;">
<h3>Show/hide div JavaScript</h3>
<br />
<strong>EXAMPLE</strong><br />
<a href="javascript:toggle('box1');">ONE</a> : <a href="javascript:toggle('box2');">TWO</a>
<div id="box1" class="toggle-divs" style="display: block;"> THIS CONTENT WILL AUTOMATICALLY BE DISPLAYED (display:block;) </div>
<div id="box2" class="toggle-divs" style="display: none;"> THIS CONTENT WILL BE HIDDEN onClick (display:none;) </div>
</div>
<br />
<br />
<script src="https://gist.github.com/1535214.js"></script>
<br />
<script type="text/javascript">
//<![CDATA[
function toggle(id){
var divs = document.getElementsByTagName('div');
for(var v = 0; v < divs.length; v++){
if(divs[v].className == 'toggle-divs'){
divs[v].style.display = 'none';
}
}
document.getElementById(id).style.display = 'block';
}
//]]>
</script>
<div style="width:900px;"><br />
<br />
<hr />
<br />
<br />
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment