JSFiddle - React, Tailwind, and code Playground

HTML

<section id="about" class="wrapper about accelerate hide">
    <div class="cell accelerate">
        <div class="cables center accelerate">
            <div class="panel accelerate">
                <header>
                     <h1>viva<em>stem</em>cell</h1>

                </header>
                <p><strong>vivastemcell </strong>is a trademark of <i font-family="Trebuchet MS">Tsovn Tsirani Company</i>.</p>
                <p>This project is a collaboration between
                    <br><a href="mailto:coming@soon.no" target="_blank">Tsovn Tsirani</a> &amp; <a href="" target="_blank">vivastemcells</a>.</p>
                <ul class="links">
                    <li><a class="download" href="info/info.html">More Info</a>

                    </li>
                    <li><a class="github" target="_blank" href="contact.html">Contact</a>

                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

JavaScript

function collectionHas(a, b) { //helper function (see below)
    for (var i = 0, len = a.length; i < len; i++) {
        if (a[i] == b) return true;
    }
    return false;
}

function findParentBySelector(elm, selector) {
    var all = document.querySelectorAll(selector);
    var cur = elm.parentNode;
    while (cur && !collectionHas(all, cur)) { //keep going up until you find a match
        cur = cur.parentNode; //go up
    }
    return cur; //will return null if not found
}
var git = document.querySelector('#about a.github');
git.addEventListener('click', function (e) {
    e.preventDefault();
    var content = findParentBySelector(git, '.panel').querySelectorAll('p');
    content[0].innerHTML = 'This is a new text!'
    content[1].innerHTML = 'This is the second line!'
});