Projects wip.
This commit is contained in:
parent
529139d03a
commit
bf52531677
BIN
src/dist/img/project-1-cover.png
vendored
Normal file
BIN
src/dist/img/project-1-cover.png
vendored
Normal file
Binary file not shown.
After Width: | Height: | Size: 191 KiB |
BIN
src/dist/img/project-2-cover.png
vendored
Normal file
BIN
src/dist/img/project-2-cover.png
vendored
Normal file
Binary file not shown.
After Width: | Height: | Size: 212 KiB |
BIN
src/dist/img/project-3-cover.png
vendored
Normal file
BIN
src/dist/img/project-3-cover.png
vendored
Normal file
Binary file not shown.
After Width: | Height: | Size: 180 KiB |
BIN
src/dist/img/project-4-cover.png
vendored
Normal file
BIN
src/dist/img/project-4-cover.png
vendored
Normal file
Binary file not shown.
After Width: | Height: | Size: 95 KiB |
BIN
src/dist/img/project-5-cover.png
vendored
Normal file
BIN
src/dist/img/project-5-cover.png
vendored
Normal file
Binary file not shown.
After Width: | Height: | Size: 118 KiB |
90
src/dist/index.html
vendored
90
src/dist/index.html
vendored
@ -122,27 +122,62 @@
|
||||
<div class="tile is-vertical is-12">
|
||||
<div class="tile">
|
||||
<div class="tile is-parent is-vertical">
|
||||
<article class="tile is-child notification is-info">
|
||||
<p class="title">Middle tile</p>
|
||||
<p class="subtitle">With an image</p>
|
||||
<article class="tile is-child notification">
|
||||
<p class="title">Project</p>
|
||||
<p class="subtitle">Client</p>
|
||||
<figure class="image is-4by3">
|
||||
<img src="https://bulma.io/images/placeholders/640x480.png">
|
||||
<img src="img/project-1-cover.png">
|
||||
</figure>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="tile is-parent">
|
||||
<article class="tile is-child notification is-info">
|
||||
<p class="title">Middle tile</p>
|
||||
<p class="subtitle">With an image</p>
|
||||
<article class="tile is-child notification">
|
||||
<p class="title">Project</p>
|
||||
<p class="subtitle">Client</p>
|
||||
<figure class="image is-4by3">
|
||||
<img src="https://bulma.io/images/placeholders/640x480.png">
|
||||
<img src="img/project-2-cover.png">
|
||||
</figure>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="tile is-parent">
|
||||
<article class="tile is-child notification is-info">
|
||||
<article class="tile is-child notification">
|
||||
<p class="title">Project</p>
|
||||
<p class="subtitle">Client</p>
|
||||
<figure class="image is-4by3">
|
||||
<img src="img/project-3-cover.png">
|
||||
</figure>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile is-ancestor">
|
||||
<div class="tile is-vertical is-12">
|
||||
<div class="tile">
|
||||
<div class="tile is-parent is-vertical">
|
||||
<article class="tile is-child notification">
|
||||
<p class="title">Project</p>
|
||||
<p class="subtitle">Client</p>
|
||||
<figure class="image is-4by3">
|
||||
<img src="img/project-4-cover.png">
|
||||
</figure>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="tile is-parent">
|
||||
<article class="tile is-child notification">
|
||||
<p class="title">Project</p>
|
||||
<p class="subtitle">Client</p>
|
||||
<figure class="image is-4by3">
|
||||
<img src="img/project-5-cover.png">
|
||||
</figure>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="tile is-parent">
|
||||
<article class="tile is-child notification">
|
||||
<p class="title">Middle tile</p>
|
||||
<p class="subtitle">With an image</p>
|
||||
<figure class="image is-4by3">
|
||||
@ -151,43 +186,8 @@
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile is-ancestor">
|
||||
<div class="tile is-vertical is-12">
|
||||
<div class="tile">
|
||||
<div class="tile is-parent is-vertical">
|
||||
<article class="tile is-child notification is-info">
|
||||
<p class="title">Middle tile</p>
|
||||
<p class="subtitle">With an image</p>
|
||||
<figure class="image is-4by3">
|
||||
<img src="https://bulma.io/images/placeholders/640x480.png">
|
||||
</figure>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="tile is-parent">
|
||||
<article class="tile is-child notification is-info">
|
||||
<p class="title">Middle tile</p>
|
||||
<p class="subtitle">With an image</p>
|
||||
<figure class="image is-4by3">
|
||||
<img src="https://bulma.io/images/placeholders/640x480.png">
|
||||
</figure>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="tile is-parent">
|
||||
<article class="tile is-child notification is-info">
|
||||
<p class="title">Middle tile</p>
|
||||
<p class="subtitle">With an image</p>
|
||||
<figure class="image is-4by3">
|
||||
<img src="https://bulma.io/images/placeholders/640x480.png">
|
||||
</figure>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
@ -27,9 +27,13 @@ $control-border-width: 2px;
|
||||
$input-border-color: transparent;
|
||||
$input-shadow: none;
|
||||
|
||||
/* Styles */
|
||||
|
||||
.card-gap {margin-top:1.75rem}
|
||||
|
||||
|
||||
@import "~bulma/bulma"; // - import everything;
|
||||
|
||||
// Alternatively...import only what you really need from Bulma
|
||||
/*
|
||||
@import "../node_modules/bulma/sass/elements/container.sass";
|
||||
|
Loading…
Reference in New Issue
Block a user