1. <!doctype html>
  2.  
  3.  
  4.  
  5. <!--[if IEMobile 7 ]> <html <?php language_attributes(); ?>class="no-js iem7"> <![endif]-->
  6.  
  7. <!--[if lt IE 7 ]> <html <?php language_attributes(); ?> class="no-js ie6 oldie"> <![endif]-->
  8.  
  9. <!--[if IE 7 ]> <html <?php language_attributes(); ?> class="no-js ie7 oldie"> <![endif]-->
  10.  
  11. <!--[if IE 8 ]> <html <?php language_attributes(); ?> class="no-js ie8 oldie"> <![endif]-->
  12.  
  13. <!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html <?php language_attributes(); ?> class="no-js"><!--<![endif]-->
  14.  
  15.  
  16.  
  17. <head>
  18.  
  19. <meta charset="utf-8">
  20.  
  21. <!--[if ie]><meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/><![endif]-->
  22.  
  23.  
  24.  
  25. <title><?php wp_title( ' - ', true, 'right' ); ?> <?php bloginfo('name'); ?></title>
  26.  
  27.  
  28.  
  29. <?php if ( of_get_option('sc_enablemeta')== '1') { ?>
  30.  
  31.  
  32.  
  33. <!-- meta -->
  34.  
  35. <meta name="description" content="<?php echo of_get_option('sc_metadescription') ?>">
  36.  
  37. <meta name="keywords" content="<?php wp_title(); ?>, <?php echo of_get_option('sc_metakeywords') ?>" />
  38.  
  39. <meta name="revisit-after" content="<?php echo of_get_option('sc_revisitafter') ?> days" />
  40.  
  41. <meta name="author" content="www.site5.com">
  42.  
  43. <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  44.  
  45. <?php } ?>
  46.  
  47.  
  48.  
  49. <?php if ( of_get_option('sc_enablerobot')== '1') { ?>
  50.  
  51.  
  52.  
  53. <!-- robots -->
  54.  
  55. <meta name="robots" content="<?php echo of_get_option('sc_metabots') ?>" />
  56.  
  57. <meta name="googlebot" content="<?php echo of_get_option('sc_metagooglebot') ?>" />
  58.  
  59. <?php } ?>
  60.  
  61.  
  62.  
  63. <!-- icons & favicons (for more: http://themble.com/support/adding-icons-favicons/) -->
  64.  
  65. <link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico">
  66.  
  67.  
  68.  
  69. <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
  70.  
  71.  
  72.  
  73. <!--[if lt IE 9]>
  74.  
  75. <script src="<?php echo get_template_directory_uri(); ?>/library/js/html5.js"></script>
  76.  
  77. <![endif]-->
  78.  
  79.  
  80.  
  81. <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
  82.  
  83.  
  84.  
  85. <?php if(of_get_option('sc_css_code') != '') { ?>
  86.  
  87. <!-- custom css -->
  88.  
  89. <?php load_template( get_template_directory() . '/custom.css.php' );?>
  90.  
  91. <!-- custom css -->
  92.  
  93. <?php } ?>
  94.  
  95.  
  96.  
  97. <?php if(of_get_option('sc_customtypography') == '1') { ?>
  98.  
  99. <!-- custom typography-->
  100.  
  101. <?php if(of_get_option('sc_headingfontlink') != '') { ?>
  102.  
  103. <?php echo html_entity_decode(of_get_option('sc_headingfontlink'));?>
  104.  
  105. <!-- custom typography -->
  106.  
  107. <?php } ?>
  108.  
  109. <?php load_template( get_template_directory() . '/custom.typography.css.php' );?>
  110.  
  111. <?php } ?>
  112.  
  113.  
  114.  
  115.  
  116.  
  117. <?php if(of_get_option('sc_colorscheme') != '') { ?>
  118.  
  119. <!-- custom color scheme css -->
  120.  
  121. <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/library/css/color-schemes/<?php echo of_get_option('sc_colorscheme')?>/styles.css">
  122.  
  123. <?php } ?>
  124.  
  125.  
  126.  
  127. <!-- wordpress head functions -->
  128.  
  129. <?php wp_head(); ?>
  130.  
  131. <!-- end of wordpress head -->
  132.  
  133. </head>
  134.  
  135.  
  136.  
  137. <body <?php body_class(); ?>>
  138.  
  139. <div id="section-top">
  140.  
  141. <div id="header-wrapper" class="container clearfix">
  142.  
  143. <header role="banner" id="header" class="clearfix">
  144.  
  145.  
  146.  
  147. <!-- begin #logo -->
  148.  
  149. <?php if ( !of_get_option('sc_clogo')== '') { ?>
  150.  
  151. <hgroup id="logo-wrapper">
  152.  
  153. <h1><a id="logo" href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
  154.  
  155. <img src="<?php echo of_get_option('sc_clogo'); ?>" alt="<?php echo bloginfo( 'name' ) ?>" />
  156.  
  157. </a></h1>
  158.  
  159.  
  160.  
  161. </hgroup>
  162.  
  163.  
  164.  
  165. <?php } else { ?>
  166.  
  167.  
  168.  
  169. <hgroup id="logo-wrapper">
  170.  
  171. <h1><a id="logo" href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
  172.  
  173. <?php if( !of_get_option('sc_clogo_text')== '') {
  174.  
  175. echo of_get_option('sc_clogo_text');
  176.  
  177. } else {
  178.  
  179. bloginfo( 'name' );
  180.  
  181. }
  182.  
  183. ?>
  184.  
  185. </a></h1>
  186.  
  187. <h5 id="tagline"><?php bloginfo('description'); ?></h5>
  188.  
  189. </hgroup>
  190.  
  191.  
  192.  
  193. <?php }?>
  194.  
  195. <!-- end #logo -->
  196.  
  197.  
  198.  
  199. <div class="right">
  200.  
  201. <!-- begin #socialIcons -->
  202.  
  203. <div id="social-icons">
  204.  
  205. <ul id="social-links">
  206.  
  207. <?php if(of_get_option('sc_facebook')!='') : ?>
  208.  
  209. <li class="facebook-link"><a href="<?php echo of_get_option('sc_facebook') ?>" class="facebook" id="social-01" title="<?php _e( 'Join Us on Facebook!', 'site5framework' ); ?>">Facebook</a></li>
  210.  
  211. <?php endif ?>
  212.  
  213. <?php if(of_get_option('sc_twitter')!=''): ?>
  214.  
  215. <li class="twitter-link"><a href="<?php echo of_get_option('sc_twitter') ?>" class="twitter" id="social-02" title="<?php _e( 'Follow Us on Twitter', 'site5framework' ); ?>">Twitter</a></li>
  216.  
  217. <?php endif ?>
  218.  
  219. <?php if(of_get_option('sc_googleplus')!=''): ?>
  220.  
  221. <li class="google-link"><a href="<?php echo of_get_option('sc_googleplus') ?>" id="social-03" title="<?php _e( 'Google+', 'site5framework' ); ?>" class="google">Google</a></li>
  222.  
  223. <?php endif ?>
  224.  
  225. <?php if(of_get_option('sc_dribble')!=''): ?>
  226.  
  227. <li class="dribbble-link"><a href="<?php echo of_get_option('sc_dribble') ?>" id="social-04" title="<?php _e( 'Dribble', 'site5framework' ); ?>" class="dribbble">Dribble</a></li>
  228.  
  229. <?php endif ?>
  230.  
  231. <?php if(of_get_option('sc_vimeo')!=''): ?>
  232.  
  233. <li class="vimeo-link"><a href="<?php echo of_get_option('sc_vimeo') ?>" id="social-05" title="<?php _e( 'Vimeo', 'site5framework' ); ?>" class="vimeo">Vimeo</a></li>
  234.  
  235. <?php endif ?>
  236.  
  237. <?php if(of_get_option('sc_skype')!=''): ?>
  238.  
  239. <li class="skype-link"><a href="<?php echo of_get_option('sc_skype') ?>" id="social-06" title="<?php _e( 'Skype', 'site5framework' ); ?>" class="skype">Skype</a></li>
  240.  
  241. <?php endif ?>
  242.  
  243. <?php if(of_get_option('sc_linkedin')!=''): ?>
  244.  
  245. <li class="linkedin-link"><a href="<?php echo of_get_option('sc_linkedin') ?>" id="social-07" title="<?php _e( ' LinkedIn', 'site5framework' ); ?>" class="linkedin">Linkedin</a></li>
  246.  
  247. <?php endif ?>
  248.  
  249. <?php if(of_get_option('sc_pinterest')!=''): ?>
  250.  
  251. <li class="pinterest-link"><a href="<?php echo of_get_option('sc_pinterest') ?>" id="social-09" title="<?php _e( 'Pinterest', 'site5framework' ); ?>" class="pinterest">Pinterest</a></li>
  252.  
  253. <?php endif ?>
  254.  
  255. <?php if(of_get_option('sc_livejournal')!=''): ?>
  256.  
  257. <li class="livejournal-link"><a href="<?php echo of_get_option('sc_livejournal') ?>" id="social-10" title="<?php _e( 'LiveJournal', 'site5framework' ); ?>" class="livejournal">LiveJournal</a></li>
  258.  
  259. <?php endif ?>
  260.  
  261. <?php if(of_get_option('sc_tumblr')!=''): ?>
  262.  
  263. <li class="tumblr-link"><a href="<?php echo of_get_option('sc_tumblr') ?>" id="social-11" title="<?php _e( 'Tumblr', 'site5framework' ); ?>" class="tumblr">Tumblr</a></li>
  264.  
  265. <?php endif ?>
  266.  
  267. <?php if(of_get_option('sc_behance')!=''): ?>
  268.  
  269. <li class="behance-link"><a href="<?php echo of_get_option('sc_behance') ?>" id="social-12" title="<?php _e( 'Behance', 'site5framework' ); ?>" class="behance">Behance</a></li>
  270.  
  271. <?php endif ?>
  272.  
  273. <?php if(of_get_option('sc_paypal')!=''): ?>
  274.  
  275. <li class="paypal-link"><a href="<?php echo of_get_option('sc_paypal') ?>" id="social-13" title="<?php _e( 'Paypal', 'site5framework' ); ?>" class="paypal">Paypal</a></li>
  276.  
  277. <?php endif ?>
  278.  
  279. <?php if(of_get_option('sc_instagram')!=''): ?>
  280.  
  281. <li class="instagram-link"><a href="<?php echo of_get_option('sc_instagram') ?>" id="social-14" title="<?php _e( 'Instagram', 'site5framework' ); ?>" class="instagram">Instagram</a></li>
  282.  
  283. <?php endif ?>
  284.  
  285. <?php if(of_get_option('sc_delicious')!=''): ?>
  286.  
  287. <li class="delicious-link"><a href="<?php echo of_get_option('sc_delicious') ?>" id="social-15" title="<?php _e( 'Delicious', 'site5framework' ); ?>" class="delicious">Delicious</a></li>
  288.  
  289. <?php endif ?>
  290.  
  291. <?php if(of_get_option('sc_digg')!=''): ?>
  292.  
  293. <li class="digg-link"><a href="<?php echo of_get_option('sc_digg') ?>" id="social-16" title="<?php _e( 'Digg', 'site5framework' ); ?>" class="digg">Digg</a></li>
  294.  
  295. <?php endif ?>
  296.  
  297. <?php if(of_get_option('sc_youtube')!=''): ?>
  298.  
  299. <li class="youtube-link"><a href="<?php echo of_get_option('sc_youtube') ?>" id="social-17" title="<?php _e( 'YouTube', 'site5framework' ); ?>" class="youtube">YouTube</a></li>
  300.  
  301. <?php endif ?>
  302.  
  303. <?php if(of_get_option('sc_rss')=='1'): ?>
  304.  
  305. <li class="rss-link"><a href="<?php echo of_get_option('sc_extrss') ? of_get_option('sc_extrss') : bloginfo('rss_url'); ?>" id="social-08" title="<?php _e( 'RSS', 'site5framework' ); ?>" class="rss">RSS Feeds</a></li>
  306.  
  307. <?php endif ?>
  308.  
  309.  
  310.  
  311. <?php if(of_get_option('sc_blurbhome') == '1') { ?>
  312.  
  313. <!-- begin .blurb -->
  314.  
  315. <div class="stay-connected">
  316.  
  317. <?php if(!of_get_option('sc_blurb') == '') { ?>
  318.  
  319. <p><?php echo of_get_option('sc_blurb') ?></p>
  320.  
  321. <?php }?>
  322.  
  323. </div>
  324.  
  325. <?php } ?>
  326.  
  327. <!-- end .blurb -->
  328.  
  329. </ul>
  330.  
  331. </div>
  332.  
  333. <div id="responsive-social-wrapper">
  334.  
  335. <select id="responsive-social-menu" onchange = "javascript:window.location.replace(this.value);"><option selected="selected" ><?php _e('Social Links', 'site5framework'); ?></select>
  336.  
  337. </div>
  338.  
  339. <!-- end #socialIcons -->
  340.  
  341. </div>
  342.  
  343.  
  344.  
  345.  
  346.  
  347. </header> <!-- end header -->
  348.  
  349. </div>
  350.  
  351. </div>
  352.  
  353.  
  354.  
  355. <!-- begin #topMenu -->
  356.  
  357. <div id="navigation-wrapper" class="clearfix">
  358.  
  359. <div id="responsive-main-nav-wrapper">
  360.  
  361. <select id = "responsive-main-nav-menu" onchange = "javascript:window.location.replace(this.value);"></select>
  362.  
  363. </div>
  364.  
  365.  
  366.  
  367. <nav id="main-navigation" class="main-menu">
  368.  
  369. <?php
  370.  
  371. site5_main_nav( array(
  372.  
  373. 'container' =>false,
  374.  
  375. 'menu_class' => '',
  376.  
  377. 'echo' => true,
  378.  
  379. 'before' => '',
  380.  
  381. 'after' => '',
  382.  
  383. 'link_before' => '',
  384.  
  385. 'link_after' => '',
  386.  
  387. 'depth' => 0
  388.  
  389. )
  390.  
  391. );
  392.  
  393. // Adjust using Menus in Wordpress Admin ?>
  394.  
  395. </nav>
  396.  
  397.  
  398.  
  399. <div id="search-wrapper-right">
  400.  
  401. <?php get_search_form(); ?>
  402.  
  403. </div>
  404.  
  405. </div>
  406.  
  407. <!-- end #topMenu -->
  408.  
  409.  
  410.  
  411. <div id="page">