Projects wip.

This commit is contained in:
mmacneil 2019-08-20 22:39:00 -03:00
parent 0c983f0f61
commit bdcc48bc3b
3 changed files with 169 additions and 6 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 180 KiB

After

Width:  |  Height:  |  Size: 175 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 95 KiB

After

Width:  |  Height:  |  Size: 193 KiB

View File

@ -136,7 +136,7 @@
<p class="title">Project</p>
<p class="subtitle">Client</p>
<figure class="image is-4by3">
<img src="img/project-2-cover.png">
<img class="modal-trigger" data-target="project-2-modal" src="img/project-2-cover.png">
</figure>
</article>
</div>
@ -146,7 +146,7 @@
<p class="title">Project</p>
<p class="subtitle">Client</p>
<figure class="image is-4by3">
<img src="img/project-3-cover.png">
<img class="modal-trigger" data-target="project-3-modal" src="img/project-3-cover.png">
</figure>
</article>
</div>
@ -161,7 +161,7 @@
<p class="title">Project</p>
<p class="subtitle">Client</p>
<figure class="image is-4by3">
<img src="img/project-4-cover.png">
<img class="modal-trigger" data-target="project-4-modal" src="img/project-4-cover.png">
</figure>
</article>
</div>
@ -171,7 +171,7 @@
<p class="title">Project</p>
<p class="subtitle">Client</p>
<figure class="image is-4by3">
<img src="img/project-5-cover.png">
<img class="modal-trigger" data-target="project-5-modal" src="img/project-5-cover.png">
</figure>
</article>
</div>
@ -181,7 +181,7 @@
<p class="title">Project</p>
<p class="subtitle">Client</p>
<figure class="image is-4by3">
<img src="img/project-6-cover.png">
<img class="modal-trigger" data-target="project-6-modal" src="img/project-6-cover.png">
</figure>
</article>
</div>
@ -191,6 +191,7 @@
</div>
</section>
<!-- Modals -->
<div id="project-1-modal" class="modal">
<div class="modal-background"></div>
<div class="modal-card">
@ -200,7 +201,7 @@
</header>
<section class="modal-card-body">
<p class="image is-3by2">
<img src="https://bulma.io/images/placeholders/600x480.png" alt="">
<img src="img/project-1-cover.png" alt="">
</p>
<div class="content">
@ -223,6 +224,168 @@
</div>
</div>
<div id="project-2-modal" class="modal">
<div class="modal-background"></div>
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">Project title</p>
<button class="delete" aria-label="close"></button>
</header>
<section class="modal-card-body">
<p class="image is-3by2">
<img src="img/project-2-cover.png" alt="">
</p>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.
</div>
<div class="tags">
<span class="tag">angular</span>
<span class="tag">mongo</span>
<span class="tag">typscript</span>
<span class="tag">node</span>
</div>
</section>
<footer class="modal-card-foot">
<button class="button is-success">Close</button>
</footer>
</div>
</div>
<div id="project-3-modal" class="modal">
<div class="modal-background"></div>
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">Project title</p>
<button class="delete" aria-label="close"></button>
</header>
<section class="modal-card-body">
<p class="image is-3by2">
<img src="img/project-3-cover.png" alt="">
</p>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.
</div>
<div class="tags">
<span class="tag">angular</span>
<span class="tag">mongo</span>
<span class="tag">typscript</span>
<span class="tag">node</span>
</div>
</section>
<footer class="modal-card-foot">
<button class="button is-success">Close</button>
</footer>
</div>
</div>
<div id="project-4-modal" class="modal">
<div class="modal-background"></div>
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">Project title</p>
<button class="delete" aria-label="close"></button>
</header>
<section class="modal-card-body">
<p class="image is-3by2">
<img src="img/project-4-cover.png" alt="">
</p>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.
</div>
<div class="tags">
<span class="tag">angular</span>
<span class="tag">mongo</span>
<span class="tag">typscript</span>
<span class="tag">node</span>
</div>
</section>
<footer class="modal-card-foot">
<button class="button is-success">Close</button>
</footer>
</div>
</div>
<div id="project-5-modal" class="modal">
<div class="modal-background"></div>
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">Project title</p>
<button class="delete" aria-label="close"></button>
</header>
<section class="modal-card-body">
<p class="image is-3by2">
<img src="img/project-5-cover.png" alt="">
</p>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.
</div>
<div class="tags">
<span class="tag">angular</span>
<span class="tag">mongo</span>
<span class="tag">typscript</span>
<span class="tag">node</span>
</div>
</section>
<footer class="modal-card-foot">
<button class="button is-success">Close</button>
</footer>
</div>
</div>
<div id="project-6-modal" class="modal">
<div class="modal-background"></div>
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">Project title</p>
<button class="delete" aria-label="close"></button>
</header>
<section class="modal-card-body">
<p class="image is-3by2">
<img src="img/project-6-cover.png" alt="">
</p>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.
</div>
<div class="tags">
<span class="tag">angular</span>
<span class="tag">mongo</span>
<span class="tag">typscript</span>
<span class="tag">node</span>
</div>
</section>
<footer class="modal-card-foot">
<button class="button is-success">Close</button>
</footer>
</div>
</div>
<!-- <h1 class="title">
Bulma
</h1>