Live Demo - Breadcrumb Arrow Design

See Free Live Demo example of Nice looking breadcrumb design demo. this design useful for submenu,step form,sub webpage etc. this breadcrumb design is fully responsive. also you can do custom your custom change. We allows to free snippets of breadcrumb css, you can download full code of bootstrap breadcrumb style layout. Here...

body{
    background-color: #0191C8;
}
.main-section{
    width:70%;
    margin:0 auto;
    border:1px solid #005B9A;
    margin-top:150px;
    background-color: #74C2E1;
    padding:30px;
}
.breadcrumb{
    display: inline-block;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);
    margin-bottom:20px;
    overflow: hidden;
    border-radius: 5px;
}
.breadcrumb-second{
    display: inline-block;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);
    margin-bottom:20px;
}
.breadcrumb a,.breadcrumb-second a{
    text-decoration: none;
    float: left;
    font-size:15px;
    line-height: 36px;
    padding: 0px 20px 0 40px;
    position: relative;
}
.breadcrumb a.active, .breadcrumb a:hover,
.breadcrumb-second a.active, .breadcrumb-second a:hover{
    color:#fff;
}
.breadcrumb a:after{
    content: '';
    position: absolute;
    right:-16px; 
    width: 34px; 
    height: 34px;
    top:1px;
    transform: scale(0.707) rotate(45deg);
    z-index: 1;
    background: #666;
    background: linear-gradient(135deg, #666, #333);
    box-shadow: 
        2px -2px 0 2px rgba(0, 0, 0, 0.4), 
        3px -3px 0 2px rgba(255, 255, 255, 0.1);
    border-radius: 0 5px 0 50px;
}
.breadcrumb-second a:after{
    content: '';
    position: absolute;
    right:-16px; 
    width: 34px; 
    height: 34px;
    top:1px;
    transform: scale(0.707) rotate(45deg);
    z-index: 1;
    background: #666;
    background: linear-gradient(135deg, #666, #333);
    box-shadow: 
        2px -2px 0 2px rgba(0, 0, 0, 0.4), 
        3px -3px 0 2px rgba(255, 255, 255, 0.1);
    border-radius: 0 5px 0 50px;
}
.flat a, .flat a:after {
    background: white;
    color: black;
    transition: all 0.5s;
}
.flat a:hover, .flat a.active, 
.flat a:hover:after, .flat a.active:after{
    background: #9EEB62;
}