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

$('#about a.github').on('click', function(e){
    e.preventDefault();
    var content = $(this).closest('.panel').find('p');
    content[0].innerHTML = 'This is a new text!'
    content[1].innerHTML = 'This is the second line!'
});