fix: update broken links to documentation

Author: mrholek

src/pug/views/base/cards.pug

@@ -12,7 +12,7 @@ block view
     .card-body
       p.text-medium-emphasis.small
         | Cards are built with as little markup and styles as possible but still manage to deliver a bunch of control and customization. Built with flexbox, they offer easy alignment and mix well with other Bootstrap components. Cards have no top, left, and right margins by default, so use 
-        a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/spacing/') spacing utilities
+        a(href='https://coreui.io/docs/4.0/utilities/spacing/') spacing utilities
         |  as needed. They have no fixed width to start, so they’ll fill the full width of its parent.
       p.text-medium-emphasis.small
         | Below is an example of a basic card with mixed content and a fixed width. Cards have no fixed width to start, so they’ll naturally fill the full width of its parent element. This is easily customized with our various 
@@ -223,7 +223,7 @@ block view
     .card-body
       p.text-medium-emphasis.small
         | Use some of 
-        a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/sizing/') available sizing utilities
+        a(href='https://coreui.io/docs/4.0/utilities/sizing/') available sizing utilities
         |  to rapidly set a card’s width.
       +example()
         .card.w-75.mb-3
@@ -255,7 +255,7 @@ block view
     .card-body
       p.text-medium-emphasis.small
         | You can instantly change the text arrangement of any card—in its whole or specific parts—with 
-        a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/text/#text-alignment') text align classes
+        a(href='https://coreui.io/docs/4.0/utilities/text/#text-alignment') text align classes
         | .
       +example()
         .card.mb-3(style='width: 18rem;')
@@ -280,7 +280,7 @@ block view
     .card-body
       p.text-medium-emphasis.small
         | Add some navigation to a card’s header (or block) with Bootstrap’s 
-        a(href='https://coreui.io/docs/4.0/docs/4.0/components/navs-tabs/') nav components
+        a(href='https://coreui.io/docs/4.0/components/navs-tabs/') nav components
         | .
       +example()
         .card.text-center
@@ -386,9 +386,9 @@ block view
       p.text-medium-emphasis.small
         | Cards include various options for customizing their backgrounds, borders, and color.
         | Use 
-        a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/colors/') text color
+        a(href='https://coreui.io/docs/4.0/utilities/colors/') text color
         |  and 
-        a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/background/') background utilities
+        a(href='https://coreui.io/docs/4.0/utilities/background/') background utilities
         |  to change the appearance of a card.
       +example()
         .row
@@ -455,7 +455,7 @@ block view
     .card-body
       p.text-medium-emphasis.small
         | Use 
-        a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/borders/') border utilities
+        a(href='https://coreui.io/docs/4.0/utilities/borders/') border utilities
         |  to change just the 
         code border-color
         |  of a card. Note that you can put 
@@ -528,7 +528,7 @@ block view
     .card-body
       p.text-medium-emphasis.small
         | Use 
-        a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/borders/') border utilities
+        a(href='https://coreui.io/docs/4.0/utilities/borders/') border utilities
         |  to change just the 
         code border-top-color
         |  of a card. Note that you can put 
@@ -683,7 +683,7 @@ block view
     .card-body
       p.text-medium-emphasis.small
         | Use the Bootstrap grid system and its 
-        a(href='https://coreui.io/docs/4.0/docs/4.0/layout/grid/#row-columns')
+        a(href='https://coreui.io/docs/4.0/layout/grid/#row-columns')
           code .row-cols
           |  classes
         |  to control how many grid columns (wrapped around your cards) you show per row. For example, here’s 

src/pug/views/base/carousel.pug

@@ -118,7 +118,7 @@ block view
         |  element within any 
         code .carousel-item
         | . They can be immediately hidden on smaller viewports, as shown below, with optional 
-        a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/display/') display utilities
+        a(href='https://coreui.io/docs/4.0/utilities/display/') display utilities
         | . We hide them with 
         code .d-none
         |  and draw them back on medium-sized devices with 

src/pug/views/base/navs.pug

@@ -60,7 +60,7 @@ block view
         .card-body
           p.text-medium-emphasis.small
             | Change the horizontal alignment of your nav with 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/layout/grid/#horizontal-alignment') flexbox utilities
+            a(href='https://coreui.io/docs/4.0/layout/grid/#horizontal-alignment') flexbox utilities
             | . By default, navs are left-aligned, but you can easily change them to center or right aligned.
           p.text-medium-emphasis.small
             | Centered with 
@@ -243,7 +243,7 @@ block view
         .card-body
           p.text-medium-emphasis.small
             | If you need responsive nav variations, consider using a series of 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/flex/') flexbox utilities
+            a(href='https://coreui.io/docs/4.0/utilities/flex/') flexbox utilities
             | . While more verbose, these utilities offer greater customization across responsive breakpoints. In the example below, our nav will be stacked on the lowest breakpoint, then adapt to a horizontal layout that fills the available width starting from the small breakpoint.
           +example()
             nav.nav.nav-pills.flex-column.flex-sm-row

src/pug/views/base/pagination.pug

@@ -173,7 +173,7 @@ block view
         .card-body
           p.text-medium-emphasis.small
             | Change the alignment of pagination components with 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/flex/') flexbox utilities
+            a(href='https://coreui.io/docs/4.0/utilities/flex/') flexbox utilities
             | .
           +example()
             nav(aria-label='Page navigation example')

src/pug/views/base/progress.pug

@@ -34,7 +34,7 @@ block view
               .progress-bar(role='progressbar' style='width: 100%' aria-valuenow='100' aria-valuemin='0' aria-valuemax='100')
           p.text-medium-emphasis.small
             | Bootstrap provides a handful of 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/sizing/') utilities for setting width
+            a(href='https://coreui.io/docs/4.0/utilities/sizing/') utilities for setting width
             | . Depending on your needs, these may help with quickly configuring progress.
           +example()
             .progress

src/pug/views/base/spinners.pug

@@ -28,7 +28,7 @@ block view
             |  for its 
             code border-color
             | , meaning you can customize the color with 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/colors/') text color utilities
+            a(href='https://coreui.io/docs/4.0/utilities/colors/') text color utilities
             | . You can use any of our text color utilities on the standard spinner.
           +example()
             .spinner-border.text-primary(role='status')
@@ -62,7 +62,7 @@ block view
             | Once again, this spinner is built with 
             code currentColor
             | , so you can easily change its appearance with 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/colors/') text color utilities
+            a(href='https://coreui.io/docs/4.0/utilities/colors/') text color utilities
             | . Here it is in blue, along with the supported variants.
           +example()
             .spinner-grow.text-primary(role='status')
@@ -103,7 +103,7 @@ block view
         .card-body
           p
             | Use 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/spacing/') margin utilities
+            a(href='https://coreui.io/docs/4.0/utilities/spacing/') margin utilities
             |  like 
             code .m-5
             |  for easy spacing.
@@ -118,11 +118,11 @@ block view
         .card-body
           p
             | Use 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/flex/') flexbox utilities
+            a(href='https://coreui.io/docs/4.0/utilities/flex/') flexbox utilities
             | , 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/float/') float utilities
+            a(href='https://coreui.io/docs/4.0/utilities/float/') float utilities
             | , or 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/content/typography/') text alignment
+            a(href='https://coreui.io/docs/4.0/content/typography/') text alignment
             |  utilities to place spinners exactly where you need them in any situation.
           h4#flex
             | Flex

src/pug/views/base/tables.pug

@@ -342,7 +342,7 @@ block view
               td(colspan='2') Larry the Bird
               td @twitter
       p
-        a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/borders/#border-color') Border color utilities
+        a(href='https://coreui.io/docs/4.0/utilities/borders/#border-color') Border color utilities
         |  can be added to change colors:
       +example()
         table.table.table-bordered.border-primary
@@ -499,7 +499,7 @@ block view
         code 
           = '<table>'
         |  and are aligned to the the top by default. Use the 
-        a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/vertical-align/') vertical align
+        a(href='https://coreui.io/docs/4.0/utilities/vertical-align/') vertical align
         |  classes to re-align where needed.
       +example()
         .table-responsive

src/pug/views/buttons/button-group.pug

@@ -18,7 +18,7 @@ block view
             |  in 
             code .btn-group
             | . Add on optional JavaScript radio and checkbox style behavior with 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/components/buttons/#button-plugin') our buttons plugin
+            a(href='https://coreui.io/docs/4.0/components/buttons/#button-plugin') our buttons plugin
             | .
           +example()
             .btn-group(role='group' aria-label='Basic example')
@@ -27,7 +27,7 @@ block view
               button.btn.btn-primary(type='button') Right
           p.text-medium-emphasis.small
             | These classes can also be added to groups of links, as an alternative to the 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/components/navs-tabs/')
+            a(href='https://coreui.io/docs/4.0/components/navs-tabs/')
               code .nav
               |  navigation components
             | .
@@ -65,7 +65,7 @@ block view
         .card-body
           p.text-medium-emphasis.small
             | Combine button-like checkbox and radio 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/forms/checks-radios/') toggle buttons
+            a(href='https://coreui.io/docs/4.0/forms/checks-radios/') toggle buttons
             |  into a seamless looking button group.
           +example()
             .btn-group(role='group' aria-label='Basic checkbox toggle button group')

src/pug/views/buttons/dropdowns.pug

@@ -730,7 +730,7 @@ block view
         .card-body
           p.text-medium-emphasis.small
             | Place any freeform text within a dropdown menu with text and use 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/spacing/') spacing utilities
+            a(href='https://coreui.io/docs/4.0/utilities/spacing/') spacing utilities
             | . Note that you’ll likely need additional sizing styles to constrain the menu width.
           +example()
             .dropdown-menu.p-4.text-muted(style='max-width: 200px;')
@@ -746,7 +746,7 @@ block view
         .card-body
           p.text-medium-emphasis.small
             | Put a form within a dropdown menu, or make it into a dropdown menu, and use 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/utilities/spacing/') margin or padding utilities
+            a(href='https://coreui.io/docs/4.0/utilities/spacing/') margin or padding utilities
             |  to give it the negative space you require.
           +example()
             .dropdown-menu

src/pug/views/forms/checks-radios.pug

@@ -203,7 +203,7 @@ block view
             |  for checkboxes and radios that have no label text. Remember to still provide some form of accessible name for assistive technologies (for instance, using 
             code aria-label
             | ). See the 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/forms/overview/#accessibility') forms overview accessibility
+            a(href='https://coreui.io/docs/4.0/forms/overview/#accessibility') forms overview accessibility
             |  section for details.
           +example()
             div
@@ -225,7 +225,7 @@ block view
             code
               = '<label>'
             |  elements. These toggle buttons can further be grouped in a 
-            a(href='https://coreui.io/docs/4.0/docs/4.0/components/button-group/') button group
+            a(href='https://coreui.io/docs/4.0/components/button-group/') button group
             |  if needed.
           h3#checkbox-toggle-buttons
             | Checkbox toggle buttons