<!DOCTYPE html>
<head>

	
	
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Pós-modernidade | Holgonsi</title>
		<meta name="description" content="Pós-modernidade |Prof. Dr. Holgonsi Soares Gonçalves Siqueira" />
		<meta name="keywords" content="pós-modernidade, pós-modernismo, pós-modernização, globalização, política pós-moderna, sociedade pós-moderna, cultura pós-moderna, educação pós-moderna, holgonsi" />
		<meta name="author" content="Pós-modernidade | Holgonsi" />
		<link rel="shortcut icon" href="../favicon.ico"> 
		<link rel="stylesheet" type="text/css" href="css/default.css" />
		<link rel="stylesheet" type="text/css" href="css/component.css" />
		<script src="js/modernizr.custom.js"></script>
	</head>
	<body>
			<div class="container">	
			<!-- Codrops top bar -->
			<div class="codrops-top clearfix">
							</div>
			<header>
				<h1><b>PÓS-MODERNIDADE <span>Prof. Dr. Holgonsi Soares Gonçalves Siqueira<b></span></h1>	
			</header>

						<div class="main clearfix">
				<nav id="menu" class="nav">					
					<ul>
						<li>
							<a href="http://www.holgonsi.com/home.html">
								<span class="icon"> 
                                                                                                                                                        <span class="icon"> 
                                                                                                                                                           									
                                                                                                                                                          <span><b>Home</b></span>
							</a>

						</li>



						<li>


							<a href="http://www.holgonsi.com/pos-modernidade/artigos.html">
                                                                                                                                                            <span class="icon"> 
                                                                                                                                                             <span class="icon">                                                                                                                                   
                                                                                                                                   
								  <span><b>Pósmodernidade</b></span>
							</a>
						</li>

                                                                                                                     <li>
							<a href="http://www.holgonsi.com/globalizacao/artigos.html">
                                                                                                                                                     <span class="icon"> 
                                                                                                                                                        <span class="icon"> 
									
								<span><b>Globalização</b></span>
							</a>
						</li>

                                                                                                                             <li>
							<a href="http://www.holgonsi.com/politica/artigos.html">
                                                                                                                                             <span class="icon"> 
							<span class="icon">		 
								<span><b>Política</b></span>
							</a>
						</li>


                                                                                                                        <li>
							<a href="http://www.holgonsi.com/educacao/artigos.html">
                                                                                                                                            <span class="icon"> 
                                                                                                                                            <span class="icon"> 
								 <span><b>Educação</b></span>
							</a>
						</li>

<span></span>


						<li>
							<a href="http://www.holgonsi.com/destaques.html">
								<span class="icon">
                                                                                                                                                           <span class="icon">
								<span><b>Destaques</b></span>
							</a>
						</li>
                                                                             <span></span>
                                                                             <span></span>
                                                                             


                                                                                                                 <li>
							<a href="http://www.holgonsi.com/grupos-de-pesquisa.html">
								<span class="icon">
                                                                                                                                                            <span class="icon">
								<span><b>Pesquisa</b></span>
							</a>
              

                                                                                                                                 <li>
							<a href="http://www.holgonsi.com/palestras.html">
                                                                                                                                                          <span class="icon"> 
                                                                                                                                                          <span class="icon">
								<span><b>Palestras</b></span>
							</a>
						</li>

<span></span>
<span></span>
						<li>
							<a href="http://www.holgonsi.com/disciplinas/disciplinas.html">
								<span class="icon">
                                                                                                                                                           <span class="icon">
								<span><b>Disciplinas</b></span>
							</a>
						</li>

                                                                                                                    <li>


							<a href="https://www.angelfire.com/sk/holgonsi/stf.html"target="_blank">
                                                                                                                                                            <span class="icon"> 
                                                                                                                                                             <span class="icon">                                                                                                                                   
                                                                                                                                   
								  <span><b>Livro</b></span>
							</a>
						</li>

                                                                                                                      <li>


							<a href="http://lattes.cnpq.br/1131404786425020">
                                                                                                                                                            <span class="icon"> 
                                                                                                                                                             <span class="icon">                                                                                                                                   
                                                                                                                                   
								  <span><b>Currículo</b></span>
							</a>
						</li>

                                                                                                                     <li>


							<a href="mailto:soares@holgonsi.com"target="_blank">
                                                                                                                                                            <span class="icon"> 
                                                                                                                                                             <span class="icon">                                                                                                                                   
                                                                                                                                   
								  <span><b>Contato</b></span>
							</a>
						</li>

        
					</ul>


				</nav>
			</div>
		</div><!-- /container -->













		<script>
			//  The function to change the class
			var changeClass = function (r,className1,className2) {
				var regex = new RegExp("(?:^|\\s+)" + className1 + "(?:\\s+|$)");
				if( regex.test(r.className) ) {
					r.className = r.className.replace(regex,' '+className2+' ');
			    }
			    else{
					r.className = r.className.replace(new RegExp("(?:^|\\s+)" + className2 + "(?:\\s+|$)"),' '+className1+' ');
			    }
			    return r.className;
			};	

			//  Creating our button in JS for smaller screens
			var menuElements = document.getElementById('menu');
			menuElements.insertAdjacentHTML('afterBegin','<button type="button" id="menutoggle" class="navtoogle" aria-hidden="true"><i aria-hidden="true" class="icon-menu"> </i> Menu</button>');

			//  Toggle the class on click to show / hide the menu
			document.getElementById('menutoggle').onclick = function() {
				changeClass(this, 'navtoogle active', 'navtoogle');
			}

			// http://tympanus.net/codrops/2013/05/08/responsive-retina-ready-menu/comment-page-2/#comment-438918
			document.onclick = function(e) {
				var mobileButton = document.getElementById('menutoggle'),
					buttonStyle =  mobileButton.currentStyle ? mobileButton.currentStyle.display : getComputedStyle(mobileButton, null).display;

				if(buttonStyle === 'block' && e.target !== mobileButton && new RegExp(' ' + 'active' + ' ').test(' ' + mobileButton.className + ' ')) {
					changeClass(mobileButton, 'navtoogle active', 'navtoogle');
				}
			}
		</script>


	</body>
</html>