index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="./assets/EaseRTC_logo.png" type="image/png">
    <title>EaseRTC | Example</title>
    <!--css-->
    <link rel="stylesheet" href="index.css">
    <!--js-->
    <script src="./index.js" defer></script>
</head>
<body>
    <div class="fixedHeader">
        <div class="left">
            <img src="./assets/EaseRTC_logo.png" alt="">
            <h3>EaseRTC</h3>
        </div>
        <div class="right">
            <a href="https://github.com/CodingReefDev/EaseRTC">GitHub</a>
            <a href="https://easertc.codingreef.com/">EaseRTC Site</a>
            <a href="https://www.youtube.com/channel/UCp_f4cyDXi09pvf-bdMm7iw">Codingreef YT</a>
        </div>
    </div>
    <header>
        <img src="./assets/EaseRTC_logo.png" height="200px" alt="">
        <h1 style="margin-top: 50vh;">EaseRTC</h1>
        <p style="color: #ffffff;">Ease your WebRTC</p>
    </header>
    <section class="section1">
        <h1>Welcome</h1>
        <p>Hey there, thanks for downloading the EaseRTC Library. Let's show you how this Library works!</p>
        <p>We need an signaling server for any connection but as we don't have one here you'll have to do it in the same device as we'll be using the localstorage as a medium to transfer data</p>
        <p>Click on the buttons one by one</p>
        <p>Then you're connected</p>
        <button onclick="window.open('./offer.html');">Open Offer webpage</button>
        <button onclick="window.open('./answer.html');">Open Answer webpage</button>
    </section>
</body>
</html>