index2.html

<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
</head>
</head>

<body>
    <script type="text/javascript" src="tabs.js"></script>
    <button class="tablink" onclick="openPage('Home', this, 'red')">Home</button>
    <button class="tablink" onclick="openPage('Battery', this, 'green')" id="defaultOpen">Battery</button>
    <button class="tablink" onclick="openPage('Contact', this, 'blue')">Contact</button>
    <button class="tablink" onclick="openPage('About', this, 'orange')">About</button>

    <div id="Home" class="tabcontent">
        <h3>Home</h3>
        <p>Home is where the heart is..</p>
    </div>

    <div id="Battery" class="tabcontent">
        <h3>Battery</h3>
        <p>Some Battery this fine day!</p>
    </div>

    <div id="Contact" class="tabcontent">
        <h3>Contact</h3>
        <p>Get in touch, or swing by for a cup of coffee.</p>
    </div>

    <div id="About" class="tabcontent">
        <h3>About</h3>
        <p>Who we are and what we do.</p>
    </div>
</body>

</html>