Links

                    
                      <p>
                        <a class="link-underline" href="#">.link-underline</a>
                      </p>
                      <p class="bg-dark p-2">
                        <a class="link-underline-light" href="#">.link-underline-light</a>
                      </p>
                      <p class="bg-dark p-2">
                        <a class="link-white" href="#">.link-white</a>
                      </p>
                      <p>
                        <a class="link" href="#">
                          .link-icon
                          <span class="link-icon ml-1">
                            <span class="link-icon-inner">+</span>
                          </span>
                        </a>
                      </p>
                      <div>
                        <p>Some content</p>

                        <div class="collapse" id="collapseLinkExample">
                          <p>collapsed more content</p>
                        </div>

                        <a class="link-collapse" data-toggle="collapse" href="#collapseLinkExample" role="button" aria-expanded="false" aria-controls="collapseLinkExample">
                          <span class="link-collapse-default">View More</span>
                          <span class="link-collapse-active">View Less</span>
                        </a>
                      </div>