Small – Dribbble Portfolio Theme

Framework Used: Bootstrap 3.0.2

Small is a little theme focused in your latest dribbble shots. Thanks to the jibbble script, this theme allows you to show 8 shots on the front page. Works excellent as a vCard option.

 

small700Try It: Live Demo

Download Now

Carlos is a self-taught designer & developer working as a freelancer since 2006. He loves creating eye-catching sites and cool user experiences. Since 2011 he develops sites using the awesome Twitter Bootstrap framework. More Here: Alvarez.is

Leave a Reply

*

35 comments

  1. Thank You 🙂 It’s Really Great Work What You Are Doing 😀 This Is Going To Help Me Do Lots Of Stuff 😉 Good Luck

  2. BOB

    Heyho,
    I have a question. How did you realize the full height/width parts of the page that are fitting always to the browser windows size?

    Anyway…nice theme. …all of them 🙂

    • Carlos Alvarez

      Hi there,

      I don’t understand your question. The width of the image is set in the main.css file. You can see a class called “slides” and the li comes with a 25% width defined.

      Thanks.

      • BOB

        I meant the IDs hero, work and network. How do you make them allways fullscreen size, although when you’re changing the window size?

        PS. sry for my english 😉

        • Carlos Alvarez

          This attribute is defined in the CSS. You can see width: 100%. Also, the height is defined manually in the css too.

          Search for each attribute in the main.css, you’ll find the specification.

          If you have any doubt, write me an email, I can help you.

          Thanks.

  3. With havin so much content do you ever run into any problems of plagorism
    or copyright violation? My blog has a lot of exclusive content I’ve either authored myself or outsourced
    but it seems a lot of it is popping it up
    all over the internet without my authorization. Do you know any solutions
    to help protect against content from being ripped off? I’d really appreciate it.

    • Carlos Alvarez

      Not problem at all. These are free themes. Most people are kind and grateful when they can use your work. Copyright is a tricky topic.

      My designs are ripped, copied, available to download through script sites. I don’t care. You see, is free publicity. At the end of the day, they can profit a little with this and you earn exposure.

      In one way or another, the people will find that you are the real owner of some work and they will start following you, not the copies.

      Keep Working!

  4. Thanks for using my dribbble work in your demo. I love free advertising 😉

    • Carlos Alvarez

      Thank you for your beautiful work.

  5. Miramark Diaz

    Hello Sir,

    I like this theme.
    I have been planning to make my personal website.
    And going to use this theme.

    My problem is this is my first time to use bootstrap.
    Is there anyway you can give me tips & tutorials to make this happen?

    Again, kudos for this one.

    *i follow you also on dribbble. 🙂

    • Carlos Alvarez

      Hey, Thank you for your comment.

      The best place to start using Bootstrap, and trying to understand their structure is getbootstrap.com

      Good Luck!

  6. Love your themes! I used Kelvin for my own, as you can see. I’m looking to use small for another..small.. project and wonder if there is a good way to switch out the Dribble feed with a regular that I enter information into manually while still maintaining all of the desired css.

    • Carlos Alvarez

      Hi Eric,

      Thank you so much for your kind words. Your site looks nice!

      I don’t understand your problem. Do you have issues modifying the javascript to fetch your shots?

      • I’m sorry, I wasn’t very clear. I don’t have a dribbble account, so I will not be pulling dynamically from dribbble. I want to manually put images and links in that where dribbble is currently being displayed. So no shots, just a regular unordered list with the same css applied.

        • Carlos Alvarez

          Eric,

          Won’t work fine. You will need to make some changes on the CSS file. I recommend use another theme.

          Yes, you can remove the dribbble script and place your images, but will need to arrange the css code to fit your static images on the page.

          • Ok, thanks for the prompt responses – if I do come up with a setup for this theme without pulling from dribbble I will let you know!

  7. Najib

    This theme looks very nice & good! My question, can i add other social networking on the networking sections such as behance or else?

    Thanks.

  8. Simple and Great design.
    This is my first design using bootstrap.
    Thanks for good job, dude 🙂

  9. This is one cute portfolio theme. very neat and clean. I might be considering to use this one soon.

  10. Pingback: レスポンシブWebデザイン対応の無料HTMLテンプレート10選 | TechAcademyマガジン

    • Hi, I don’t know if this theme will work with blogger, I think there are some restrictions with that platform. Your images doesn’t load because you need the dribbble script running in your page. (Located at the bottom of the original theme). Sorry, but can’t help you much.

    • No entiendo que es lo que te sucede. Yo he probado el template y no me redirecciona hacia ningún sitio.

  11. Luc

    Hey Carlos, great work on this theme. Love the design.

    I would like to use this for my blog theme. Any tips on using it for a blog?

    Thanks,
    Luc

  12. Pingback: 50 Free Bootstrap 3 Templates and UI Kits

  13. Pingback: Free Bootstrap 3 Templates & UI Kits for Web Developers

  14. Jesse

    I’ve cleaned up some of the JS

    $(function() {
    //Sets container heights on load and resize
    $(window).resize(function() {
    $(“#work, #hero, #networks”).height($(window).height())
    }).resize();

    //Smooth scroll to id
    $(“.scroll”).click(function(t) {

    t.preventDefault();

    $(“html,body”).animate({

    scrollTop: $(this.hash).offset().top

    })

    })

    });

    • Jesse

      Even better:

      $(function() {

      //Sets container heights on load and resize
      $(window).resize(function() {

      //use generic class as selector
      $(‘.window-height’).height($(window).height())

      }).resize()

      //Smooth scroll to id
      $(‘.scroll’).click(function(e) {

      e.preventDefault();

      $(‘html,body’).animate({

      scrollTop: $(this.hash).offset().top

      })

      })

      //end doc ready function
      });

  15. Brad

    This is a beautiful theme! I found one glitch – when viewing the live demo from my phone (iPhone 5, iOS 7), the dropdown menu is not working.

    Thanks for these beautiful themes!

    • Brad

      Sorry – this was supposed to be in the comments section for the Munter theme

  16. ben

    I tried using this on IOS8 phone and it is not working correctly.

    Do you have a fix?

  17. Javyer

    Hey, the dribbble pluggin isn’t working. I can’t fix it, is there any way around it?

    • Hello :)

      You’ll need to pull the latest jibble script and update it. We will get the theme updated ASAP!