Droplinks

Droplinks are used as a way to direct site users to other sections of a webpage that are below the fold. There is a possible combination of droplink icons ranging from two to sixteen as indicated below in the following examples. The class value of " dl-* " must equate to the same amount of <a> tags that are in the droplinks section column. For Example: dl-16 must have sixteen <a> tags within the column of the section.

Classes "dl-16" through "dl-7" are hidden on XS screen size.

Example: Droplinks 16 (Hidden on XS)

Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label

Copy

                                        
                                            <section class="droplinks dl-16">

                                            <div class="container">

                                            <div class="row">

                                            <div class="col">

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            </div>

                                            </div>

                                            </div>

                                            </section>

Example: Droplinks 15 (Hidden on XS)

Copy

                                        
                                            <section class="droplinks dl-15">

                                            <div class="container">

                                            <div class="row">

                                            <div class="col">

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            </div>

                                            </div>

                                            </div>

                                            </section>

Example: Droplinks 14 (Hidden on XS)

Copy

                                        
                                            <section class="droplinks dl-14">

                                            <div class="container">

                                            <div class="row">

                                            <div class="col">

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            </div>

                                            </div>

                                            </div>

                                            </section>

Example: Droplinks 13 (Hidden on XS)

Copy

                                        
                                            <section class="droplinks dl-13">

                                            <div class="container">

                                            <div class="row">

                                            <div class="col">

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            </div>

                                            </div>

                                            </div>

                                            </section>

Example: Droplinks 12 (Hidden on XS)

Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label

Copy

                                        
                                            <section class="droplinks dl-12">

                                            <div class="container">

                                            <div class="row">

                                            <div class="col">

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            </div>

                                            </div>

                                            </div>

                                            </section>

Example: Droplinks 11 (Hidden on XS)

Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label

Copy

                                        
                                            <section class="droplinks dl-11">

                                            <div class="container">

                                            <div class="row">

                                            <div class="col">

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            </div>

                                            </div>

                                            </div>

                                            </section>

Example: Droplinks 10 (Hidden on XS)

Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label

Copy

                                        
                                            <section class="droplinks dl-10">

                                            <div class="container">

                                            <div class="row">

                                            <div class="col">

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            </div>

                                            </div>

                                            </div>

                                            </section>

Example: Droplinks 9 (Hidden on XS)

Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label

Copy

                                        
                                            <section class="droplinks dl-9">

                                            <div class="container">

                                            <div class="row">

                                            <div class="col">

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            </div>

                                            </div>

                                            </div>

                                            </section>

Example: Droplinks 8 (Hidden on XS)

Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label

Copy

                                        
                                            <section class="droplinks dl-8">

                                            <div class="container">

                                            <div class="row">

                                            <div class="col">

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            </div>

                                            </div>

                                            </div>

                                            </section>

Example: Droplinks 7 (Hidden on XS)

Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label

Copy

                                        
                                            <section class="droplinks dl-7">

                                            <div class="container">

                                            <div class="row">

                                            <div class="col">

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            <a href="#linkID" target="_self" class="page-scroll">

                                            <svg role="img">

                                            <title>Title</title>

                                            <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                            </svg>

                                            <span>text</span>

                                            </a>

                                            </div>

                                            </div>

                                            </div>

                                            </section>

Example: Droplinks 6

Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label

Copy

                                    
                                        <section class="droplinks dl-6">

                                        <div class="container">

                                        <div class="row">

                                        <div class="col">

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        </div>

                                        </div>

                                        </div>

                                        </section>

Example: Droplinks 5

Drop Link Label Drop Link Label Drop Link Label Drop Link Label Drop Link Label

Copy

                                    
                                        <section class="droplinks dl-5">

                                        <div class="container">

                                        <div class="row">

                                        <div class="col">

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        </div>

                                        </div>

                                        </div>

                                        </section>

Example: Droplinks 4

Drop Link Label Drop Link Label Drop Link Label Drop Link Label

Copy

                                    
                                        <section class="droplinks dl-4">

                                        <div class="container">

                                        <div class="row">

                                        <div class="col">

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        </div>

                                        </div>

                                        </div>

                                        </section>

Example: Droplinks 3

Drop Link Label Drop Link Label Drop Link Label

Copy

                                    
                                        <section class="droplinks dl-3">

                                        <div class="container">

                                        <div class="row">

                                        <div class="col">

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        </div>

                                        </div>

                                        </div>

                                        </section>

Example: Droplinks 2

Drop Link Label Drop Link Label

Copy

                                    
                                        <section class="droplinks dl-2">

                                        <div class="container">

                                        <div class="row">

                                        <div class="col">

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        <a href="#linkID" target="_self" class="page-scroll">

                                        <svg role="img">

                                        <title>Title</title>

                                        <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/svgs/icon-filename.php'); ?>

                                        </svg>

                                        <span>text</span>

                                        </a>

                                        </div>

                                        </div>

                                        </div>

                                        </section>