Código Completo

avatar
unknown
html
4 years ago
3.7 kB
5
Indexable
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width", initial-scale=1>
	<title>Responsive</title>
	<link rel="stylesheet" type="text/css" href="estilos.css">
	<link rel="stylesheet" type="text/css" href="fontawesome/css/all.css">
	
	<!--Aplicar icon-->
	<link rel="icon" type="image/png" href="favicon-32x32.png">

</head>
<body>
	<header>
		<div class="logotipo">Logo</div>
		<div class="social">
			<ul>
				<li><a href="#"><i class="fab fa-facebook"></i></a></li>
				<li><a href="#"></a><i class="fab fa-instagram"></i></li>
				<li><a href="#"><i class="fab fa-twitter"></i></a></li>
			</ul>
		</div>
	</header>
	<nav>
		<ul>
			<li><a href="#">Menu1</a></li>
			<li><a href="#">Menu2</a></li>
			<li><a href="#">Menu3</a></li>
			<li><a href="#">Menu4</a></li>
			<li><a href="#">Menu5</a></li>
		</ul>
	</nav>
	<main>
		<section class="bloco">
			<div class="linha">
				<div class="col col_50">
					<div class="noticia">
						<img src="carro.jpg">
						<h3>Título</h3>
						<p>Texto Texto</p>
						<button>Ver</button>
					</div>
				</div>
				<div class="col col_50">
					<div class="noticia">
						<img src="carro.jpg">
						<h3>Título</h3>
						<p>Texto Texto</p>
						<button>Ver</button>
					</div>
				</div>
			</div>
			<div class="linha">
				<div class="col col_33">
					<div class="noticia">
						<img src="carro.jpg">
						<h3>Título</h3>
						<p>Texto Texto</p>
						<button>Ver</button>
					</div>
				</div>
				<div class="col col_33">
					<div class="noticia">
						<img src="carro.jpg">
						<h3>Título</h3>
						<p>Texto Texto</p>
						<button>Ver</button>
					</div>
				</div>
				<div class="col col_33">
					<div class="noticia">
						<img src="carro.jpg">
						<h3>Título</h3>
						<p>Texto Texto</p>
						<button>Ver</button>
					</div>
				</div>
			</div>
			<div class="linha">
				<div class="col col_25">
					<div class="noticia">
						<img src="carro.jpg">
						<h3>Título</h3>
						<p>Texto Texto</p>
						<button>Ver</button>
					</div>
				</div>
				<div class="col col_25">
					<div class="noticia">
						<img src="carro.jpg">
						<h3>Título</h3>
						<p>Texto Texto</p>
						<button>Ver</button>
					</div>
				</div>
				<div class="col col_25">
					<div class="noticia">
						<img src="carro.jpg">
						<h3>Título</h3>
						<p>Texto Texto</p>
						<button>Ver</button>
					</div>
				</div>
				<div class="col col_25">
					<div class="noticia">
						<img src="carro.jpg">
						<h3>Título</h3>
						<p>Texto Texto</p>
						<button>Ver</button>
					</div>
				</div>
			</div>
		</section>

		<section>
			<div class="promo">
				<marquee behavior="scroll direction=right">
					<h1>Promo Frase</h1>
				</marquee>
		</section>
		<section class="bloco">
			<div class="services">
				<div class="linha">
					<div class="col col_30 destaque"></div>
					<div class="col col_70"></div>
				</div>
				<div class="linha">
					<div class="col col_70"></div>
					<div class="col col_30 destaque"></div>
				</div>
			</div>
		</section>
		<section>
			<div class="destaque linha">
				<div class="col col_20"></div>
				<div class="col col_60"></div>
				<form>
					<label>Subrescreve a Newsletter</label>
					<input type="email">
					<button type="submit">Subscrever</button>
				</form>
			</div>
			<div class="col col_20"></div>
		</section>
		<section class="bloco"></section>
		<section class="team"></section>
	</main>
	<footer></footer>
</body>
</html>
Editor is loading...