{% load static %}

<h3 class="myuw-card-title">Husky Experience Toolkit</h3>
<p class="myuw-card-tagline">Make the most of each week</p>

<div class="myuw-article-teaser-wrapper">
    
        <img class="myuw-card-image-full"
             srcset="{% static 'hx_toolkit_output/images/your_friends_your_success_480.jpg' %} 480w,
                 {% static 'hx_toolkit_output/images/your_friends_your_success_650.jpg' %} 650w,
                 {% static 'hx_toolkit_output/images/your_friends_your_success_780.jpg' %} 780w,
                 {% static 'hx_toolkit_output/images/your_friends_your_success_1000.jpg' %} 1000w"
             sizes="(max-width: 767px) 480vw,
                650px"
             src="{% static 'hx_toolkit_output/images/your_friends_your_success_650.jpg' %}"
             alt="Environmental Science North Cascades Group Field Trip.">
    

    <div class="myuw-article-teaser">
        <h4 class="myuw-article-teaser-title"><span class="myuw-highlight"><a href="/husky_experience_message?article=your-friends-your-success">Your Friends, Your Success</a></span></h4>
        <p><span class="myuw-highlight">Friendships are more important than you think. Here's how the best ones function. <a class="myuw-link-card-teaser" href="/husky_experience_message?article=your-friends-your-success">Read more</a></span></p>
    </div>
</div>