home.html

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">

</head>
<body>
 
    <div class="nav">
        <input type="checkbox" id="nav-check">
        <div class="nav-header">
          <div class="nav-title" id="navi">
            RYOKO
          </div>
        </div>
        <div class="nav-btn">
          <label for="nav-check">
            <span></span>
            <span></span>
            <span></span>
          </label>
        </div>
       
        <div class="nav-links">
          <a href="" target="_blank">Home</a>
          <a href="/places" target="_blank">Places to Explore</a>
          <a href="" target="_blank">About Us</a>
          <a href="" id="contact-us" onclick="contact()">Contact Us</a>
          <a href="/login" target="_blank">Log In</a>
          <a href="/register" target="_blank">Sign Up</a>
        </div>
      </div>
 
      <div class="home">
        <h1 id="ryoko-home">WELCOME RYOKO !!! FUTURE OF VR TECHNOLOGY</h1>
      </div>
      <div class="content"></div>
      <h1 id="explore">Now!! exploring gets easy with us</h1>
     
      <p>We at RYOKO  started using  the full capacity of our brains to innovate tourism with a twist of a  virtual reality erasing language barriers caused by different cultures and ethnicity.</p>
      <p>Virtual Reality has gone beyond anyone's expectations and we the team at RYOKO has decided to harness it's potential.
         We believe in promoting cultural heritage and letting tourists experience the real culture of that area.
      </p>
 
      <img src='I1.jpg' alt="vr i" width=100% height="20%">
      
<script src="script.js"></script>
</body>
</html>
 