AmineB/devfolio
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Projects wip.

Browse Source
This commit is contained in:
mmacneil 2019-08-21 22:05:20 -03:00
parent c9ecf4b295
commit f83658a2a4
1 changed files with 158 additions and 168 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

312
src/dist/index.html vendored
View File

@ -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>