Palladium - Creative Responsive Portfolio
Each portfolio-item should be make with below markup:
<div class="portfolio-item ">
<div class="ribbon">
<div class="value">NEW</div>
</div>
<div class="thumb">
<div class="cat-label">
<i class="icon-camera"></i>
</div>
<div class="hover">
<div class="link">
<a href="#">
<i class="icon-link"></i>
</a>
</div>
<div class="zoom">
<a data-rel="prettyPhoto" href="images/works/book01.jpg">
<i class="icon-plus"></i>
</a>
</div>
</div>
<img alt="" src="images/works/book01.jpg" />
</div>
<div class="body-area">
<div class="title"><h3>Lorem ipsum dolor sit amet, consectetur</h3></div>
<div class="seperator"></div>
<div class="text">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed nulla mi. Nulla facilisi.
</p>
</div>
</div>
</div>
Pretty Photo plugin used for lightbox images. to use that, follow below markup where you want an image lighboxed:
<a data-rel="prettyPhoto" href="images/works/book02.jpg">
<img alt="" src="images/works/book02.jpg">
</a>
Ribbon can be added to portfolio item or box items with this markup:
<div class="ribbon">
<div class="value">NEW</div>
</div>
Each skill should have below markup:
<div class="skill">
<div class="skill-title">INDESIGN</div>
<div data-level="25" class="level"></div>
</div>
Value is based on 100
To set positin on google map, open js/script.js file and set below configurations:
var zoom = 15;
var latitude = 41.038966;
var longitude = 28.984451;
var customMap=true;
If you want to use custom style map seet customMap variable to true, if you want Default style map, set it to false.
Each service item should be made with below markup:
<div class="service-item">
<div class="head">
<div class="icon">
<img alt="design" src="images/services-design.png" />
</div>
<div class="seperator">
<i class="dot"></i>
<i class="dot"></i>
<i class="dot"></i>
</div>
</div>
<div class="body-area">
<div class="title">
<h3>DESIGN</h3>
</div>
<div class="sep-line"></div>
<div class="short-desc">
Integer et nulla eros. Integer ultrices scelerisque enim, vel ultricies lacus semper vel. Curabitur enim risus, pretium sit amet rutrum sit amet.
<ul>
<li>Lorem ipsum</li>
<li>Dolor sit amet</li>
<li>Nunc in tincidunt</li>
<li>Nunc laoreet viverra</li>
<li>Integer et nulla</li>
<li>Cras tincidunt nunc</li>
</ul>
</div>
<div class="button-holder">
<a class="my-button order-btn" href="#order">ORDER NOW</a>
</div>
</div>
</div>