WebP-ex2/privacy.html at main · hemanth981/WebP-ex2 · 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>
            Webcoursera
        </title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
        <link rel="stylesheet" href="homepage_styles.css">
        <script src="index_js.js"></script>
    </head>
    <body>
        <ul class="navigation-bar" id='id1navig' onmouseout="hide_classes()">
            <li>
                <a href="index.html">
                    <i class="glyphicon glyphicon-home"></i>
                    Home
                </a>
            </li>

            <li class="dropdown" onmouseover = "display_classes()" onclick="show_classes()">
                <!-- <a href="default.asp"> -->
                    <span class = "menu_header" onmouseover = "display_classes()">
                    <i class="glyphicon glyphicon-menu-hamburger" onmouseover = "display_classes()"></i>
                    Classes
                    </span>
                    <!-- </a> -->
            </li>
            <li class="search-box">
                <!-- <i class="glyphicon glyphicon-menu-hamburger search-box-icon1"></i> -->
                <div class="inner-addon left-addon">
                    <i class="glyphicon glyphicon-search"></i>
                    <input type="text" class="form-control" />
                </div>
                <!-- <input type="text" placeholder="Search.."> -->
            </li>
            <li class="navbar-right">
                <div class="user_access">
                    <a onclick="document.getElementById('user_auth').style.display='block';document.getElementById('login_signup').innerHTML='Login';document.getElementById('id_is_signup').checked=false"><i class="glyphicon glyphicon-user"></i> Login</a>

                    <a onclick="document.getElementById('user_auth').style.display='block';document.getElementById('login_signup').innerHTML='Sign Up';document.getElementById('id_is_signup').checked=true">
                      <i class="glyphicon glyphicon-pencil"></i>
                        Sign up
                    </a>
                </div>
            </li>
            <a href="javascript:void(0);" class="icon_hamburger" onclick="expand_navbar()">
                <i class="glyphicon glyphicon-menu-hamburger"></i>
            </a>

        </ul>
        <div class="dropdown-content" onmouseover="display_classes()" onmouseout="hide_classes()">
            <a href="ajax.html">Ajax</a>
            <a href="css.html">CSS</a>
            <a href="html.html">HTML</a>
            <a href="java.html">Java</a>
            <a href="python.html">Python</a>
            <a href="javascript.html">Javascript</a>
          </div>
        <!-- <iframe src="python.html" frameborder="1" width="300" height="300" title="frame"></iframe> -->
        <h1>Webcoursera</h1>
        <i class="bi bi-caret-left-square"></i>
        <p>
        <h4>Privacy Policy</h4>
        <div style="border:1px dashed black;border-radius: 5px;padding: 5px;margin-left:10px;margin-right:10px">
            We respect your privacy. We only collect the essential data required to provide you with the necessary services. The use of your data is subject
            to the foollowing privacy policy:<br>

            1) Lorem Ipsum Dolor<br>
            2) This is a sample text<br>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit,
            sed do eiusmod tempor incididunt ut labore et dolore
             magna aliqua. Ut enim ad minim veniam, quis nostrud
             exercitation ullamco laboris nisi ut aliquip ex ea
             commodo consequat. Duis aute irure dolor in reprehenderit
             in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
              Excepteur sint occaecat cupidatat non proident, sunt in culpa
              qui officia deserunt mollit anim id est laborum.
            Lorem ipsum dolor sit amet, consectetur adipiscing elit,
            sed do eiusmod tempor incididunt ut labore et dolore
             magna aliqua. Ut enim ad minim veniam, quis nostrud
             exercitation ullamco laboris nisi ut aliquip ex ea
             commodo consequat. Duis aute irure dolor in reprehenderit
             in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
              Excepteur sint occaecat cupidatat non proident, sunt in culpa
              qui officia deserunt mollit anim id est laborum.
            Lorem ipsum dolor sit amet, consectetur adipiscing elit,
            sed do eiusmod tempor incididunt ut labore et dolore
             magna aliqua. Ut enim ad minim veniam, quis nostrud
             exercitation ullamco laboris nisi ut aliquip ex ea
             commodo consequat. Duis aute irure dolor in reprehenderit
             in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
              Excepteur sint occaecat cupidatat non proident, sunt in culpa
              qui officia deserunt mollit anim id est laborum.
            Lorem ipsum dolor sit amet, consectetur adipiscing elit,
            sed do eiusmod tempor incididunt ut labore et dolore
             magna aliqua. Ut enim ad minim veniam, quis nostrud
             exercitation ullamco laboris nisi ut aliquip ex ea
             commodo consequat. Duis aute irure dolor in reprehenderit
             in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
              Excepteur sint occaecat cupidatat non proident, sunt in culpa
              qui officia deserunt mollit anim id est laborum.
            Lorem ipsum dolor sit amet, consectetur adipiscing elit,
            sed do eiusmod tempor incididunt ut labore et dolore
             magna aliqua. Ut enim ad minim veniam, quis nostrud
             exercitation ullamco laboris nisi ut aliquip ex ea
             commodo consequat. Duis aute irure dolor in reprehenderit
             in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
              Excepteur sint occaecat cupidatat non proident, sunt in culpa
              qui officia deserunt mollit anim id est laborum.
        </div>

        <!-- Login Form -->
        <div id="user_auth" class="login_form">

            <form class="login_form-content" action="" method="post">
              <div class="imgcontainer">
                <img src="static/img/nitc_logo.jpeg" alt="Avatar" class="avatar">
              </div>

              <div class="container">
                Username
                <input type="text" placeholder="Enter Username" name="username" required>
                Password
                <input type="password" placeholder="Enter Password" name="password" required>
                <input type="checkbox" name="is_signup" id="id_is_signup"  hidden>
                <button id="login_signup" type="submit" class="login_form_button">Login</button>

              </div>

              <div class="container" style="background-color:#f1f1f1">
                <button type="button" onclick="document.getElementById('user_auth').style.display='none'" class="cancelbtn login_form_button">Cancel</button>
              </div>
            </form>
          </div>
    </body>
    </html>