You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.8 KiB
66 lines
1.8 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Mario's World</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="styles/base.css" />
|
|
<link rel="stylesheet/less" type="text/css" href="styles/base.less" />
|
|
<script src="scripts/less/less.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<img height="100" width="100" src="images/logo.png"/>
|
|
<h1>Mario's World</h1>
|
|
<p>
|
|
<a href="tabela.html">Games</a>
|
|
·
|
|
<a href="formulario.html">Contact</a>
|
|
</p>
|
|
</header>
|
|
<main>
|
|
<section>
|
|
<h1>You find everything here</h1>
|
|
<p>You're <span>Welcome</span> !</p>
|
|
</section>
|
|
<hr/>
|
|
|
|
<section id="bloco-grid">
|
|
<h1>Super Mario Bros</h1>
|
|
<div data-colunas="grid" class="grid">
|
|
<div>
|
|
<h2>History</h2>
|
|
<p></p>
|
|
</div>
|
|
<div>
|
|
<h2>Curiosity</h2>
|
|
<p></p>
|
|
</div>
|
|
<div>
|
|
<h2>Easter Eggs</h2>
|
|
<p></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr/>
|
|
|
|
<section id="bloco-flex">
|
|
<h1>Photos</h1>
|
|
<div class="tipos-veiculos" data-colunas="flex">
|
|
<div>
|
|
<h2>Mario Kart</h2>
|
|
<img src="https://i.pinimg.com/550x/79/19/f1/7919f170722125e4aa067d9548238575.jpg/"/>
|
|
</div>
|
|
<div>
|
|
<h2>Super Mario Bros</h2>
|
|
<p><img src="https://i.pinimg.com/550x/79/19/f1/7919f170722125e4aa067d9548238575.jpg/"/></p>
|
|
</div>
|
|
<div>
|
|
<h2>Mario Run</h2>
|
|
<p><img src="https://i.pinimg.com/550x/79/19/f1/7919f170722125e4aa067d9548238575.jpg/"/></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<script src="scripts/main.js"></script>
|
|
</body>
|
|
</html>
|