Skip to content

Commit

Permalink
portfolio addition
Browse files Browse the repository at this point in the history
  • Loading branch information
Frankcistems committed May 4, 2024
1 parent cf7af39 commit f442cb6
Show file tree
Hide file tree
Showing 23 changed files with 46 additions and 124 deletions.
Binary file added images/blog/care.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/blog/eogm-store.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/blog/era.webp
Binary file not shown.
Binary file added images/blog/lnf.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/blog/yukgak.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/awakw.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/birthday.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/care.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/devine.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/eogm-store.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/eogm.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/funeral.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/inners.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/kick.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/lnf.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/marriage.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/notebook.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/profile.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/rk.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/signin.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/vog.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio/yukgak.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
170 changes: 46 additions & 124 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -746,123 +746,55 @@ <h2 class="has-animation">
<div class="row">
<div class="col-xl-4 col-sm-6">
<a
href="#details-popup"
href="#"
class="tf__portfolio_item details"
data-cursor="Details <br> View"
data-cursor="Card <br> Design"
>
<img
src="images/portfolio/9.png"
src="images/portfolio/birthday.jpg"
alt="portfolio"
class="img-fluid w-100">
<div class="text">
<h4>sheet metal bending</h4>
<p>Modalbox</p>
<h4>Birthday Card</h4>
<p>Kittl</p>
</div>
</a>
<div class="mfp-fade mfp-hide" id="details-popup">
<div class="content">
<div class="img">
<img src="images/portfolio/9.png" alt="">
</div>
<div class="des">
<span class="category">Modalbox</span>
<h4 class="popup_title">Mobile Application</h4>
<p>
We live in a world where we need to move quickly and
iterate on our ideas as flexibly as possible. Building
mockups strikes the ideal balance between true-life
representation of the end product and ease of
modification.
</p>
<div class="details_quot_text">
<p>
ished fact that a reader will be distrol acted bioii
the.ished fact that a reader .
</p>
<h4>By Insuzu Litarnit</h4>
</div>
<p>
Mockups are useful both for the creative phase of the
project - for instance when you're trying to figure out
your user flows or the proper visual hierarchy - and the
production phase when they will represent the target
product. Making mockups a part of your creative and
development process allows you to quickly and easily
ideate.
</p>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-sm-6">
<a
href="#details-popup"
href="#"
class="tf__portfolio_item details"
data-cursor="Details <br> View"
data-cursor="Print <br> Design"
>
<img
src="images/portfolio/9.png"
src="images/portfolio/inners.jpg"
alt="portfolio"
class="img-fluid w-100">
<div class="text">
<h4>sheet metal bending</h4>
<p>Modalbox</p>
<h4>Newsletter Inserts</h4>
<p>Illustrator</p>
</div>
</a>
<div class="mfp-fade mfp-hide" id="details-popup">
<div class="content">
<div class="img">
<img src="images/portfolio/9.png" alt="">
</div>
<div class="des">
<span class="category">Modalbox</span>
<h4 class="popup_title">Mobile Application</h4>
<p>
We live in a world where we need to move quickly and
iterate on our ideas as flexibly as possible. Building
mockups strikes the ideal balance between true-life
representation of the end product and ease of
modification.
</p>
<div class="details_quot_text">
<p>
ished fact that a reader will be distrol acted bioii
the.ished fact that a reader .
</p>
<h4>By Insuzu Litarnit</h4>
</div>
<p>
Mockups are useful both for the creative phase of the
project - for instance when you're trying to figure out
your user flows or the proper visual hierarchy - and the
production phase when they will represent the target
product. Making mockups a part of your creative and
development process allows you to quickly and easily
ideate.
</p>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-sm-6">
<a
href="#details-popup"
href="#"
class="tf__portfolio_item details"
data-cursor="Details <br> View"
data-cursor="Print <br> Design"
>
<img
src="images/portfolio/9.png"
src="images/portfolio/funeral.jpg"
alt="portfolio"
class="img-fluid w-100">
<div class="text">
<h4>sheet metal bending</h4>
<p>Modalbox</p>
<h4>Funeral Obituary book</h4>
<p>Kittl</p>
</div>
</a>
<div class="mfp-fade mfp-hide" id="details-popup">
<div class="content">
<div class="img">
<img src="images/portfolio/9.png" alt="">
<img src="images/portfolio/funeral.jpg" alt="">
</div>
<div class="des">
<span class="category">Modalbox</span>
Expand Down Expand Up @@ -896,23 +828,23 @@ <h4>By Insuzu Litarnit</h4>
</div>
<div class="col-xl-4 col-sm-6">
<a
href="#details-popup"
href="#"
class="tf__portfolio_item details"
data-cursor="Details <br> View"
data-cursor="Print <br> Design"
>
<img
src="images/portfolio/9.png"
src="images/portfolio/marriage.jpg"
alt="portfolio"
class="img-fluid w-100">
<div class="text">
<h4>sheet metal bending</h4>
<p>Modalbox</p>
<h4>Spiritual Book</h4>
<p>Indesign + Illustrator</p>
</div>
</a>
<div class="mfp-fade mfp-hide" id="details-popup">
<div class="content">
<div class="img">
<img src="images/portfolio/9.png" alt="">
<img src="images/portfolio/marriage.jpg" alt="">
</div>
<div class="des">
<span class="category">Modalbox</span>
Expand Down Expand Up @@ -946,23 +878,23 @@ <h4>By Insuzu Litarnit</h4>
</div>
<div class="col-xl-4 col-sm-6">
<a
href="#details-popup"
href="#"
class="tf__portfolio_item details"
data-cursor="Details <br> View"
>
<img
src="images/portfolio/9.png"
src="images/portfolio/awakw.jpg"
alt="portfolio"
class="img-fluid w-100">
<div class="text">
<h4>sheet metal bending</h4>
<p>Modalbox</p>
<h4>Novel Design</h4>
<p>Indesign + Illustrator</p>
</div>
</a>
<div class="mfp-fade mfp-hide" id="details-popup">
<div class="content">
<div class="img">
<img src="images/portfolio/9.png" alt="">
<img src="images/portfolio/awakw.jpg" alt="">
</div>
<div class="des">
<span class="category">Modalbox</span>
Expand Down Expand Up @@ -996,23 +928,23 @@ <h4>By Insuzu Litarnit</h4>
</div>
<div class="col-xl-4 col-sm-6">
<a
href="#details-popup"
href="#"
class="tf__portfolio_item details"
data-cursor="Details <br> View"
data-cursor="Print <br> Design"
>
<img
src="images/portfolio/9.png"
src="images/portfolio/vog.png"
alt="portfolio"
class="img-fluid w-100">
<div class="text">
<h4>sheet metal bending</h4>
<p>Modalbox</p>
<h4>Monthly Devotional Book</h4>
<p>Indesign + Illustrator</p>
</div>
</a>
<div class="mfp-fade mfp-hide" id="details-popup">
<div class="content">
<div class="img">
<img src="images/portfolio/9.png" alt="">
<img src="images/portfolio/vog.png" alt="">
</div>
<div class="des">
<span class="category">Modalbox</span>
Expand Down Expand Up @@ -1094,15 +1026,15 @@ <h2 class="has-animation">
<div class="col-xl-4 col-md-6">
<div class="tf__slingle_blog_2 fade_left" data-trigerId="blog">
<a
href="blog_details.html"
href="#"
data-cursor="Read <br> More"
class="tf__blog_img_2"
>
<img
src="images/blog/4.jpg"
src="images/blog/era.webp"
alt="blog"
class="img-fluid w-100">
<span>10 June</span>
<span>Webflow</span>
</a>
<div class="tf__blog_text_2">
<ul>
Expand All @@ -1115,7 +1047,7 @@ <h2 class="has-animation">
(05)
</li>
</ul>
<a class="title" href="blog_details.html"
<a class="title" href="#"
>Where Passion and Purpose Collide</a
>
<p>
Expand All @@ -1129,15 +1061,15 @@ <h2 class="has-animation">
<div class="col-xl-4 col-md-6">
<div class="tf__slingle_blog_2 fade_left" data-trigerId="blog">
<a
href="blog_details.html"
href="#"
data-cursor="Read <br> More"
class="tf__blog_img_2"
>
<img
src="images/blog/5.jpg"
src="images/blog/eogm-store.jpg"
alt="blog"
class="img-fluid w-100">
<span>10 June</span>
<span>Wordpress</span>
</a>
<div class="tf__blog_text_2">
<ul>
Expand All @@ -1150,7 +1082,7 @@ <h2 class="has-animation">
(05)
</li>
</ul>
<a class="title" href="blog_details.html"
<a class="title" href="#"
>Where Passion and Purpose Collide</a
>
<p>
Expand All @@ -1164,15 +1096,15 @@ <h2 class="has-animation">
<div class="col-xl-4 col-md-6">
<div class="tf__slingle_blog_2 fade_left" data-trigerId="blog">
<a
href="blog_details.html"
href="#"
data-cursor="Read <br> More"
class="tf__blog_img_2"
>
<img
src="images/blog/6.jpg"
src="images/blog/yukgak.jpg"
alt="blog"
class="img-fluid w-100">
<span>10 June</span>
<span>FLutterflow</span>
</a>
<div class="tf__blog_text_2">
<ul>
Expand All @@ -1185,7 +1117,7 @@ <h2 class="has-animation">
(05)
</li>
</ul>
<a class="title" href="blog_details.html"
<a class="title" href="#"
>Where Passion and Purpose Collide</a
>
<p>
Expand Down Expand Up @@ -1308,17 +1240,7 @@ <h3>Monday - Sunday</h3>
<ul>
<li>
<a href="#" class="text_hover_animaiton"
>Terms & Conditions</a
>
</li>
<li>
<a href="#" class="text_hover_animaiton"
>Privacy Policy</a
>
</li>
<li>
<a href="#" class="text_hover_animaiton">Sitemap</a>
</li>
>Template by CodeeFly</a>
</ul>
</div>
</div>
Expand Down

0 comments on commit f442cb6

Please sign in to comment.