JSFiddle - React, Tailwind, and code Playground

by Spencer Smith

HTML

<div style="background-color:#eeeeee; padding:5px 5px 5px 5px;">
    <img src="http://egi.utah.edu/wp-content/uploads/2014/09/askEgiBanner-e1411420445830.png" />
    
<h3 style="text-align:center; margin-top:5px; margin-bottom:5px;"><b>Volume 1 Issue 4</b></h3>

    <ul style="margin-top:0px;">
        <li style="border-bottom: 1px dashed #ddd">
            <a href="#">Message from the Director</a>
        </li>
        <li style="border-bottom: 1px dashed #ddd">
            <a href="#">EGI Staff Leads Robotic Mining in NASA Test</a>
        </li>
        <li style="border-bottom: 1px dashed #ddd">
            <a href="#">Nepal Quake Relief Aided by Remote Image Analysis</a>
        </li>
        <li style="border-bottom: 1px dashed #ddd">
            <a href="#">2015 EGI CA Technical Conference in Review</a>
        </li>
        <li style="border-bottom: 1px dashed #ddd">
            <a href="#">News of Note</a>
        </li>
        <li style="border-bottom: 1px dashed #ddd">
            <a href="#">New Physics-Based Modeling Concept</a>
        </li>
        <li style="border-bottom: 1px dashed #ddd">
            <a href="#">University Promotes First M.Sc. Petroleum Engineering Grads</a>
        </li>
        <li style="border-bottom: 1px dashed #ddd">
            <a href="#">3P Arctic Conference &amp; Exposition</a>
        </li>
        <li style="border-bottom: 1px dashed #ddd">
            <a href="#">EGI Student Researchers</a>
        </li>
        <li style="border-bottom: 1px dashed #ddd">
            <a href="#">link</a>
        </li>
        <li style="border-bottom: 1px dashed #ddd">
            <a href="#">link</a>
        </li>
        <li style="border-bottom: 1px dashed #ddd">
            <a href="#">link</a>
        </li>
    </ul>
</div>
<br/>

JavaScript

// Ask EGI Widget - Volume 1 Issue 4