Bootstrap Snippet portfolio using HTML CSS Bootstrap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div id="tf-portfolio" class="content-area layout-two">
        <div class="container">
            <div class="row nomargin">
                <div class="col-md-4 nopadding">
                    <a href="#inline-1" data-gal="prettyPhoto[pp_gal]">
                        <div class="portfolio-item">
                            <div class="hover-bg">
                                <div class="border">
                                    <div class="hover-txt">
                                        <i class="ion-ios-plus-empty"></i>
                                        <h4>Luka Mockup Design</h4>
                                        <span>Photoshop</span>
                                    </div>
                                </div>
                            </div>
                            <img src="https://bufiles.blob.core.windows.net/co3521/paralax/marinsparty_paralax1.jpg" class="img-responsive" alt="...">
                        </div>
                    </a>
                    <a href="#inline-4" data-gal="prettyPhoto[pp_gal]">
                        <div class="portfolio-item">
                            <div class="hover-bg">
                                <div class="border">
                                    <div class="hover-txt">
                                        <i class="ion-ios-plus-empty"></i>
                                        <h4>Branding Design</h4>
                                        <span>AI</span> / 
                                        <span>Illustrator</span>
                                    </div>
                                </div>
                            </div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/*===========================================*/
/* This is the Main Stylesheet for LUKA - Creative Multi-Purpose HTML Template
/* Theme Author: ilmosys
/* Theme URL: http://ilmosys.com/html/luka/
/* Version: 1.0
==============================================
CSS Style Structure
- Imports
- General
- Menu/Navigation
- Hero / Slider
- Buttons
- Page Body/Content
- Sidebar 
- Footer Section 
- Single Page
/*===========================================*/
/* =======================================
Imports
========================================*/
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Inconsolata:400,700);
@import url(http://fonts.googleapis.com/css?family=Montserrat+Alternates:400,700);
@font-face {
  font-family: 'Montserrat Black';
  src:  url('../fonts/montserrat-black-webfont.eot');
  src:  url('../fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat-black-webfont.woff') format('woff'), 
        url('../fonts/montserrat-black-webfont.svg') format('svg');
}
@font-face {
  font-family: 'Montserrat Light';
  src:  url('../fonts/montserrat-light-webfont.eot');
  src:  url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat-light-webfont.woff') format('woff'), 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"portfolio"
Bootstrap 3.3.0 Snippet by Harut

Related: See More

Questions / Comments:

"portfolio" Bootstrap 3.3.0 Snippet by Harut

Related: See More

Questions / Comments:

"portfolio"
Bootstrap 3.3.0 Snippet by Harut