Projects wip.
This commit is contained in:
mmacneil
parent
0c983f0f61
commit
bdcc48bc3b
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 |
175
index.html
175
index.html
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user