index.html

<!DOCTYPE html>
<html>
<body>
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>PMW's Site</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="src\img\favi.ico">
    <style>
     body {
      background-image: url('funnel.jpg');
      background-position: center;
      background-size: cover;
     }
  </style>
 </head>
   <html>
  <body>
  </html>
 <navbar>
  <slbtn><a class="s" href="https://xcores.w3spaces.com" style="font-family:sans-serif;">W3spaces</a></slbtn>
  <slbtn><a class="s" href="https://github.com/rafhub6" style="font-family:sans-serif;">GitHub</a></slbtn>
  <slbtn><a class="s" href="mailto:puremaster@protonmail.ch" style="font-family:sans-serif;">Contact</a></slbtn>
</navbar>
  </head>
 <article>
   <center> <card style="float:left;">
   <button class="dropbtn">About</button>
   <div class="card-content">
    <span></span>
   </div>
  </card>
    <card style="float:right;">
     <button class="dropbtn">Links</button>
     <div class="card-content">
     <a href="https://github.com/RAFhub6/" title="My github">Github</a>
     <a href="https://rafhub6githubio.tuanminhdev.repl.co" style="font-family:sans-serif;" title="Go to the experiemental site">Other site</a>
     <a href="https://sites.google.com/view/link1299/mega" style="font-family:sans-serif;" title="Go to a host for downloading">Source Site</a>
     <a href="https://replit.com/@puremintwater/PureXsystem?v=1" style="font-family:sans-serif;" title="Use my operating system">Operating System</a>
     <a href="https://rafhub6.github.io/techsupport" style="font-family:sans-serif;" title="Prank others with this fake tech support">Fake tech support</a>
     <a href="https://scratch.mit.edu/users/NewRAF" style="font-family:sans-serif;" title="Go to my scratch profile">Scratch</a>
     <a href="https://powdertoy.co.uk/User.html?Name=AlgoPowdo" style="font-family:sans-serif;" title="Go to my powder toy profile">Powder toy</a>
     <a href="https://sites.google.com/view/wafercollection/home?authuser=0" style="font-family:sans-serif;" title="Go to my second host for downloading">Source site 2</a>
     <a href="archive/main.html" style="font-family:sans-serif;" title="Go to the archive">Archive</a>
     <a href="https://nil.puremintwater.repl.co/" style="font-family:sans-serif;" title="Totally a normal 404 page!">Totally Normal 404 Page</a>
     </div>
    </card>
    <card style="float:left">
     <button class="dropbtn">Collapse...</button>
     <div class="card-content">
      <h1 style="font-family:sans-serif;">RAFhub6</h2>
      <p style="font-family:sans-serif;">The founder of CdDw<p>
      <p style="font-family:sans-serif;">under construction<p>
       <hr width="1000">
    <div id="footer"><small></small></div>
     </div>
    </card>
  </center> 
 </article>
</body>
</html>