Prime-Hackathon/index.html at main · GaiusDuddey/Prime-Hackathon · 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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="general.css" />
    <link rel="stylesheet" href="style.css" />
    <title>Home page</title>
  </head>
  <body background="logo-back.jpg">
    <header class="header">
      <a href="#">
        <!-- <img src="LOGO.png" class="logo" alt="HackRush Logo"/> -->
      <nav class="main-nav">
        <ul class="main-nav-list">
          <li>
            <a class="main-nav-link nav-cta main-nav-link-outline" href="#popup-box">Login</a>
          </li>
          <li>
            <a class="main-nav-link nav-cta" href="#">Sign-up</a>
          </li>

        </ul>
      </nav>

    </header>

    <div class="Grid">
      <div class="logo-img">
    <img  class="logo" src="L.jpg" alt="HackRush 2.0 LOGO" height="550px" width="550px"></div>
    <div class="logo-content">Get ready to unleash your creativity and showcase your coding skills. Collaborate with like-minded innovators, solve real-world challenges, and compete for amazing prizes.</div>
  </div>
    <!-- <div class="dropdown">
        <ul class="dropdown-list Ali">
          <li>
            <a class="main-nav-link drop" href="login-admin.html">Admin</a>
          </li>
          <li>
            <a class="main-nav-link drop" href="login-student.html">Student</a>
          </li>

        </ul>
    </div> -->

  <!-- <div class="box">
    <a href="#popup-box"
        >Click to Open Popup Box!</a
    > -->
<!-- </div> -->


<!-- POP UP down the code -->
   <div id="popup-box" class="modal"
   >
   <div class="content" >
     <h1 class="margin-rm" style="color: #484747">Choose type of login</h1>
        <ul class="dropdown-list margin-bo">
          <div class="up">
            <div class="upp">
          <img src="man-suit.png" height="70px" width="70px">
        </div>
          <li>
            <a class="main-nav-link drop nav-cta pop-bt outline" href="login-admin.html">Admin</a>
          </li>
        </div>
        <div class="up">
          <img src="study.png" height="90px" width="90px">
          <li>
            <a class="main-nav-link drop nav-cta pop-bt outline" href="login-student.html">Student</a>
          </li>
        </div>
        </ul>
        <a
        class="close"
        href="#"
            >&times;</a
            >
            <a class="main-nav-link drop nav-cta pop-bt outline new" href="login-student.html">student-login</a>
          </div>
        </div>

      </body>
</html>