index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>WaifuChain</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="css/road.css" />
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <script src="js/main.js"></script>
</head>
<body onload="main()">
    <div id="background">
        <div id="d6"><img id="b6" class="bgimages-item" src="https://i.pinimg.com/originals/e5/c8/5c/e5c85c897b39dbc6b11c85ef93d9c9bd.jpg"></div>
        <div id="d5-2"><img id="b5-2" class="bgimages-item"></div>
        <div id="d5-1"><img id="b5-1" class="bgimages-item"></div>
        <div id="d5"><img id="b5" class="bgimages-item"></div>
        <div id="d4"><img id="b4" class="bgimages-item"></div>
        <div id="d3"><img id="b3" class="bgimages-item" src="images/shiro.png"></div>
        <div id="d2"><img id="b2" class="bgimages-item" src="images/blue left.png"></div>
        <div id="d1"><img id="b1" class="bgimages-item" src="images/pruplemain.png"></div>
    </div>
    <a id="float-discord" href="https://discordapp.com/invite/ykrT4bw" target="_blank" class="round-btn"><div id="discord-text"><span>Talk to us on Discord</span></div></a>
    <nav id="nav" class="navbar">
        <div class="navbar-container">
            <div class="navbar-g expandButton">
                <svg onclick="displayMenu()" id="menu" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                    width="32px" height="32px" viewBox="0 0 459 459" style="enable-background:new 0 0 459 459;" xml:space="preserve">
                    <g id="menu-icon-lines">
                        <path d="M0,382.5h459v-51H0V382.5z M0,255h459v-51H0V255z M0,76.5v51h459v-51H0z"/>
                    </g>
                    <g id="menu-icon-close">
                        <path style="fill-rule:evenodd;clip-rule:evenodd;" d="M131.804,106.491l75.936-75.936c6.99-6.99,6.99-18.323,0-25.312   c-6.99-6.99-18.322-6.99-25.312,0l-75.937,75.937L30.554,5.242c-6.99-6.99-18.322-6.99-25.312,0c-6.989,6.99-6.989,18.323,0,25.312   l75.937,75.936L5.242,182.427c-6.989,6.99-6.989,18.323,0,25.312c6.99,6.99,18.322,6.99,25.312,0l75.937-75.937l75.937,75.937   c6.989,6.99,18.322,6.99,25.312,0c6.99-6.99,6.99-18.322,0-25.312L131.804,106.491z" fill="#000"/>
                    </g>
                </svg>
            </div>
            <div onclick="location.href='index.html'" class="navbar-g nbrand">
                <p>WaifuChain</p>
            </div>
            <div id="navlist" class="navbar-g nmenu">
                <div class="navbar-g spaces">
                    <ul>
                        <li>
                            <a href="index.html">
                                Home
                            </a>
                        </li>
                        <li>
                            <a href="faq.html">
                                FAQ
                            </a>
                        </li>             
                        <li>
                            <a href="https://github.com/thewaifuproject" target="_blank">
                                Tech
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="navbar-g">
                <a href="/senpaimode"><button id="playnav" class="nbutton">Start</button></a>
            </div>
        </div>
    </nav>
    <section>
        <div class="maint">
            <!--<img src="https://raw.githubusercontent.com/corollari/waifuchain/master/webextension/promo/icon.png">-->
            <h2>TRADEABLE BLOCKCHAIN WAIFUS.</h2>
            <h1>Buy, own and trade your favourite waifus.</h1>
            <a href="/senpaimode"><button class="buttonlight">Get one</button></a>
        </div>
    </section>
    <section id="spacet"></section>

    <section id="section1">
        <div id="sec1" class="card">
            <h3>What is WaifuChain?</h3>
	    <p>WaifuChain is a waifu ownership system built on the Ethereum blockchain.<br>
	    Waifus can be obtained in auctions, traded, sold and used in several of our projects, which include a conversational waifu AI that lets you talk with any waifu provided that you own her, a pokemon battle royale game that lets you use waifus as cosmetic skins, and much more to come. Just check our roadmap!</p>
        </div>
    </section>
    <section id="space1"></section>
    <section id="section2">
        <div id="sec2" class="card">
            <h3>What’s the big deal?</h3>
            <p>
               WaifuChain is an ecosystem built on blockchain technology (what makes Ethereum and Bitcoin possible. Yay!). That means you can buy, sell or trade your Waifus securely, knowing that Ethereum’s blockchain will track ownership of every waifu.
Moreover, all the decisions regarding the Project are to be taken by a democratic organization formed by all the waifu owners, a Decentralized Autonomous Organization (DAO for friends).
     </p>
        </div>
    </section>
    <section id="space2"></section>
    <section id="space2-1"></section>
    
    <section id="section3">
        <div id="content">
            <h1>Roadmap</h1>
        
            <ul class="timeline">
            <li class="event" data-date="[12/3]">
                <h3>BETA PROGRAMME LAUNCH</h3>
                </li>
            <li class="event" data-date="[12/10]">
                <h3>Discord Bot Creation</h3>   
            </li>
            <li class="event" data-date="[12/24]">
                <h3>WAIFU AI DISCORD BOT</h3>
                </li>
                
                <li class="event" data-date="[1/14]">
                <h3>FIGHTING WAIFU DISCORD GAME (Pokemon like)</h3>
                </li>		   
                <li class="event" data-date="[2/4]">
                <h3>WAIFU VOICE AI DISCORD BOT</h3>
                </li>
                
                <li class="event" data-date="[2/28]">
                <h3>END OF BETA PROGRAMME</h3>
                </li>
                
                <li class="event" data-date="[3/1]">
                <h3>OFFICIAL RELEASE</h3>
                </li>
            
            <li class="event" data-date="[3/1-3/3]">
                <h3>Reward for the participants of the Beta Programme</h3>
                </li>
                
                <li class="event" data-date="[3/1]">
                <h3>PLUGINS/SDKS FOR UNITY AND UNREAL ENGINE</h3>
                </li>
                
            <li class="event" data-date="Q2">
                <h3>START OF:  Waifu AR/VR + nsfw content</h3>
                </li>
            
                <li class="event" data-date="Q3">
                <h3>START OF:  Waifu Deepfakes (completely nsfw).</h3>
                <p></p>
                <h3>RELEASE OF: Waifu AR/VR + nsfw content</h3>
            </li>
            
                <li class="event" data-date="Q4">
                <h3>START OF:  Waifu Alexa/GateBox.</h3>
                <p></p>
                <h3>RELEASE OF: Waifu Deepfakes (hehe).</h3>
            </li>
            
                <li class="event" data-date="Q1">
                <h3>RELEASE OF: Waifu Alexa/GateBox.</h3>
            </li>
                <li class="event" data-date="">
                <h3>FROM Q1 ONWARDS, DECIDED BY THE DAO.</h3>
            </li>
            
                
            </ul>
        
        </div>
    </section>

    <section id="space3-0"></section>
    <section id="space3-1"></section>
    <section id="space3-2"></section>
    <section id="space3-4"></section>
    <section id="space3-5"></section>
    <section id="space3-6"></section>
    

    <section id="section4">
        <div id="sec4" class="card">
            <h3>Wanna join?</h3>
            <p>
                <button class="buttonlight" onclick="document.location.href=this.getAttribute('href');" href="/senpaimode">Start</button>
            </p>
            
        </div>
    </section>

</body>
</html>