including little arrows pointing from one section to the top of the following section

css section arrows

.section {
  position: relative;
  width:100%;
  min-height:200px;
}
.section1 {
    background: #88b7d5;
}
.section2 {
  background: #bfb;
}
.section:before {
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    margin-left: -30px;
    border-width: 30px;
    bottom: -60px;
    z-index: 5;
}
.section1:before {
    border-top-color: #88b7d5;
}
.section2:before {
    border-top-color: #bfb;
}