Projects wip.
This commit is contained in:
mmacneil
parent
bdcc48bc3b
commit
e354542398
326
index.html
326
index.html
@ -123,28 +123,23 @@
|
||||
<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>
|
||||
<p class="title">Project title</p>
|
||||
<figure class="image is-4by3">
|
||||
<img class="modal-trigger" data-target="project-1-modal" src="img/project-1-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>
|
||||
<p class="title">Project title</p>
|
||||
<figure class="image is-4by3">
|
||||
<img class="modal-trigger" data-target="project-2-modal" src="img/project-2-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>
|
||||
<p class="title">Project title</p>
|
||||
<figure class="image is-4by3">
|
||||
<img class="modal-trigger" data-target="project-3-modal" src="img/project-3-cover.png">
|
||||
</figure>
|
||||
@ -158,28 +153,23 @@
|
||||
<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>
|
||||
<p class="title">Project title</p>
|
||||
<figure class="image is-4by3">
|
||||
<img class="modal-trigger" data-target="project-4-modal" 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>
|
||||
<p class="title">Project title</p>
|
||||
<figure class="image is-4by3">
|
||||
<img class="modal-trigger" data-target="project-5-modal" src="img/project-5-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>
|
||||
<p class="title">Project title</p>
|
||||
<figure class="image is-4by3">
|
||||
<img class="modal-trigger" data-target="project-6-modal" src="img/project-6-cover.png">
|
||||
</figure>
|
||||
@ -225,167 +215,167 @@
|
||||
</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 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-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 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 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>
|
||||
|
||||
|
||||
<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 class="tags">
|
||||
<span class="tag">angular</span>
|
||||
<span class="tag">mongo</span>
|
||||
<span class="tag">typscript</span>
|
||||
<span class="tag">node</span>
|
||||
</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>
|
||||
</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