Twig URL Link Drupal Paragraphs Template

 

What it looks like (I wasn't finished with the styling yet)

 

The Code: (notice the pink code)

<ul>
<li>
<img src="themes/custom/consultant/images/360-Sidebar-Current-Issue-Icon.svg" class="current_issue_ico"/>
<a href ="{{content.field_current_issue_link.0['#url']}}">Current Issue</a>

<img src="themes/custom/consultant/images/360-Sidebar-Arrow.svg"class="current_issue_arrows" alt="Go to Current Issue"/>
</li>

<li>
<img src="themes/custom/consultant/images/360-Sidebar-Previous-Issue-Icon.svg" class="current_issue_previous_ico"/>
<a href ="{{content.field_fea.0['#url']}}">Previous Issue</a>
<img src="themes/custom/consultant/images/360-Sidebar-Arrow.svg"class="current_issue_arrows" alt="Go to Previous Issues"/>
</li>

<li>
<img src="themes/custom/consultant/images/360-Sidebar-Online-First-Icon.svg" class="current_issue_online_ico"/>
<a href ="{{content.field_online_first_link.0['#url']}}">Online First</a>

<img src="themes/custom/consultant/images/360-Sidebar-Arrow.svg"class="current_issue_arrows" alt="Go to Online First"/>
</li>

<li>
<img src="themes/custom/consultant/images/360-Sidebar-Featured-Article-Icon.svg" class="current_issue_features_ico" alt="Go to Featured Articles"/>
<a href ="{{content.field_previous_issues.0['#url']}}">Feature Articles </a>
<img src="themes/custom/consultant/images/360-Sidebar-Arrow.svg" class="current_issue_arrows" alt="Go to Feature Articles"/>

</li>
</ul>

Blog Type: