login/about.html at master · enigmatic241/login · 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
<!DOCTYPE html>
<head>
        <link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
        <script src="script.js"></script>
</head>
<style>
    body{
        margin: 0;
        padding: 0;
        background:url(medical-website-background-images-8.jpg);
        background-size:cover;
    }
    #container{
        margin:0 auto;
        margin-top:8%;
        border-style:outset;
        width: 400px;
        height: 500px;
        background: url(medical.jpg);
        box-shadow: orange 10px 10px;
        border-radius: 10%;
    }
    h1{
        text-align: center;
        padding-top: 60px;
        font-family: 'Permanent Marker', cursive;
        color:rgb(255, 81, 0);
    }
    #enter{
        margin-top:40px;
        margin-left: 40px;
    }
    #enter1{
        margin-top:20px;
        margin-left: 40px;
    }
    #pass{
        width: 40px;
        width: 300px;
        height: 40px;
        font-size:medium;
        border-radius: 4%;
    }
    #for{
        margin-top: 40px;
        margin-left: 40px;
    }
    #text{
        text-decoration: none;
    }

    .button{
        font-size: 1em;
        background:blue;
        color: white;
        float:right;
        margin-top:5%;
        margin-right:5%;
        padding-top: 2%;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 2%;
        border:none;
        border-radius:8%;
        text-align: center;
        letter-spacing: 1px;
        font-weight: 400;
        transition: border 0.2s;
    }
    a{
        font-size: large;
        text-decoration: none;
        color: black;
    }
    #page{
        margin-left:50px;
        margin-top: 20px;
    }
    .button:hover{
        cursor: pointer;
        border:2px solid orange;
    }
    #navbar{
        padding: 0.7%;
        background: navy;
        display:block;
        border-bottom: orange solid 3px;
    }
    #source{
        color: white;
        font-size: 1.3em;
        margin-left: 0.5%;
    }
    h3{
        display: inline-block;
    }
    #forgot{
        font-weight: bold;
    }
    #forgot:hover{
        font-size:20px;
        color:blue;
        }

</style>
<body>
    <div id="navbar">
        <a href="file:///home/mrigank/git/mrigank.html" id="source">Home</a>
        </div>
      <div id="container">

          <h1>Register here!</h1>
          <div id="enter">
                <input type="email" id="pass" placeholder="enter your email">

          </div>
          <div id="enter1">
                <input type="password" id="pass" placeholder="enter your password">

          </div>
          <div id="for">
              <a href="" id="forgot"><h3>Forgot password?</h3></a>
              <button type="reset" class="button">Sign Up!</button>
              </div>
        </div>

</body>