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-20 22:39:00 -03:00
parent 0c983f0f61
commit bdcc48bc3b
3 changed files with 169 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/project-3-cover.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 180 KiB

After

Width:  |  Height:  |  Size: 175 KiB

BIN
img/project-4-cover.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 95 KiB

After

Width:  |  Height:  |  Size: 193 KiB

175
index.html
View File

@ -136,7 +136,7 @@
<p class="title">Project</p> <p class="title">Project</p>
<p class="subtitle">Client</p> <p class="subtitle">Client</p>
<figure class="image is-4by3"> <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> </figure>
</article> </article>
</div> </div>
@ -146,7 +146,7 @@
<p class="title">Project</p> <p class="title">Project</p>
<p class="subtitle">Client</p> <p class="subtitle">Client</p>
<figure class="image is-4by3"> <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> </figure>
</article> </article>
</div> </div>
@ -161,7 +161,7 @@
<p class="title">Project</p> <p class="title">Project</p>
<p class="subtitle">Client</p> <p class="subtitle">Client</p>
<figure class="image is-4by3"> <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> </figure>
</article> </article>
</div> </div>
@ -171,7 +171,7 @@
<p class="title">Project</p> <p class="title">Project</p>
<p class="subtitle">Client</p> <p class="subtitle">Client</p>
<figure class="image is-4by3"> <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> </figure>
</article> </article>
</div> </div>
@ -181,7 +181,7 @@
<p class="title">Project</p> <p class="title">Project</p>
<p class="subtitle">Client</p> <p class="subtitle">Client</p>
<figure class="image is-4by3"> <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> </figure>
</article> </article>
</div> </div>
@ -191,6 +191,7 @@
</div> </div>
</section> </section>
<!-- Modals -->
<div id="project-1-modal" class="modal"> <div id="project-1-modal" class="modal">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
@ -200,7 +201,169 @@
</header> </header>
<section class="modal-card-body"> <section class="modal-card-body">
<p class="image is-3by2"> <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">
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-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> </p>
<div class="content"> <div class="content">