blog.html

<!DOCTYPE html>






<!--










				BEM-VINDO AO MEU SITE, HACKER



				se você não é um hacker, é uma pessoa que consegue acessar
				o código-fonte do meu site. Parabéns! :)










				Divirta-se
				















-->









<html>
<head>

	<!-- Basic -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Simas - Blog</title>
	<meta name="description" content="">
	<meta name="keywords" content="">

	<!-- Mobile Specific Metas -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

	<!-- Load Fonts -->
	<link href='https://fonts.googleapis.com/css?family=Roboto+Mono:400,100,300italic,300,100italic,400italic,500,500italic,700,700italic&amp;subset=latin,cyrillic' rel='stylesheet'>

	<!-- CSS -->
	<link rel="stylesheet" href="assets/css/glitche-basic.css" />
	<link rel="stylesheet" href="assets/css/glitche-layout.css" />
	<link rel="stylesheet" href="assets/css/ionicons.css" />
	<link rel="stylesheet" href="assets/css/magnific-popup.css" />
	<link rel="stylesheet" href="assets/css/animate.css" />

	<!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Favicons -->
<link rel="shortcut icon" href="images/favicons/favicon.ico">
<link rel="apple-touch-icon" href="images/favicons/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/favicons/apple-touch-icon-114x114.png">

</head>

<body>


	<!-- Preloader -->
	<div class="preloader">
		<div class="centrize full-width">
			<div class="vertical-center">
				<div class="pre-inner">
					<div class="load typing-load"><p>espere um poquito...</p></div>
					<span class="typed-load"></span>
				</div>
			</div>
		</div>
	</div>

	<!-- Container -->
	<div class="container">

		<!-- Header -->
		<header>
			<div class="head-top">
				<a href="#" class="menu-btn"><span></span></a>
				<div class="top-menu">
					<ul>
						<li><a href="index.html" class="btn"><div class="h-title glitch-effect" data-text="Começo"><span>Começo</span></div></a></li>
						<li><a href="resumodessaferaaimeu.html" class="lnk"><div class="h-title glitch-effect" data-text="Resumão"><span>Resumão</span></div></a></li>
						<li><a href="portfolio.html" class="lnk"><div class="h-title glitch-effect" data-text="Coisas que já fiz"><span>Coisas que já fiz</span></div></a></li>
						<li><a href="contacts.html" class="lnk"><div class="h-title glitch-effect" data-text="Fala aí"><span>Fala aí</span></div></a></li>
					</ul>
				</div>
			</div>
		</header>

		<!-- Wrapper -->
		<div class="wrapper">

			<!-- Started -->
			<div class="section started">
				<div class="centrize full-width">
					<div class="vertical-center">
						<div class="started-content">
							<div class="h-title glitch-effect" data-text="Blablablog">Blablablog</div>
							<div class="h-subtitle typing-bread">
								<p><a href="index.html">Começo</a> / <a href="blog.html">Blog</a></p>
							</div>
							<span class="typed-bread"></span>
							<br><br>
							<div class="h-subtitle typing-subtitle">
								<p>Onde eu falo da vida</p>
								<p>Onde eu falo do universo</p>
								<p>Onde eu falo de tudo o mais</p>
							</div>
							<span class="typed-subtitle"></span>
						</div>
					</div>
				</div>
				<a href="#" class="mouse_btn"><span class="ion ion-mouse"></span></a>
			</div>


			<!-- Blog -->
			<div class="section blog">
				<div class="content">
					<div class="title">
						<div class="title_inner">Posts</div>
					</div>

					<div class="box-items">

						<div class="box-item">
							<div class="image">
								<a href="blog/blog3.html">
									<img src="images/blog/blog3_1.jpg" alt="" />
									<span class="info">
										<span class="centrize full-width">
											<span class="vertical-center">
												<span class="ion ion-ios-book-outline"></span>
											</span>
										</span>
									</span>
								</a>
							</div>
							<div class="desc">
								<div class="date">ago 2019</div>
								<a href="blog/blog3.html" class="name">cidadãodebem</a>
							</div>
						</div>

						<div class="box-item">
							<div class="image">
								<a href="blog/blog2.html">
									<img src="images/blog/blog2_1.jpg" alt="" />
									<span class="info">
										<span class="centrize full-width">
											<span class="vertical-center">
												<span class="ion ion-ios-book-outline"></span>
											</span>
										</span>
									</span>
								</a>
							</div>
							<div class="desc">
								<div class="date">mar 2019</div>
								<a href="blog/blog2.html" class="name">Promessa é dúvida</a>
							</div>
						</div>

						<div class="box-item">
							<div class="image">
								<a href="blog/blog1.html">
									<img src="images/blog/blog1_1.jpg" alt="" />
									<span class="info">
										<span class="centrize full-width">
											<span class="vertical-center">
												<span class="ion ion-ios-book-outline"></span>
											</span>
										</span>
									</span>
								</a>
							</div>
							<div class="desc">
								<div class="date">fev 2019</div>
								<a href="blog/blog1.html" class="name">Hotel Caiaponte</a>
							</div>
						</div>

					</div>
					<div class="clear"></div>
				</div>
				<p>Demais posts pelo <a target="_blank" href="http://medium.com/@gustavosimassilva">Medium</a></p>
			</div>

		</div>

		<!-- Footer -->
		<footer>
			<div class="soc">
				<a target="_blank" href="http://instagram.com/tudoemsimas"><span class="ion ion-social-instagram-outline"></span></a>
				<a target="_blank" href="https://github.com/Gsimas"><span class="ion ion-social-github"></span></a>
				<a target="_blank" href="http://fb.com/simasgs"><span class="ion ion-social-facebook"></span></a>
				<a target="_blank" href="https://www.youtube.com/channel/UCDDJCfR7E3dODL-uKJloOqg"><span class="ion ion-social-youtube"></span></a>
				<a target="_blank" href="https://www.linkedin.com/in/simasgs/"><span class="ion ion-social-linkedin"></span></a>
				<a target="_blank" href="http://medium.com/@gustavosimassilva"><span class="ion ion-social-rss"></span></a>
			</div>
			<div class="copy">© 2020 Simas. Todos os direitos reservados, bro.</div>
			<div class="clr"></div>
		</footer>

		<!-- Lines -->
		<div class="line top"></div>
		<div class="line bottom"></div>
		<div class="line left"></div>
		<div class="line right"></div>

	</div>

	<!-- jQuery Scripts -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/jquery.validate.js"></script>
	<script src="assets/js/typed.js"></script>
	<script src="assets/js/magnific-popup.js"></script>
	<script src="assets/js/masonry.pkgd.js"></script>
	<script src="assets/js/imagesloaded.pkgd.js"></script>
	<script src="assets/js/masonry-filter.js"></script>

	<!-- Main Scripts -->
	<script src="assets/js/glitche-scripts.js"></script>

</body>
</html>