aaaaaaaaaaaaaa
After Width: | Height: | Size: 118 KiB |
BIN
assets/img/bc.jpg
Normal file
After Width: | Height: | Size: 57 KiB |
BIN
assets/img/bcatual.jpg
Normal file
After Width: | Height: | Size: 26 KiB |
BIN
assets/img/bchero.jpg
Normal file
After Width: | Height: | Size: 50 KiB |
BIN
assets/img/blackout.jpg
Normal file
After Width: | Height: | Size: 313 KiB |
BIN
assets/img/echo.jpg
Normal file
After Width: | Height: | Size: 55 KiB |
BIN
assets/img/hellofascination.jpg
Normal file
After Width: | Height: | Size: 100 KiB |
BIN
assets/img/hellofascinationdeluxe.jpg
Normal file
After Width: | Height: | Size: 656 KiB |
BIN
assets/img/itsclassynotclassic.jpg
Normal file
After Width: | Height: | Size: 163 KiB |
BIN
assets/img/keepcalmbc.jpg
Normal file
After Width: | Height: | Size: 78 KiB |
BIN
assets/img/raindrops.jpg
Normal file
After Width: | Height: | Size: 40 KiB |
BIN
assets/img/savages.jpg
Normal file
After Width: | Height: | Size: 155 KiB |
BIN
assets/img/sleepless.jpg
Normal file
After Width: | Height: | Size: 1.2 MiB |
|
@ -39,11 +39,18 @@ footer {
|
|||
}
|
||||
|
||||
aside {
|
||||
min-width: 100px;
|
||||
min-height: 100px;
|
||||
grid-area: aside;
|
||||
background-color: gray;
|
||||
border-right: 4px solid white;
|
||||
}
|
||||
|
||||
aside > div {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
main {
|
||||
grid-area: main;
|
||||
}
|
||||
|
|
88
index.html
|
@ -8,12 +8,17 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>“<i>oh meu <b>deus</b> isso é <b>pirataria</b>?</i>”</h1>
|
||||
<h1 id="titulo">“<i>oh meu <b>deus</b> isso é <b>pirataria</b>?</i>”</h1>
|
||||
<p>O lugar onde os mais malvados podem fazer seus executivos favoritos receberem uma fração a menos de seus salários!</p>
|
||||
</header>
|
||||
<aside>
|
||||
<h2>Ir para:</h2>
|
||||
<a href="#repacks">repacks</a>
|
||||
<div>
|
||||
<h2>Ir para:</h2>
|
||||
<p><a href="#titulo">topo</a></p>
|
||||
<p><a href="#repacks">repacks</a></p>
|
||||
<p><a href="#albuns">álbuns</a></p>
|
||||
<p><a href="#breathecarolina">fotos da Breathe Carolina</a></p>
|
||||
</div>
|
||||
</aside>
|
||||
<main>
|
||||
<div class="generalDisclaimer">
|
||||
|
@ -44,21 +49,76 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="galeria">
|
||||
<div class="galeria" id="albuns">
|
||||
<div class="galHeader">
|
||||
<h1>repacks</h1>
|
||||
<h1>álbuns</h1>
|
||||
</div>
|
||||
<div class="galHP">
|
||||
<img class="galImg" src="assets/img/penumbraoverture.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="galeria">
|
||||
<div class="galHeader">
|
||||
<h1>repacks</h1>
|
||||
</div>
|
||||
<div class="galHP">
|
||||
<img class="galImg" src="assets/img/penumbraoverture.jpg">
|
||||
<div class="galleryEntry">
|
||||
<img class="comingSoonPicture galImg" src="assets/img/itsclassynotclassic.jpg">
|
||||
<div class="comingSoonText"><p>Em breve...</p></div>
|
||||
<div class="galleryEntryName"><p>It's Classy, Not Classic</p></div>
|
||||
</div>
|
||||
<div class="galleryEntry">
|
||||
<img class="comingSoonPicture galImg" src="assets/img/hellofascination.jpg">
|
||||
<div class="comingSoonText"><p>Em breve...</p></div>
|
||||
<div class="galleryEntryName"><p>Hello Fascination</p></div>
|
||||
</div>
|
||||
<div class="galleryEntry">
|
||||
<img class="comingSoonPicture galImg" src="assets/img/hellofascinationdeluxe.jpg">
|
||||
<div class="comingSoonText"><p>Em breve...</p></div>
|
||||
<div class="galleryEntryName"><p>Hello Fascination: Deluxe Edition</p></div>
|
||||
</div>
|
||||
<div class="galleryEntry">
|
||||
<img class="comingSoonPicture galImg" src="assets/img/blackout.jpg">
|
||||
<div class="comingSoonText"><p>Em breve...</p></div>
|
||||
<div class="galleryEntryName"><p>Blackout: The Remixes</p></div>
|
||||
</div>
|
||||
<div class="galleryEntry">
|
||||
<img class="comingSoonPicture galImg" src="assets/img/Hell_Is_What_You_Make_It-thumb-1200xauto-1448-2727592041.jpg">
|
||||
<div class="comingSoonText"><p>Em breve...</p></div>
|
||||
<div class="galleryEntryName"><p>Hell Is What You Make It</p></div>
|
||||
</div>
|
||||
<div class="galleryEntry">
|
||||
<img class="comingSoonPicture galImg" src="assets/img/savages.jpg">
|
||||
<div class="comingSoonText"><p>Em breve...</p></div>
|
||||
<div class="galleryEntryName"><p>Savages</p></div>
|
||||
</div>
|
||||
<div class="galleryEntry">
|
||||
<img class="comingSoonPicture galImg" src="assets/img/sleepless.jpg">
|
||||
<div class="comingSoonText"><p>Em breve...</p></div>
|
||||
<div class="galleryEntryName"><p>Sleepless</p></div>
|
||||
</div>
|
||||
<div class="galleryEntry">
|
||||
<img class="comingSoonPicture galImg" src="assets/img/echo.jpg">
|
||||
<div class="comingSoonText"><p>Em breve...</p></div>
|
||||
<div class="galleryEntryName"><p>Echo (Let Go)</p></div>
|
||||
</div>
|
||||
<div class="galleryEntry">
|
||||
<img class="comingSoonPicture galImg" src="assets/img/raindrops.jpg">
|
||||
<div class="comingSoonText"><p>Em breve...</p></div>
|
||||
<div class="galleryEntryName"><p>Rain Drops EP</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="galeria" id="breathecarolina">
|
||||
<div class="galHeader">
|
||||
<h1>fotos da Breathe Carolina</h1>
|
||||
</div>
|
||||
<div class="galHP">
|
||||
<div class="galleryEntry">
|
||||
<img class="comingSoonPicture galImg" src="assets/img/bc.jpg">
|
||||
</div>
|
||||
<div class="galleryEntry">
|
||||
<img class="comingSoonPicture galImg" src="assets/img/bchero.jpg">
|
||||
</div>
|
||||
<div class="galleryEntry">
|
||||
<img class="comingSoonPicture galImg" src="assets/img/keepcalmbc.jpg">
|
||||
</div>
|
||||
<div class="galleryEntry">
|
||||
<img class="comingSoonPicture galImg" src="assets/img/bcatual.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
|
|