Skip to content

Instantly share code, notes, and snippets.

@gbrennon

gbrennon/modular.html

Created January 20, 2017 20:50
Show Gist options
  • Save gbrennon/ef7caabc0231ef2dfd0068017eb34c63 to your computer and use it in GitHub Desktop.
Save gbrennon/ef7caabc0231ef2dfd0068017eb34c63 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
modular.html
<html>
<!-- Sugestão estrutura html modular -->
<body>
<div id="root">
<!-- Conteúdo renderizado aqui dentro -->
<!--conteudo do header -->
<header class="header header-container">
<div class="header header-brand">
<img class="header header-brand-img" alt="Header img" />
</div>
</header>
<!-- fim do header -->
<!-- container para renderizar paginas -->
<div id="app-container">
<div class="hotel-container">
<h1 class="hotel-container title">Hoteis</h1>
<div class="hotel-list">
<div class="hotel">
<div class="hotel-thumb">
<img src="">
</div>
<div class="hotel-data">
<h3>Hotel</h3>
<p>Info</p>
</div>
</div>
<div class="hotel">
<div class="hotel-thumb">
<img src="">
</div>
<div class="hotel-data">
<h3>Hotel</h3>
<p>Info</p>
</div>
</div>
<div class="hotel">
<div class="hotel-thumb">
<img src="">
</div>
<div class="hotel-data">
<h3>Hotel</h3>
<p>Info</p>
</div>
</div>
<div class="hotel">
<div class="hotel-thumb">
<img src="">
</div>
<div class="hotel-data">
<h3>Hotel</h3>
<p>Info</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment