Projects wip.
This commit is contained in:
parent
bdcc48bc3b
commit
e354542398
312
index.html
312
index.html
@ -123,28 +123,23 @@
|
|||||||
<div class="tile">
|
<div class="tile">
|
||||||
<div class="tile is-parent is-vertical">
|
<div class="tile is-parent is-vertical">
|
||||||
<article class="tile is-child notification">
|
<article class="tile is-child notification">
|
||||||
<p class="title">Project</p>
|
<p class="title">Project title</p>
|
||||||
<p class="subtitle">Client</p>
|
|
||||||
<figure class="image is-4by3">
|
<figure class="image is-4by3">
|
||||||
<img class="modal-trigger" data-target="project-1-modal" src="img/project-1-cover.png">
|
<img class="modal-trigger" data-target="project-1-modal" src="img/project-1-cover.png">
|
||||||
</figure>
|
</figure>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="tile is-parent">
|
<div class="tile is-parent">
|
||||||
<article class="tile is-child notification">
|
<article class="tile is-child notification">
|
||||||
<p class="title">Project</p>
|
<p class="title">Project title</p>
|
||||||
<p class="subtitle">Client</p>
|
|
||||||
<figure class="image is-4by3">
|
<figure class="image is-4by3">
|
||||||
<img class="modal-trigger" data-target="project-2-modal" src="img/project-2-cover.png">
|
<img class="modal-trigger" data-target="project-2-modal" src="img/project-2-cover.png">
|
||||||
</figure>
|
</figure>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="tile is-parent">
|
<div class="tile is-parent">
|
||||||
<article class="tile is-child notification">
|
<article class="tile is-child notification">
|
||||||
<p class="title">Project</p>
|
<p class="title">Project title</p>
|
||||||
<p class="subtitle">Client</p>
|
|
||||||
<figure class="image is-4by3">
|
<figure class="image is-4by3">
|
||||||
<img class="modal-trigger" data-target="project-3-modal" src="img/project-3-cover.png">
|
<img class="modal-trigger" data-target="project-3-modal" src="img/project-3-cover.png">
|
||||||
</figure>
|
</figure>
|
||||||
@ -158,28 +153,23 @@
|
|||||||
<div class="tile">
|
<div class="tile">
|
||||||
<div class="tile is-parent is-vertical">
|
<div class="tile is-parent is-vertical">
|
||||||
<article class="tile is-child notification">
|
<article class="tile is-child notification">
|
||||||
<p class="title">Project</p>
|
<p class="title">Project title</p>
|
||||||
<p class="subtitle">Client</p>
|
|
||||||
<figure class="image is-4by3">
|
<figure class="image is-4by3">
|
||||||
<img class="modal-trigger" data-target="project-4-modal" src="img/project-4-cover.png">
|
<img class="modal-trigger" data-target="project-4-modal" src="img/project-4-cover.png">
|
||||||
</figure>
|
</figure>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="tile is-parent">
|
<div class="tile is-parent">
|
||||||
<article class="tile is-child notification">
|
<article class="tile is-child notification">
|
||||||
<p class="title">Project</p>
|
<p class="title">Project title</p>
|
||||||
<p class="subtitle">Client</p>
|
|
||||||
<figure class="image is-4by3">
|
<figure class="image is-4by3">
|
||||||
<img class="modal-trigger" data-target="project-5-modal" src="img/project-5-cover.png">
|
<img class="modal-trigger" data-target="project-5-modal" src="img/project-5-cover.png">
|
||||||
</figure>
|
</figure>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="tile is-parent">
|
<div class="tile is-parent">
|
||||||
<article class="tile is-child notification">
|
<article class="tile is-child notification">
|
||||||
<p class="title">Project</p>
|
<p class="title">Project title</p>
|
||||||
<p class="subtitle">Client</p>
|
|
||||||
<figure class="image is-4by3">
|
<figure class="image is-4by3">
|
||||||
<img class="modal-trigger" data-target="project-6-modal" src="img/project-6-cover.png">
|
<img class="modal-trigger" data-target="project-6-modal" src="img/project-6-cover.png">
|
||||||
</figure>
|
</figure>
|
||||||
@ -225,167 +215,167 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="project-2-modal" class="modal">
|
<div id="project-2-modal" class="modal">
|
||||||
<div class="modal-background"></div>
|
<div class="modal-background"></div>
|
||||||
<div class="modal-card">
|
<div class="modal-card">
|
||||||
<header class="modal-card-head">
|
<header class="modal-card-head">
|
||||||
<p class="modal-card-title">Project title</p>
|
<p class="modal-card-title">Project title</p>
|
||||||
<button class="delete" aria-label="close"></button>
|
<button class="delete" aria-label="close"></button>
|
||||||
</header>
|
</header>
|
||||||
<section class="modal-card-body">
|
<section class="modal-card-body">
|
||||||
<p class="image is-3by2">
|
<p class="image is-3by2">
|
||||||
<img src="img/project-2-cover.png" alt="">
|
<img src="img/project-2-cover.png" alt="">
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
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
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||||
consequat.
|
consequat.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="tags">
|
<div class="tags">
|
||||||
<span class="tag">angular</span>
|
<span class="tag">angular</span>
|
||||||
<span class="tag">mongo</span>
|
<span class="tag">mongo</span>
|
||||||
<span class="tag">typscript</span>
|
<span class="tag">typscript</span>
|
||||||
<span class="tag">node</span>
|
<span class="tag">node</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<footer class="modal-card-foot">
|
<footer class="modal-card-foot">
|
||||||
<button class="button is-success">Close</button>
|
<button class="button is-success">Close</button>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="project-3-modal" class="modal">
|
<div id="project-3-modal" class="modal">
|
||||||
<div class="modal-background"></div>
|
<div class="modal-background"></div>
|
||||||
<div class="modal-card">
|
<div class="modal-card">
|
||||||
<header class="modal-card-head">
|
<header class="modal-card-head">
|
||||||
<p class="modal-card-title">Project title</p>
|
<p class="modal-card-title">Project title</p>
|
||||||
<button class="delete" aria-label="close"></button>
|
<button class="delete" aria-label="close"></button>
|
||||||
</header>
|
</header>
|
||||||
<section class="modal-card-body">
|
<section class="modal-card-body">
|
||||||
<p class="image is-3by2">
|
<p class="image is-3by2">
|
||||||
<img src="img/project-3-cover.png" alt="">
|
<img src="img/project-3-cover.png" alt="">
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
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
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||||
consequat.
|
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>
|
|
||||||
|
|
||||||
|
<div class="tags">
|
||||||
<div id="project-4-modal" class="modal">
|
<span class="tag">angular</span>
|
||||||
<div class="modal-background"></div>
|
<span class="tag">mongo</span>
|
||||||
<div class="modal-card">
|
<span class="tag">typscript</span>
|
||||||
<header class="modal-card-head">
|
<span class="tag">node</span>
|
||||||
<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>
|
|
||||||
|
</section>
|
||||||
|
<footer class="modal-card-foot">
|
||||||
|
<button class="button is-success">Close</button>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div id="project-5-modal" class="modal">
|
<div id="project-4-modal" class="modal">
|
||||||
<div class="modal-background"></div>
|
<div class="modal-background"></div>
|
||||||
<div class="modal-card">
|
<div class="modal-card">
|
||||||
<header class="modal-card-head">
|
<header class="modal-card-head">
|
||||||
<p class="modal-card-title">Project title</p>
|
<p class="modal-card-title">Project title</p>
|
||||||
<button class="delete" aria-label="close"></button>
|
<button class="delete" aria-label="close"></button>
|
||||||
</header>
|
</header>
|
||||||
<section class="modal-card-body">
|
<section class="modal-card-body">
|
||||||
<p class="image is-3by2">
|
<p class="image is-3by2">
|
||||||
<img src="img/project-5-cover.png" alt="">
|
<img src="img/project-4-cover.png" alt="">
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
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
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||||
consequat.
|
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>
|
|
||||||
|
|
||||||
<div id="project-6-modal" class="modal">
|
<div class="tags">
|
||||||
<div class="modal-background"></div>
|
<span class="tag">angular</span>
|
||||||
<div class="modal-card">
|
<span class="tag">mongo</span>
|
||||||
<header class="modal-card-head">
|
<span class="tag">typscript</span>
|
||||||
<p class="modal-card-title">Project title</p>
|
<span class="tag">node</span>
|
||||||
<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>
|
</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">
|
<!-- <h1 class="title">
|
||||||
Bulma
|
Bulma
|
||||||
</h1>
|
</h1>
|
||||||
|
Loading…
Reference in New Issue
Block a user