LetsVirtual/Projects.html at main · Next-Dev-Saif/LetsVirtual · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lets Virtual</title>
    <link rel="stylesheet" href="./CSS/Portfolio.css">
    <link rel="shortcut icon" href="./assets/icon.png" type="image/x-icon">
</head>
<body>
<div class="LoadingDiv" id="loadDiv">
  <div>
    <h1>Please wait taking you virtually</h1>
    <progress id="loaded" value="0" max="100">
    </progress>
    <h2 id="percent">0 % loaded</h2>
    <h2>Created by Saif-ur-Rehman</h2>
  </div>

</div>

    <section class="menu">
        <a href="./index.html"> <img src="./assets/HomeIcon.png" height="30px" width="50px">Home</a>
        <a href="./Projects.html" style="background: rgba(4, 11, 11, 0.991);"><img src="./assets/ProjectsIcon.png" height="30px" width="50px"> Projects</a>
        <a href="./About.html"><img src="./assets/AboutMe.png" height="30px" width="50px">About</a>
        <a href="./Contact.html" ><img src="./assets/Contact.png" height="30px" width="50px">Contact</a>
      </section>
      <div class="Info" style="display: none;" id="info">

       <p></p>
      </div>

      <div class="RotateGuide" id="guide">
        <p>Click on Brief Case <strong>its infront of you </strong></p>
        <button id="GuideCancel">Click to Cancel</button>
      </div>
      <div class="ProjectInfo" id="pi">
        <h1>Project :  <strong id="title"></strong></h1>
        <p id="Description">
          Lorem ipsum dolor sit, amet consectetur adipisicing elit. Saepe ipsam, impedit maiores repudiandae minus possimus, iusto laborum nulla vitae optio quaerat fugiat corporis voluptas asperiores omnis voluptatem dolores, odit explicabo.

        </p>
        <a id="go" >Click to go to project</a>
        <button id="infoCancel">Cancel</button>
      </div>


</body>
</html>
<script type="importmap">
    {
     "imports":{
       "three":"./3D Core Modules/three.module.js"
     }

    }
   </script>
<script type="module" src="./Projects.js"></script>